增加博客this文档

Lmagic16 · Lmagic16 · commit 3ca559281091 · 2017-08-05T16:01:07.000+08:00
diff --git a/index.css b/index.css
@@ -304,7 +304,8 @@ a,span,p{
     height: 50px;
     float:left;
     line-height:50px;
-    width: 65%;
+    width: 75%;
+    overflow: auto;
 }
 .oneblogContent{
     clear: both;
diff --git a/index.html b/index.html
@@ -153,7 +153,7 @@ <h3>HTTP知识点总结</h3>
                 <div class="oneblog">
                     <div class="titleback">
                         <div class="titleContainer">
-                            <h3>JavaScript知识点整理1-类型、值/引用复制、强制类型转换</h3>
+                            <h3>JS知识点整理1-类型、值/引用复制、强制类型转换</h3>
                             <div class="blogdiva"><a href="pages/blogs/jsType.html">点击查看</a></div>
                         </div>
                     </div>
@@ -164,7 +164,7 @@ <h3>JavaScript知识点整理1-类型、值/引用复制、强制类型转换</h
                 <div class="oneblog">
                     <div class="titleback">
                         <div class="titleContainer">
-                            <h3>JavaScript知识点整理2—作用域、闭包、模块</h3>
+                            <h3>JS知识点整理2—作用域、闭包、模块</h3>
                             <div class="blogdiva"><a href="pages/blogs/closure.html">点击查看</a></div>
                         </div>
                     </div>
@@ -175,14 +175,25 @@ <h3>JavaScript知识点整理2—作用域、闭包、模块</h3>
                 <div class="oneblog">
                     <div class="titleback">
                         <div class="titleContainer">
-                            <h3>JavaScript知识点整理3—异步、回调、Promise</h3>
+                            <h3>JS知识点整理3—异步、回调、Promise</h3>
                             <div class="blogdiva"><a href="pages/blogs/asynchronous.html">点击查看</a></div>
                         </div>
                     </div>
                     <p class="oneblogContent">
                         内容：并发与并行、同步与异步、阻塞与非阻塞、事件循环、JavaScript单线程与异步、回调、Promise
                     </p>
                 </div>
+                <div class="oneblog">
+                    <div class="titleback">
+                        <div class="titleContainer">
+                            <h3>JS知识点整理4—this</h3>
+                            <div class="blogdiva"><a href="pages/blogs/this.html">点击查看</a></div>
+                        </div>
+                    </div>
+                    <p class="oneblogContent">
+                        内容：this的四种绑定规则
+                    </p>
+                </div>
            </div>
            <div class="seemore">
                <a href="pages/blogall/blogall.html" target="_blank">更多博客</a>
diff --git a/pages/blogs/md/asynchronous.md b/pages/blogs/md/asynchronous.md
@@ -1,6 +1,3 @@
-# 前端知识点整理4—异步、回调、promise
-日期：7.26   
-内容：同步/异步、并发/并行、阻塞/非阻塞、事件循环、promise
 ## 并发与并行
 - 并发是指两个或多个事件链随时间发展**交替**执行，以至于从更高的层次来看，就像是同时运行（但在任意时刻只处理一个事件）
 - 并发的关键是你有处理多个任务的能力，不一定同时。
@@ -39,7 +36,7 @@
 - **why单线程：**作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的问题。
 - **why异步：**我的理解：浏览器应用决定了会有很多网络请求，会有很多不可控的速度因素，浏览器是直接和用户交互，用户交互体验很重要，所以不能阻塞，但同步非阻塞处理起来会很麻烦。所以只能是异步。
 - 所有同步任务执行完毕，系统就会循环读取事件队列。
-- 阮一峰的链接：http://www.ruanyifeng.com/blog/2014/10/event-loop.html
+- [阮一峰的链接](http://www.ruanyifeng.com/blog/2014/10/event-loop.html)
 
 ### 回调
 - 回调是JS中最基础的异步模式
diff --git a/pages/blogs/md/closure.md b/pages/blogs/md/closure.md
@@ -1,7 +1,3 @@
-# 前端知识点整理3—作用域、闭包、模块
-日期：7.27   
-内容：作用域、闭包、模块
-
 ## 作用域
 - 作用域：根据名称查找变量的一套规则。
 - 编译的三个阶段：  
@@ -38,25 +34,25 @@ JS引擎在2和3阶段都会进行性能优化，大部分情况下编译发生
 - 缺点：由于闭包作用域不会被垃圾回收，内存占用。
 - 优点：可以保留外部作用域对一个变量的私有引用；设计私有的方法和变量；避免全局变量的污染；
 - 实例：  
-1）闭包函数作为函数参数传递给setTimeout()  
-```  
+1）闭包函数作为函数参数传递给setTimeout() 
+<pre>
 function wait(message) {
 	 setTimeout( function timer(){
 		 console.log( message );
 	 }, 1000 );
  }
  wait( "Hello, closure!" );
-```  
+</pre> 
 2）在定时器、事件监听器、Ajax请求、跨窗口通信中，只要使用了回调函数，实际上就是在使用闭包。
-```
+<pre>
 function setupBot(name,selector) {
 	$( selector ).click( function activator(){
 		console.log( "Activating: " + name );
 	} );
 }
 setupBot( "Closure Bot 1", "#bot_1" );
 setupBot( "Closure Bot 2", "#bot_2" );
-```
+</pre>
 - **经典例子**
 1）
 ```
@@ -72,7 +68,7 @@ i\*1000是每次都会计算，即1000，2000，3000，4000，5000
 备注：如果setTimeout()函数中，i\*1000改为0，则结果为同时输出6,6,6,6,6
 问题：这里只有一个闭包作用域，如果要打印出1，2，3，4，5得要这5个延迟函数，分别引用不同的i，也就是不同的作用域。所以需要创建不同的作用域。
 **改写方式1**：立即执行函数能创建作用域
-```
+<pre>
 for (var i=1; i<=5; i++) {
 	(function(){
 		var j = i;
@@ -81,41 +77,41 @@ for (var i=1; i<=5; i++) {
 		}, j*1000 );
 	})();
 }
-```
+</pre>
 或者
-```
+<pre>
 for (var i=1; i<=5; i++) {
 	(function(j){
 		setTimeout( function timer(){
 			console.log( j );
 		}, j*1000 );
 	})( i );
 }
-```
+</pre>
 输出：每秒一次的频率输出0,1,2,3,4,5
 **改写方式2**：let可劫持块作用域
-```
+<pre>
 for (var i=1; i<=5; i++) {
 	let j = i; // 闭包的块作用域
 	setTimeout( function timer(){
 		console.log( j );
 	}, j*1000 );
 }
-```
+</pre>
 或者：for(let=i; ;)每次迭代都会产生新的let块作用域
-```
+<pre>
 for (let i=1; i<=5; i++) {
 	setTimeout( function timer(){
 		console.log( i );
 	}, i*1000 );
 }
-```
+</pre>
 输出：每秒一次的频率输出0,1,2,3,4,5  
 相关链接：  
-[闭包面试题](http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651552304&idx=2&sn=6abd16cf650f64cdcc12abfbb6231cbc&chksm=8025adf1b75224e789d21d12750949d3d4e9428b7f5add79aab6945c7d98cf1549da17a2b337&mpshare=1&scene=23&srcid=0729WeoziBvRKNSgKvHuBd9a#rd)
-**相关知识**：
+[闭包面试题](http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651552304&idx=2&sn=6abd16cf650f64cdcc12abfbb6231cbc&chksm=8025adf1b75224e789d21d12750949d3d4e9428b7f5add79aab6945c7d98cf1549da17a2b337&mpshare=1&scene=23&srcid=0729WeoziBvRKNSgKvHuBd9a#rd)  
+**相关知识**：  
 1.普通函数：
-```
+<pre>
 function compare(value1,value2){
 	if(value1 < value2){
 		return -1;
@@ -126,11 +122,11 @@ function compare(value1,value2){
 	}
 }
 var result = compare(5,10);
-```
-![函数执行时的作用域链](http://upload-images.jianshu.io/upload_images/7008018-e2bf0b3e455a59de.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)  
-解释：在创建/声明compare()函数时，会创建一个预先包含全局变量对象的作用域链；当执行函数/函数被调用时，会创建一个执行环境及相应的作用域链，并且创建本地活动对象，并将其推入作用链前端；当compare()函数执行完毕后，执行环境的作用域链被销毁，compare()的活动对象已没用（标记清除或引用计数），最后被垃圾回收。
-2.闭包函数  
-```
+</pre>
+![函数执行时的作用域链](http://upload-images.jianshu.io/upload_images/7008018-e2bf0b3e455a59de.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)   
+解释：在创建/声明compare()函数时，会创建一个预先包含全局变量对象的作用域链；当执行函数/函数被调用时，会创建一个执行环境及相应的作用域链，并且创建本地活动对象，并将其推入作用链前端；当compare()函数执行完毕后，执行环境的作用域链被销毁，compare()的活动对象已没用（标记清除或引用计数），最后被垃圾回收。  
+2.闭包函数   
+<pre>
 function createComparisonFunction(propertyName){
 	return function(object1,object2){
 		var value1 = object1[propertyName];
@@ -147,15 +143,15 @@ function createComparisonFunction(propertyName){
 var compareNames = createComparisonFunction("name");
 var result = compareNames({name:"Nicholas"},{name:"Greg"});
 compareNames = null; // 解除引用
-```
+</pre>
 
-![闭包函数执行时的作用域链](http://upload-images.jianshu.io/upload_images/7008018-0eb9b6b8c5728346.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
-解释：当createComparisonFunction()函数执行完毕后，其执行环境的作用链被销毁，但是其活动对象依然被保留在内存中，还存在引用。直到匿名函数被销毁后，createComparisonFunction()的活动对象才会被销毁。
+![闭包函数执行时的作用域链](http://upload-images.jianshu.io/upload_images/7008018-0eb9b6b8c5728346.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)  
+解释：当createComparisonFunction()函数执行完毕后，其执行环境的作用链被销毁，但是其活动对象依然被保留在内存中，还存在引用。直到匿名函数被销毁后，createComparisonFunction()的活动对象才会被销毁。  
 
 
 ## 模块  
 - 模块函数内：声明私有变量和内部函数；内部函数可访问私有变量；返回对象，其属性为内部函数。
-```
+<pre>
 function CoolModule() {
 	var something = "cool";
 	var another = [1, 2, 3];
@@ -176,11 +172,11 @@ function CoolModule() {
 var foo = CoolModule();
 foo.doSomething(); // cool
 foo.doAnother(); // 1 ! 2 ! 3
-```
-备注：模块函数也可直接返回内部函数，例如jQuery中的$标识符就是jQuery模块的公共API。
-- **单例模式**
-当只需要一个实例时
-```
+</pre>
+备注：模块函数也可直接返回内部函数，例如jQuery中的$标识符就是jQuery模块的公共API。  
+- **单例模式**  
+当只需要一个实例时  
+<pre>
 var foo = (function CoolModule() {
 	var something = "cool";
 	var another = [1, 2, 3];
@@ -201,5 +197,5 @@ var foo = (function CoolModule() {
 
 foo.doSomething(); // cool
 foo.doAnother(); // 1 ! 2 ! 3
-```
+</pre>
 备注：将模块函数，改为立即执行函数。
diff --git a/pages/blogs/md/jsType.md b/pages/blogs/md/jsType.md
@@ -20,8 +20,8 @@ a.valueOf();\\"abc"
 ### 数组
 - 数组可容纳任何类型的值，通常通过数字进行索引，但也可包含字符串键值和属性
 - 最好使用对象存储键值/属性值，用数组存放数字索引值（内部优化）
-- 其中splice，pop/push，reverse，shift/unshift，sort会改变原始数组；
- 而contact，slice不会改变原始数组，返回的是一个新的数组副本。
+- 其中splice，pop/push，reverse，shift/unshift，sort会改变原始数组；  
+ 而contact，slice不会改变原始数组，返回的是一个新的数组副本。  
  ![Array对象方法](http://upload-images.jianshu.io/upload_images/7008018-87776ef414703195.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
 
 
diff --git a/pages/blogs/md/this.md b/pages/blogs/md/this.md
diff --git a/pages/blogs/this.html b/pages/blogs/this.html
