9 months ago · 995f7bcd93
--- a/3_js基础/2_定义变量.html
+++ b/3_js基础/2_定义变量.html
@@ -8,7 +8,7 @@
 
				 <body>
			
 
				     <script>
			
 
				         // var 定义变量的关键则  
			
 
				-        //‘str’ 变量名 （由数字、字母、下划线_、$  数字不能开头）
			
 
				+        //‘str’ 变量名 （由数字、字母、下划线_、$  数字不能开头）不能使用关键字和保留子
			
 
				         // 其中“hello world” 是一段字符串
			
 
				         var str = "hello world!";
			
 
				         // console.log() 这个方法是向控制台输出内容  最为常用的调试方式
			
--- a/3_js基础/3_变量类型.html
+++ b/3_js基础/3_变量类型.html
@@ -68,7 +68,7 @@
 
				         // 允许未定义直接赋值
			
 
				         loveCoding = "爱扣钉";
			
 
				         console.log(loveCoding);
			
 
				-
			
 
				+        // 未定义的变量是不允许直接使用
			
 
				         console.log(testStr10);
			
 
				     </script>
			
 
				 </body>
			
--- a/3_js基础/6_循环.html
+++ b/3_js基础/6_循环.html
@@ -49,12 +49,12 @@
 
				         // }
			
 
				 
			
 
				         // break 循环中如果遇到 break 结束整个循环
			
 
				-        for(var i =0;i<arr.length;i++){
			
 
				-            if(arr[i] == 5){
			
 
				-                break;
			
 
				-            }
			
 
				-           console.log(arr[i]);
			
 
				-        }
			
 
				+        // for(var i =0;i<arr.length;i++){
			
 
				+        //     if(arr[i] == 5){
			
 
				+        //         break;
			
 
				+        //     }
			
 
				+        //    console.log(arr[i]);
			
 
				+        // }
			
 
				 
			
 
				     </script>
			
 
				 </body>
			
--- a/3_js基础/综合练习3编程题3.html
+++ b/3_js基础/综合练习3编程题3.html
@@ -9,6 +9,7 @@
 
				 
			
 
				 <body>
			
 
				     <script>
			
 
				+        // 判断当前数值是否能同时被3、5、7整除
			
 
				         function foo(n){
			
 
				             if(n%3==0 && n%5==0 && n%7==0){
			
 
				                 return true;
			
@@ -17,6 +18,7 @@
 
				             }
			
 
				         }
			
 
				 
			
 
				+        // 计算出所有的结果放到arr数组当中
			
 
				         var arr = [];
			
 
				         for(var i=1;i<=1000;i++){
			
 
				             if(foo(i)){
			
@@ -24,6 +26,7 @@
 
				             }
			
 
				         }
			
 
				 
			
 
				+        // 把所有的结果输出到页面中6个一换行
			
 
				         for(var j=0;j<arr.length;j++){
			
 
				             document.write(arr[j]+"&nbsp;");
			
 
				             if((j+1)%6 == 0){
			
--- a/3_js基础/综合练习3编程题7.html
+++ b/3_js基础/综合练习3编程题7.html
@@ -39,7 +39,7 @@
 
				         // }
			
 
				         // console.log(fibonacci(5))
			
 
				 
			
 
				-
			
 
				+        // 递归实现斐波纳契数列
			
 
				         function fibonacci(n){
			
 
				             if(n<3){
			
 
				                 return 1;
			
--- a/3_js基础/综合练习3编程题8.html
+++ b/3_js基础/综合练习3编程题8.html
@@ -16,7 +16,7 @@
 
				             }
			
 
				             return sumNum * 4;
			
 
				         }
			
 
				-
			
 
				+        
			
 
				         console.log(piNum(100));
			
 
				     </script>
			
 
				 </body>
			
--- a/4_DOM&BOM/13_DOMjs动画.html
+++ b/4_DOM&BOM/13_DOMjs动画.html
@@ -24,7 +24,7 @@
 
				         // offsetWidth 获取元素的宽度
			
 
				         // offsetHeight 获取元素高度
			
 
				         setInterval(function(){
			
 
				-            oBox.style.width = oBox.offsetWidth - 10 +"px";
			
 
				+            oBox.style.width = oBox.offsetWidth + 10 +"px";
			
 
				         },16)
			
 
				     </script>
			
 
				 </body>
			
--- a/4_DOM&BOM/16_DOM获取父节点.html
+++ b/4_DOM&BOM/16_DOM获取父节点.html
@@ -13,7 +13,7 @@
 
				     </div>
			
 
				     <script>
			
 
				         var box1 = document.getElementsByClassName("box1")[0];
			
 
				-
			
 
				+        // parentElement 获取当前元素的父节点
			
 
				         console.log(box1.parentElement)
			
 
				     </script>
			
 
				 </body>
			
--- a/4_DOM&BOM/21_DOM事件机制.html
+++ b/4_DOM&BOM/21_DOM事件机制.html
@@ -49,7 +49,7 @@
 
				         // 事件捕获由外向内逐层触发 addEventListener 第三个参数为true
			
 
				         // 事件冒泡由内向外逐层触发 addEventListener 第三个参数为false
			
 
				 
			
 
				-        // js事件机制的顺序
			
 
				+        // js事件机制的顺序 同时绑定了捕获和冒泡的话 先触发事件捕获然后事件冒泡
			
 
				         oBxo1.addEventListener("click",function(){
			
 
				             console.log("box1");
			
 
				         },false)
			
--- a/4_DOM&BOM/22_DOM阻止事件机制.html
+++ b/4_DOM&BOM/22_DOM阻止事件机制.html
@@ -38,6 +38,7 @@
 
				         }
			
 
				         oBox2.onclick = function(e){
			
 
				             this.innerText = "hello";
			
 
				+            // 他会阻止冒泡事件
			
 
				             e.stopPropagation();
			
 
				         }
			
 
				         
			
--- a/4_DOM&BOM/2_DOM基础选择器.html
+++ b/4_DOM&BOM/2_DOM基础选择器.html
@@ -14,8 +14,8 @@
 
				 
			
 
				         // js选择器
			
 
				         // 类选择器 他将返回一个集合 里面有多个值 类似一个数组
			
 
				-        // var box = document.getElementsByClassName("box");
			
 
				-        // console.log(box[0]);
			
 
				+        var box = document.getElementsByClassName("box");
			
 
				+        console.log(box[0]);
			
 
				 
			
 
				         // ID选择器 他将返回一个唯一值
			
 
				         // var box1 = document.getElementById("box1");
			
--- a/4_DOM&BOM/4_BOM简介.html
+++ b/4_DOM&BOM/4_BOM简介.html
@@ -19,6 +19,8 @@
 
				         console.log(a+b)
			
 
				         console.log(window.a);
			
 
				 
			
 
				+        
			
 
				+
			
 
				     </script>
			
 
				 </body>
			
 
				 </html>
			
--- a/4_DOM&BOM/5_BOM定时函数.html
+++ b/4_DOM&BOM/5_BOM定时函数.html
@@ -22,6 +22,7 @@
 
				         // }
			
 
				 
			
 
				         // setTimeout(foo,3000);
			
 
				+        // clearTimeout()
			
 
				 
			
 
				         // 定时函数 他会循环之行 会根据设定的时间 间隔 循环
			
 
				         // setInterval(function(){
			
--- a/4_DOM&BOM/6_DOM事件绑定.html
+++ b/4_DOM&BOM/6_DOM事件绑定.html
@@ -34,6 +34,11 @@
 
				         //     console.log("mouseenter")
			
 
				         // }
			
 
				 
			
 
				+        // 鼠标移出
			
 
				+        oH1[1].onmouseleave = function(){
			
 
				+            
			
 
				+        }
			
 
				+
			
 
				     </script>
			
 
				 </body>
			
 
				 </html>
			
--- a/4_DOM&BOM/复习1_DOM.html
+++ b/4_DOM&BOM/复习1_DOM.html
@@ -25,9 +25,9 @@
 
				     <span class="str">hello world</span>
			
 
				     <script>
			
 
				 
			
 
				-        var oStr = document.getElementsByClassName("str");
			
 
				-        oStr[0].innerText = "你好世界";
			
 
				-        oStr[0].style.color = "yellow";
			
 
				+        var oStr = document.getElementsByClassName("str")[0];
			
 
				+        oStr.innerText = "你好世界";
			
 
				+        oStr.style.color = "yellow";
			
 
				         // var aBox = document.getElementsByTagName("div");
			
 
				         // console.log(aBox);
			
 
				         // aBox[]
			
--- a/4_DOM&BOM/练习4_图片切换.html
+++ b/4_DOM&BOM/练习4_图片切换.html
@@ -71,13 +71,14 @@
 
				         var imgArr = document.getElementsByTagName("img");
			
 
				 
			
 
				         
			
 
				-        for(var i=1;i<=4;i++){
			
 
				-            imgArr[i].onmouseenter = function(){
			
 
				-                console.log(i);
			
 
				-                var _src = imgArr[i].getAttribute("src");
			
 
				-                imgArr[0].setAttribute("src",_src);
			
 
				-            }
			
 
				-        }
			
 
				+        
			
 
				+        // for(var i=1;i<=4;i++){
			
 
				+        //     imgArr[i].onmouseenter = function(){
			
 
				+        //         console.log(i);
			
 
				+        //         var _src = imgArr[i].getAttribute("src");
			
 
				+        //         imgArr[0].setAttribute("src",_src);
			
 
				+        //     }
			
 
				+        // }
			
 
				         
			
 
				         
			
 
				         // 方法二 循环绑定事件
			
--- a/5_ES6/1_新的变量定义关键字.html
+++ b/5_ES6/1_新的变量定义关键字.html
@@ -24,6 +24,7 @@
 
				         // console.log("hello");
			
 
				 
			
 
				 
			
 
				+        // 新增let 定义变量使用 可修改  const 用来定义常量使用 不可修改 
			
 
				         let a = 10;
			
 
				         a = 20;
			
 
				         console.log(a);