diff --git "a/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/demo.js" "b/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/demo.js"
new file mode 100644
index 0000000000000000000000000000000000000000..97552354c3b20bb2d2d8457b574f0e243eda51b2
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/demo.js"
@@ -0,0 +1,2 @@
+let content = require('./module')
+console.log(content.chu(1,1));
\ No newline at end of file
diff --git "a/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/demo.txt" "b/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/demo.txt"
new file mode 100644
index 0000000000000000000000000000000000000000..a729ebaefd20a4a230338fe0cd584bef9a7e856f
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/demo.txt"
@@ -0,0 +1 @@
+数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据数据库的数据
\ No newline at end of file
diff --git "a/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/demoliu.js" "b/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/demoliu.js"
new file mode 100644
index 0000000000000000000000000000000000000000..c9be3c76bd2b538fe4c37eeaf1008ef513baae0c
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/demoliu.js"
@@ -0,0 +1,23 @@
+const fs = require('fs')
+let readStream = fs.createReadStream('demo.txt')
+let str = '';
+let count=0;
+readStream.on('data',function(chunk){
+    str+=chunk;
+    count++;
+})
+readStream.on('end',function(chunk){
+    console.log(count);
+    console.log(str);
+})
+let data ="数据库的数据"
+let writerStream = fs.createWriteStream('demo.txt')
+    for(let i=0;i<100;i++){
+        writerStream.write(data,'utf8')
+
+}
+writerStream.end();
+writerStream.on('finish',function(){
+    console.log("写入完成");
+})
+
diff --git "a/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/fsdemo.js" "b/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/fsdemo.js"
new file mode 100644
index 0000000000000000000000000000000000000000..aacd542ff691fd73ecc3bc0f4c0f5aa082d335ac
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/fsdemo.js"
@@ -0,0 +1,17 @@
+let fs = require('fs')
+// fs.writeFile('demo.txt','huananhuihuijiang',function(err,data){
+//     if(err){
+//         console.log(err);
+//     }else{
+//         console.log(data);
+//     }
+// })
+fs.readFile('demo.txt',{encoding:'utf8',flag:'r'},function(err,data){
+    if(err){
+        console.log(err);
+    }else{
+        console.log("111"+data);
+    }
+})
+let data = fs.readFileSync('demo.txt',{encoding:'utf8',flag:'r'})
+console.log(data);
\ No newline at end of file
diff --git "a/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/httpdemo.js" "b/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/httpdemo.js"
new file mode 100644
index 0000000000000000000000000000000000000000..92bc85b1dce934bab2d184ae6d6942c21f1f44c5
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/httpdemo.js"
@@ -0,0 +1,10 @@
+let http = require('http')
+let server = http.createServer();
+server.on('request',function(req,res){
+    res.setHeader('Content-Type','text/html;charset=utf-8')
+    res.write('asd')
+    res.write('胡')
+    // let url = req.url;
+    res.end();
+})
+server.listen(8080)
\ No newline at end of file
diff --git "a/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/module.js" "b/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/module.js"
new file mode 100644
index 0000000000000000000000000000000000000000..7ced93e84c58aa3f620ad6cff3df61ed3da3d821
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211/node\345\244\215\344\271\240/module.js"
@@ -0,0 +1,16 @@
+function add(num1,num2){
+    return num1+num2
+}
+function jian(num1,num2){
+    return num1-num2
+}
+function cheng(num1,num2){
+    return num1*num2
+}
+function chu(num1,num2){
+    return num1/num2
+}
+module.exports.add = add
+module.exports.jian = jian
+module.exports.cheng = cheng
+module.exports.chu = chu
\ No newline at end of file
diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue\346\263\250\345\206\214\351\241\265\351\235\242/Register.css" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue\346\263\250\345\206\214\351\241\265\351\235\242/Register.css"
new file mode 100644
index 0000000000000000000000000000000000000000..3e008dfb1a08496410b8958d942c081aa68fd4c4
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue\346\263\250\345\206\214\351\241\265\351\235\242/Register.css"
@@ -0,0 +1,45 @@
+.border{
+    width: 500px;
+    height: 500px;
+    border: 1px solid black;
+}
+.form-item {
+
+    width: 300px;
+    height: 35px;
+}
+.form-item::after {
+    position: absolute;
+    left: 124px;
+
+    content: attr(data-msg);
+    color: red;
+    font-size: 12px;
+    display: none;
+}
+.form-item.err::after {
+    display: block;
+}
+
+.form-item.err input {
+    border-color: red;
+}
+.password{
+    width: 300px;
+    height: 80px;
+}
+.password::after {
+    position: absolute;
+    left: 124px;
+
+    content: attr(data-msg);
+    color: red;
+    font-size: 12px;
+    display: none;
+}
+.password.err1::after {
+    display: block;
+}
+.password.err1 input {
+    border-color: red;
+}
\ No newline at end of file
diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue\346\263\250\345\206\214\351\241\265\351\235\242/img/1.webp" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue\346\263\250\345\206\214\351\241\265\351\235\242/img/1.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..2122c2966d7c1f0380956ee8dcee702b92ded7ac
Binary files /dev/null and "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue\346\263\250\345\206\214\351\241\265\351\235\242/img/1.webp" differ
diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue\346\263\250\345\206\214\351\241\265\351\235\242\344\272\214/Register.html" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue\346\263\250\345\206\214\351\241\265\351\235\242\344\272\214/Register.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7e3a330e918099b5d305caa7228efe2ee00ad74f
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue\346\263\250\345\206\214\351\241\265\351\235\242\344\272\214/Register.html"
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>注册</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+    <link rel="stylesheet" href="./Register.css">
+ 
+</head>
+<body>
+
+    
+    <div class="register" >
+        <div class="border">
+            <section :class="['form-item', {'err':err}]" data-msg="请输入13位的手机号码">
+            请输入手机号：<input  placeholder="请输入手机号码" type="text" name="iphonenumber" v-model="username">  <br>
+            </section>
+            <section :class="['password', {'err1':err1}]" data-msg="密码不一致">
+            请输入密码：&nbsp;&nbsp;<input type="password" v-model="password1" placeholder="请输入密码"><br>
+            请确认密码： &nbsp; <input type="password" v-model="password2" placeholder="请输入密码"><br>
+        </section>
+            性别：  男 <input type="radio" value="男">
+                    女<input type="radio" value="女"><br>
+            省份：<select name="sheng" id="">
+            <option value="">请选择您所在的城市</option>
+            <option value="福建">福建</option>
+            <option value="广东">广东</option>
+            <option value="河南">河南</option>
+            </select><br>
+            <input type="submit" >
+        
+    </div>
+    </div>
+ 
+</body>
+<script type="text/javascript" src="./Register.js"></script>
+
+</html>
\ No newline at end of file
diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue\346\263\250\345\206\214\351\241\265\351\235\242\344\272\214/Register.js" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue\346\263\250\345\206\214\351\241\265\351\235\242\344\272\214/Register.js"
new file mode 100644
index 0000000000000000000000000000000000000000..48c100119c0ea141d8d951351c3a5674f5b7ccf9
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/vue\346\263\250\345\206\214\351\241\265\351\235\242\344\272\214/Register.js"
@@ -0,0 +1,37 @@
+let vue =new Vue({
+    el:'.register',
+    data:{  
+        username:'',
+        err:false,
+        err1:false,
+        password1:'',
+        password2:''
+    },
+    methods:{
+       
+    },
+    watch:{
+        username(val){
+            this.err = !/^\w{13}$/.test(val);
+        },
+        password1(val){
+            // console.log(val);
+            console.log(this.password2)
+            if(val!=this.password2){
+                 this.err1=true   
+            }else{
+                this.err1=false
+            }
+        },
+        password2(val){
+            // console.log(val);
+            console.log(this.password2)
+            if(val!=this.password1){
+                 this.err1=true   
+            }else{
+                this.err1=false
+            }
+        }
+    }
+    
+})
diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265\351\235\242/demo.html" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265\351\235\242/demo.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9ffd4bb99caf4f4180998e91ac5f3fe966482c5d
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265\351\235\242/demo.html"
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>商品详情页</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
+</head>
+<body>
+    <div class="app">
+        <img src="./img/1.jpg" alt="">
+        价格：{{price}}
+        倒计时:
+       
+       
+        <div>
+            {{date}}
+        </div>
+        <div> {{CountDown()}}</div>
+    
+    </div>
+</body>
+<script>
+    let vue = new Vue({
+        el:'.app',
+        data: {
+            price:'13718',
+            date:'',
+            
+        },
+        methods:{
+            CountDown:function(){
+                for(let i =1;i<=60;i++){
+                    setTimeout(() => {
+                        setTimeout(function(){
+                            this.date=i
+                            console.log(this.date)
+                        },1000)
+                       
+                    }, 1000*(60-i));
+                     
+                }
+                // setTimeout(this.CountDown,1000)
+                // let date  = new Date();
+                // let now =  date.getTime();
+                // let endtime = new Date("2022-4-6 10:14:00")
+                // let end = endtime.getTime()
+                // let lefttime = end-now;
+                // if(lefttime>=0){
+                //     d=Math.floor(lefttime/1000/60/60/24)
+                //     let h = Math.floor(lefttime/1000/60/60%24)
+                //     let m = Math.floor(lefttime/1000/60%24)
+                //     let s = Math.floor(lefttime/1000%60)
+                // }
+                // setTimeout(this.CountDown,1000)
+                // console.log(h+m+s);
+               
+                // console.log(this.h);
+        },
+    
+        }
+    })
+</script>
+</html>
\ No newline at end of file
diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265\351\235\242/demo01.html" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265\351\235\242/demo01.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1f7c4aa93913d92afdf5b61fd1c4a197c297e0a1
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265\351\235\242/demo01.html"
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+</head>
+<body>
+    
+    <div id="app">
+    
+<h1 style="font-size:120px;margin:15%">剩余时间 {{ data }} </h1>
+        <h2 style="font-size:42px;margin:5%">倒计时:<input type="text" style="width:50px;height:40px" v-model="total">秒
+            <button onclick=app.start()>开始</button></h2>
+            <!-- {{app.start()}} -->
+            <!-- {{start()}} -->
+    </div>
+
+</body>
+<script>
+    var app = new Vue({
+      el: '#app',
+      data: {
+        data:'00:59:59',
+        leftTime: 3600000,
+        total:3600,
+        flag:0
+      },
+      
+      methods:{
+        start(){
+        app.leftTime = app.total * 1000
+        app.countTime()
+        app.flag += 1
+        },
+        countTime(){
+        var date = new Date();
+        var now = date.getTime();
+        //设置截止时间
+        //var endDate = new Date("2019-04-11 17:11:00");
+        //var end = endDate.getTime();
+        //时间差
+        //var leftTime = end - now;
+        app.leftTime = app.leftTime  - 1000;
+        // console.log(app.leftTime)
+        //定义变量 d,h,m,s保存倒计时的时间
+        if (app.leftTime >= 0) {
+            d = Math.floor(app.leftTime / 1000 / 60 / 60 / 24);
+            this.h = Math.floor(app.leftTime / 1000 / 60 / 60 % 24);
+            this.m = Math.floor(app.leftTime / 1000 / 60 % 60);
+            this.s = Math.floor(app.leftTime / 1000 % 60);
+        }
+      
+        //递归每秒调用countTime方法，显示动态时间效果
+        app.data = this.h + ':' + this.m + ':' + this.s
+        if(app.flag < 2){
+        setTimeout(this.countTime, 1000);
+        }
+        else(
+        alert("请刷新后重新开始！")
+        )
+        }
+        }
+        })
+    </script>
+</html>
\ No newline at end of file
diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265\351\235\242/img/1.jpg" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265\351\235\242/img/1.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..9d19b968bc683a37e6c9177edf57fa5a804b7f94
Binary files /dev/null and "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265\351\235\242/img/1.jpg" differ
diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\346\214\207\345\256\232\350\203\214\346\231\257\350\211\262/backgroud.html" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\346\214\207\345\256\232\350\203\214\346\231\257\350\211\262/backgroud.html"
new file mode 100644
index 0000000000000000000000000000000000000000..201ba6818fd1fdd52b4dbd2cc28b715fe9457c23
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\346\214\207\345\256\232\350\203\214\346\231\257\350\211\262/backgroud.html"
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>背景</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+</head>
+<style>
+    .app {
+        width: 200px;
+        height: 200px;
+        border: 1px solid black;
+
+    }
+</style>
+
+<body>
+    <div class="app" v-color="color" v-on:click="change">asd</div>
+</body>
+<script>
+
+
+
+    let vue = new Vue({
+        el: '.app',
+        data: {
+            color: [ 'red',  'green', 'blue'],
+            
+        },
+        methods: {
+            change: function () {
+                
+            }
+        },
+        directives: {
+            color:{
+                update(el,bind){
+                    console.log(el);
+                    console.log(bind);
+                    for(let i = 0;i<=2;i++){
+                        el.style.backgroundColor = bind.value[i]
+                    }
+                }
+            }
+        }
+
+
+    })
+
+</script>
+
+</html>
\ No newline at end of file
diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\346\214\207\345\256\232\350\203\214\346\231\257\350\211\262/img/1.webp" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\346\214\207\345\256\232\350\203\214\346\231\257\350\211\262/img/1.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..b66c77e026f14fe22dcce426d8b855ee87548afd
Binary files /dev/null and "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\346\214\207\345\256\232\350\203\214\346\231\257\350\211\262/img/1.webp" differ
diff --git "a/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\347\273\204\344\273\266/demo.html" "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\347\273\204\344\273\266/demo.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f460718bddd9b17d6e3e6e2fc411af8f957e47bc
--- /dev/null
+++ "b/\351\231\210\351\233\204\350\276\211\357\274\210vue\357\274\211/\347\273\204\344\273\266/demo.html"
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>组件</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+    <style>
+        .box {
+            width: 100px;
+            height: 100px;
+            background-color: pink;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="app">
+        <!-- <div :class="{box:a,box1:b}"></div> -->
+
+        <showandhide></showandhide>
+    </div>
+
+    <script>
+        Vue.component('showandhide', {
+            template: '<div><button v-on:click="showhide()">点击</button> <div :class="{box:a,box1:b}"></div></div>',
+            data: function () {
+                return{
+                    a: true,
+                    b: false
+                }
+            },
+            methods: {
+                showhide: function () {
+                    if (this.a == true) {
+                        this.a = false
+                        console.log(1);
+                    } else {
+                        this.a = true
+                        console.log(2);
+                    }
+                }
+            }
+
+
+        })
+        let vm = new Vue({
+            el: '#app',
+            data: {
+                a: true,
+                b: false
+            },
+            methods: {
+                showhide: function () {
+                    if (this.a == true) {
+                        this.a = false
+                        console.log(3);
+                    } else {
+                        this.a = true
+                        console.log(4);
+                    }
+                }
+            }
+
+        })
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file