From aae88046b6bcf4aa8ee7a180f4c971571ce7efa9 Mon Sep 17 00:00:00 2001
From: qianguyihao <qianguyihao@gmail.com>
Date: Thu, 22 Mar 2018 11:54:37 +0800
Subject: [PATCH] modify

---
 .../07-call、apply、bind的区别.md             | 10 +--
 03-JavaScript（二）/this.md                   | 12 +--
 .../others => 18}/00-准备.md                  |  0
 .../others => 18}/01-页面布局.md              |  0
 .../others => 18}/02-CSS盒模型及BFC.md        |  0
 .../others => 18}/03-DOM事件的总结.md         |  0
 .../others => 18}/04-HTTP协议.md              |  0
 .../others => 18}/05-01.创建对象和原型链.md   |  0
 .../05-02.面向对象：类的定义和继承的几种方式.md |  0
 .../others => 18}/06-跨域通信类.md            |  0
 .../others => 18}/07-安全问题：CSRF和XSS.md   |  0
 .../others => 18}/08-算法问题.md              |  0
 .../others => 18}/09-01.浏览器渲染机制.md     |  0
 .../others => 18}/09-02.js运行机制：异步和单线程.md |  0
 .../others => 18}/10-01.页面性能优化.md       |  0
 .../others => 18}/10-02.前端错误监控.md       |  0
 .../others => 18}/11-00.JavaScript高级面试：前言.md |  0
 .../others => 18}/11-01.ES6：模块化的使用和编译环境.md |  0
 .../others => 18}/11-02.ES6.md                |  0
 .../others => 18}/15-虚拟DOM.md               |  0
 .../others => 18}/16-01.MVVM.md               |  0
 .../others => 18}/21-面试题整理 by smyhvae.md |  0
 .../others => 18}/22-网友面经.md              |  0
 .../others => 18}/23-面试技巧 by smyhvae.md   |  0
 .../others => 18}/web安全.md                  |  0
 .../others => 18}/其他.md                     |  0
 .../others => 18}/推荐文章.md                 |  0
 .../others => 18}/计算机网络.md               |  0
 19-基础/01-常见.md                            | 74 +++++++++++++++++++
 19-基础/02-this相关.md                        |  5 ++
 .../01-变量提升.md => 19-基础/02-变量提升.md  |  0
 19-基础/异步.md                               | 22 ++++++
 {20-题目 => 19-基础}/清单.md                  |  0
 .../20180116-博客园：一年经验初探阿里巴巴前端社招.md |  0
 {20-题目/网友面经 => 20-网友}/面经链接推荐.md |  0
 20-题目/链接推荐.md                           | 18 -----
 21-Vue基础/01-Vue基础语法：系统指令.md        |  6 +-
 推荐链接.md                                   | 15 ++++
 38 files changed, 129 insertions(+), 33 deletions(-)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/00-准备.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/01-页面布局.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/02-CSS盒模型及BFC.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/03-DOM事件的总结.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/04-HTTP协议.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/05-01.创建对象和原型链.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/05-02.面向对象：类的定义和继承的几种方式.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/06-跨域通信类.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/07-安全问题：CSRF和XSS.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/08-算法问题.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/09-01.浏览器渲染机制.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/09-02.js运行机制：异步和单线程.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/10-01.页面性能优化.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/10-02.前端错误监控.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/11-00.JavaScript高级面试：前言.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/11-01.ES6：模块化的使用和编译环境.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/11-02.ES6.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/15-虚拟DOM.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/16-01.MVVM.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/21-面试题整理 by smyhvae.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/22-网友面经.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/23-面试技巧 by smyhvae.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/web安全.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/其他.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/推荐文章.md (100%)
 rename {04-前端基本功：CSS和DOM练习/others => 18}/计算机网络.md (100%)
 create mode 100644 19-基础/01-常见.md
 create mode 100644 19-基础/02-this相关.md
 rename 20-题目/01-变量提升.md => 19-基础/02-变量提升.md (100%)
 create mode 100644 19-基础/异步.md
 rename {20-题目 => 19-基础}/清单.md (100%)
 rename {20-题目/网友面经 => 20-网友}/20180116-博客园：一年经验初探阿里巴巴前端社招.md (100%)
 rename {20-题目/网友面经 => 20-网友}/面经链接推荐.md (100%)
 delete mode 100644 20-题目/链接推荐.md

diff --git a/03-JavaScript（二）/07-call、apply、bind的区别.md b/03-JavaScript（二）/07-call、apply、bind的区别.md
index af88ed7..cb76f98 100644
--- a/03-JavaScript（二）/07-call、apply、bind的区别.md
+++ b/03-JavaScript（二）/07-call、apply、bind的区别.md
@@ -14,19 +14,15 @@
 当函数调用call()和apply()时，函数都会立即**执行**。
 
 
-- 都是用来改变函数的this对象的指向的。
+- 都可以用来改变函数的this对象的指向。
 
-- 第一个参数都是this要指向的对象（函数执行时，this将指向这个对象）。
-
-- 都可以利用后续参数传实参。
+- 第一个参数都是this要指向的对象（函数执行时，this将指向这个对象），后续参数传实参。
 
 
 **call()和apply()的区别：**
 
 
-- call()方法可以将实参在对象之后依次传递。
-
-- apply()方法需要将实参封装到一个**数组**中统一传递。
+call()和apply()方法都可以将实参在对象之后依次传递，但是apply()方法需要将实参封装到一个**数组**中统一传递。
 
 比如针对下面这样的代码：
 
diff --git a/03-JavaScript（二）/this.md b/03-JavaScript（二）/this.md
index 6ff260d..37293aa 100644
--- a/03-JavaScript（二）/this.md
+++ b/03-JavaScript（二）/this.md
@@ -34,7 +34,7 @@
 <script>
     window.onload = function () {
         var myDiv = document.getElementsByTagName('div');
-        for (i = 0; i < myDiv.length; i++) {
+        for (var i = 0; i < myDiv.length; i++) {
             myDiv[i].onclick = function () {
                 console.log(i);
             }
@@ -58,11 +58,11 @@
 ```
 
 
-上方代码的正确打印结果是5。你可能会觉得很惊讶。我们来解释一下：
+点击其中的任何一个元素后，上方代码的正确打印结果是5。你可能会觉得很惊讶。我们来解释一下：
 
 当代码执行完毕后，i已经等于5了。因为一旦运行程序，for循环已经执行完了，此时i等于5。
 
-如果我们尝试在 myDiv[i].onclick事件中写代码的时候，如果打印：
+现在，我们尝试在 myDiv[i].onclick事件中写代码，如果打印：
 
 ```
 	console.log(i);  //打印结果为5
@@ -83,12 +83,14 @@
 
 你看，this的作用，就体现出来了。
 
+PS：顺便提醒一下，上面的代码中，如果把`var i`改成`let i`，效果又完全不同了。参考链接：[let和var在for循环中的表现](http://blog.csdn.net/stopllL/article/details/64130664)
+
 ### 全局作用域中的this
 
 当一段代码在浏览器中执行时，所有的全局变量和对象都是在window对象上定义的。换而言之，所有的全局变量和对象都属于window对象。
 
 
-### this的定律
+## this的定律
 
 this关键字永远指向函数（方法）运行时的**所有者**。
 
@@ -114,7 +116,7 @@ this都是指向window。
 ### 以方法的形式调用时，this是调用方法的对象
 
 
-### 解决闭包中的this指向问题
+## 解决闭包中的this指向问题
 
 
 内部函数是可以访问到外部函数的变量的。
diff --git a/04-前端基本功：CSS和DOM练习/others/00-准备.md b/18/00-准备.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/00-准备.md
rename to 18/00-准备.md
diff --git a/04-前端基本功：CSS和DOM练习/others/01-页面布局.md b/18/01-页面布局.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/01-页面布局.md
rename to 18/01-页面布局.md
diff --git a/04-前端基本功：CSS和DOM练习/others/02-CSS盒模型及BFC.md b/18/02-CSS盒模型及BFC.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/02-CSS盒模型及BFC.md
rename to 18/02-CSS盒模型及BFC.md
diff --git a/04-前端基本功：CSS和DOM练习/others/03-DOM事件的总结.md b/18/03-DOM事件的总结.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/03-DOM事件的总结.md
rename to 18/03-DOM事件的总结.md
diff --git a/04-前端基本功：CSS和DOM练习/others/04-HTTP协议.md b/18/04-HTTP协议.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/04-HTTP协议.md
rename to 18/04-HTTP协议.md
diff --git a/04-前端基本功：CSS和DOM练习/others/05-01.创建对象和原型链.md b/18/05-01.创建对象和原型链.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/05-01.创建对象和原型链.md
rename to 18/05-01.创建对象和原型链.md
diff --git a/04-前端基本功：CSS和DOM练习/others/05-02.面向对象：类的定义和继承的几种方式.md b/18/05-02.面向对象：类的定义和继承的几种方式.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/05-02.面向对象：类的定义和继承的几种方式.md
rename to 18/05-02.面向对象：类的定义和继承的几种方式.md
diff --git a/04-前端基本功：CSS和DOM练习/others/06-跨域通信类.md b/18/06-跨域通信类.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/06-跨域通信类.md
rename to 18/06-跨域通信类.md
diff --git a/04-前端基本功：CSS和DOM练习/others/07-安全问题：CSRF和XSS.md b/18/07-安全问题：CSRF和XSS.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/07-安全问题：CSRF和XSS.md
rename to 18/07-安全问题：CSRF和XSS.md
diff --git a/04-前端基本功：CSS和DOM练习/others/08-算法问题.md b/18/08-算法问题.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/08-算法问题.md
rename to 18/08-算法问题.md
diff --git a/04-前端基本功：CSS和DOM练习/others/09-01.浏览器渲染机制.md b/18/09-01.浏览器渲染机制.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/09-01.浏览器渲染机制.md
rename to 18/09-01.浏览器渲染机制.md
diff --git a/04-前端基本功：CSS和DOM练习/others/09-02.js运行机制：异步和单线程.md b/18/09-02.js运行机制：异步和单线程.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/09-02.js运行机制：异步和单线程.md
rename to 18/09-02.js运行机制：异步和单线程.md
diff --git a/04-前端基本功：CSS和DOM练习/others/10-01.页面性能优化.md b/18/10-01.页面性能优化.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/10-01.页面性能优化.md
rename to 18/10-01.页面性能优化.md
diff --git a/04-前端基本功：CSS和DOM练习/others/10-02.前端错误监控.md b/18/10-02.前端错误监控.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/10-02.前端错误监控.md
rename to 18/10-02.前端错误监控.md
diff --git a/04-前端基本功：CSS和DOM练习/others/11-00.JavaScript高级面试：前言.md b/18/11-00.JavaScript高级面试：前言.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/11-00.JavaScript高级面试：前言.md
rename to 18/11-00.JavaScript高级面试：前言.md
diff --git a/04-前端基本功：CSS和DOM练习/others/11-01.ES6：模块化的使用和编译环境.md b/18/11-01.ES6：模块化的使用和编译环境.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/11-01.ES6：模块化的使用和编译环境.md
rename to 18/11-01.ES6：模块化的使用和编译环境.md
diff --git a/04-前端基本功：CSS和DOM练习/others/11-02.ES6.md b/18/11-02.ES6.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/11-02.ES6.md
rename to 18/11-02.ES6.md
diff --git a/04-前端基本功：CSS和DOM练习/others/15-虚拟DOM.md b/18/15-虚拟DOM.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/15-虚拟DOM.md
rename to 18/15-虚拟DOM.md
diff --git a/04-前端基本功：CSS和DOM练习/others/16-01.MVVM.md b/18/16-01.MVVM.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/16-01.MVVM.md
rename to 18/16-01.MVVM.md
diff --git a/04-前端基本功：CSS和DOM练习/others/21-面试题整理 by smyhvae.md b/18/21-面试题整理 by smyhvae.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/21-面试题整理 by smyhvae.md
rename to 18/21-面试题整理 by smyhvae.md
diff --git a/04-前端基本功：CSS和DOM练习/others/22-网友面经.md b/18/22-网友面经.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/22-网友面经.md
rename to 18/22-网友面经.md
diff --git a/04-前端基本功：CSS和DOM练习/others/23-面试技巧 by smyhvae.md b/18/23-面试技巧 by smyhvae.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/23-面试技巧 by smyhvae.md
rename to 18/23-面试技巧 by smyhvae.md
diff --git a/04-前端基本功：CSS和DOM练习/others/web安全.md b/18/web安全.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/web安全.md
rename to 18/web安全.md
diff --git a/04-前端基本功：CSS和DOM练习/others/其他.md b/18/其他.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/其他.md
rename to 18/其他.md
diff --git a/04-前端基本功：CSS和DOM练习/others/推荐文章.md b/18/推荐文章.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/推荐文章.md
rename to 18/推荐文章.md
diff --git a/04-前端基本功：CSS和DOM练习/others/计算机网络.md b/18/计算机网络.md
similarity index 100%
rename from 04-前端基本功：CSS和DOM练习/others/计算机网络.md
rename to 18/计算机网络.md
diff --git a/19-基础/01-常见.md b/19-基础/01-常见.md
new file mode 100644
index 0000000..0435c2c
--- /dev/null
+++ b/19-基础/01-常见.md
@@ -0,0 +1,74 @@
+
+
+## HTML
+
+
+### 你是如何理解 HTML 语义化的？
+
+
+**语义化**：指对文本内容的结构化（内容语义化），选择合乎语义的标签（代码语义化）。
+
+
+**举例**：段落用 p，边栏用 aside，主要内容用 main 标签。
+
+
+**好处：**
+
+- 便于开发者阅读和维护
+
+- 有利于SEO：让浏览器的爬虫和辅助技术更好的解析，
+
+
+**语义化标签介绍**：
+
+在HTML5出来之前，我们习惯于用div来表示页面的章节或者不同模块，但是`div`本身是没有语义的。但是现在，HTML5中加入了一些语义化标签，来更清晰的表达文档结构。
+
+20180322_1120.jpg
+
+
+
+参考链接：
+
+- [初探 · HTML5语义化](https://zhuanlan.zhihu.com/p/32570423)
+
+
+### meta viewport 是做什么用的，怎么写？
+
+
+
+```html
+ 	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+```
+
+控制页面在移动端不要缩小显示。
+
+
+### canvas 元素是干什么的？
+
+看 MDN 的 [canvas 入门手册](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API)。
+
+
+
+## CSS
+
+### 说一下盒模型
+
+可以参考本人的另外一篇文章：[]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+## 参考链接
+
+- [互联网公司招聘启事的正确阅读方式](https://zhuanlan.zhihu.com/p/33998813)
+
+
diff --git a/19-基础/02-this相关.md b/19-基础/02-this相关.md
new file mode 100644
index 0000000..1aced99
--- /dev/null
+++ b/19-基础/02-this相关.md
@@ -0,0 +1,5 @@
+
+
+
+## this 在各个场景下的指向
+
diff --git a/20-题目/01-变量提升.md b/19-基础/02-变量提升.md
similarity index 100%
rename from 20-题目/01-变量提升.md
rename to 19-基础/02-变量提升.md
diff --git a/19-基础/异步.md b/19-基础/异步.md
new file mode 100644
index 0000000..666cf55
--- /dev/null
+++ b/19-基础/异步.md
@@ -0,0 +1,22 @@
+
+
+## 面试题
+
+### 20180321面试题
+
+```javascript
+    console.log(1);
+
+    setTimeout(function () {
+        console.log(2);
+    }, 1000);
+
+    setTimeout(function () {
+        console.log(3);
+    }, 0);
+
+    console.log(4);
+```
+
+
+
diff --git a/20-题目/清单.md b/19-基础/清单.md
similarity index 100%
rename from 20-题目/清单.md
rename to 19-基础/清单.md
diff --git a/20-题目/网友面经/20180116-博客园：一年经验初探阿里巴巴前端社招.md b/20-网友/20180116-博客园：一年经验初探阿里巴巴前端社招.md
similarity index 100%
rename from 20-题目/网友面经/20180116-博客园：一年经验初探阿里巴巴前端社招.md
rename to 20-网友/20180116-博客园：一年经验初探阿里巴巴前端社招.md
diff --git a/20-题目/网友面经/面经链接推荐.md b/20-网友/面经链接推荐.md
similarity index 100%
rename from 20-题目/网友面经/面经链接推荐.md
rename to 20-网友/面经链接推荐.md
diff --git a/20-题目/链接推荐.md b/20-题目/链接推荐.md
deleted file mode 100644
index 3051a1d..0000000
--- a/20-题目/链接推荐.md
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
-### 2018-01-29
-
-长期写博客的人，最少能证明他是一个善于思考和总结的人。
-
-这句话的来源：[我依然坚持建议你开始写博客 | 写给我的 2017](https://www.cnblogs.com/plokmju/p/8108846.html)
-
-
-
-### 2018-03-21
-
-- [不谈面试题，谈谈招聘时我喜欢见到的特质](https://www.cnblogs.com/dino623/p/8583514.html)
-
-
-
-
diff --git a/21-Vue基础/01-Vue基础语法：系统指令.md b/21-Vue基础/01-Vue基础语法：系统指令.md
index 6e88dea..fefc49e 100644
--- a/21-Vue基础/01-Vue基础语法：系统指令.md
+++ b/21-Vue基础/01-Vue基础语法：系统指令.md
@@ -40,7 +40,7 @@
 如果我们在控制台输入`myVue.data+='123'`，页面会**自动更新**name的值。
 
 
-下面来讲一下Vue的系统指令
+下面来讲一下Vue的各种系统指令。
 
 ## v-on：注册事件
 
@@ -320,12 +320,12 @@ v-text可以将一个变量的值渲染到指定的元素中。例如：
 <script>
     var vm = new Vue({
         el: '#app',
-        //采用v-model进行双向数据绑定，数据会自动更新到data里面来
+        //上面的标签中采用v-model进行双向数据绑定，数据会自动更新到data里面来
         data: {
             name: 'smyhvae',
             myAccount: {username: '', userpwd: ''}
         },
-        //绑定方法，根据业务需要进行操作
+        //在methods里绑定各种方法，根据业务需要进行操作
         methods: {
             submit1: function () {
                 alert(this.myAccount.username + "  pwd=" + this.myAccount.userpwd);
diff --git a/推荐链接.md b/推荐链接.md
index c688483..15181bc 100644
--- a/推荐链接.md
+++ b/推荐链接.md
@@ -145,3 +145,18 @@
 
 
 
+
+### 2018-01-29
+
+长期写博客的人，最少能证明他是一个善于思考和总结的人。
+
+这句话的来源：[我依然坚持建议你开始写博客 | 写给我的 2017](https://www.cnblogs.com/plokmju/p/8108846.html)
+
+
+### 2018-03-21
+
+- [不谈面试题，谈谈招聘时我喜欢见到的特质](https://www.cnblogs.com/dino623/p/8583514.html)
+
+
+
+