fix: doc低调务实优秀中国好青年

webVueBlog · webVueBlog · commit 54aee0a3323d · 2022-03-19T13:19:58.000+08:00
diff --git a/README.md b/README.md
@@ -3,8 +3,6 @@
 
 https://github.com/webVueBlog/Leetcode
 
-√ - “三十年河东，三十年河西，莫欺少年穷”
-
 一个 ☝️ 正经的前端学习 开源 仓库，启发来自 淘宝大佬 @冴羽 ，初心做一个真正能帮助到大家的仓库。（非常口语化的，手写总结）
 
 👤：我是哪吒： 如果你所学的东西 处于喜欢 才会有强大的动力支撑。
@@ -15,10 +13,6 @@ https://github.com/webVueBlog/Leetcode
 
 欢迎大家前来讨论，如果觉得对你的学习有一定的帮助，欢迎点个Star （此仓库每天都会准时更新）
 
-## 福利 🧧，👏 模拟面试，限时30分钟
-
-首先 感谢 🙏 您的 Star, 模拟面试可以 😌 加我➕vx 和 希望您也可以找到 冴羽 大佬微信加他 加他（我会针对您的个人 👤 年限出题时间为30分钟内，所以请你 把握👌好机会）。最后，一个人可以走的更快，但一群人才能走的更远，和大家一起共勉，多折腾折腾，做一个低调务实优秀的中国好青年
-
 ## 阶段二
 
 <details open>
@@ -46,7 +40,34 @@ https://github.com/webVueBlog/Leetcode
 - 70.[说说对canvas，svg，webgl的理解](./阶段二/说说对canvas，svg，webgl的理解.md)
 - 71.[浏览器是如何渲染UI的](./阶段二/浏览器是如何渲染UI的.md)
 - 72.[em、rem的区别](./阶段二/em、rem的区别.md)
-
+- 73.[解释csssprites，如何使用](./阶段二/解释csssprites，如何使用.md)
+- 74.[浏览器是如何渲染UI的](./阶段二/浏览器是如何渲染UI的.md)
+- 75.[浏览器工作原理](./阶段二/浏览器工作原理.md)
+- 76.[伪类和伪元素的区别](./阶段二/伪类和伪元素的区别.md)
+- 77.[介绍一下你对浏览器内核的理解](./阶段二/介绍一下你对浏览器内核的理解.md)
+- 78.[常见的浏览器内核有哪些](./阶段二/常见的浏览器内核有哪些.md)
+- 79.[优化这些图片的加载](./阶段二/优化这些图片的加载.md)
+- 80.[如何进行seo优化](./阶段二/如何进行seo优化.md)
+- 81.[如何实现0.5px边框](./阶段二/如何实现0.5px边框.md)
+- 82.[less和sass的区别](./阶段二/less和sass的区别.md)
+- 83.[xhtml和html有什么区别](./阶段二/xhtml和html有什么区别.md)
+- 84.[img标签上title与alt属性的区别是什么](./阶段二/img标签上title与alt属性的区别是什么.md)
+- 85.[a标签中 active hover link visited 正确的设置顺序是什么](./阶段二/a标签中.md)
+- 86.[如何处理HTML5新标签的浏览器兼容性问题](./阶段二/如何处理HTML5新标签的浏览器兼容性问题.md)
+- 87.[HTML5的离线储存怎么使用](./阶段二/HTML5的离线储存怎么使用.md)
+- 88.[页面导入样式时，使用link和@import有什么区别](./阶段二/页面导入样式时，使用link和@import有什么区别.md)
+- 89.[git reset、git revert和git checkout](./阶段二/git.md)
+- 90.[git pull 和 git fetch 之间有什么区别](./阶段二/git1.md)
+- 91.[如何在 Git 恢复先前的提交](./阶段二/如何在Git恢复先前的提交.md)
+- 92.[使用箭头函数应注意什么](./阶段二/使用箭头函数应注意什么.md)
+- 93.[介绍下 Set、Map的区别](./阶段二/Set和Map的区别.md)
+- 94.[Promise构造函数是同步执行还是异步执行，那么 then 方法呢](./阶段二/Promise构造函数是同步执行还是异步执行.md)
+- 95.[setTimeout、Promise、Async/Await 的区别](./阶段二/区别.md)
+- 96.[下面的输出结果是多少](./阶段二/下面的输出结果是多少.md)
+- 97.[请写出以下代码的答案，并解释为什么要提升](./阶段二/提升.md)
+- 98.[var、let、const之间的区别](./阶段二/var、let、const之间的区别.md)
+- 99.[async 和 await](./阶段二/async和await.md)
+- 100.[get和post的区别](./阶段二/get和post的区别.md)
 
 </details>
 
diff --git a/assets/1.md b/assets/1.md
@@ -0,0 +1,12 @@
+## 福利 🧧，👏 模拟面试，限时30分钟
+
+首先 感谢 🙏 您的 Star, 模拟面试可以 😌 加我➕vx 和 希望您也可以找到 冴羽 大佬微信加他 加他（我会针对您的个人 👤 年限出题时间为30分钟内，所以请你 把握👌好机会）。最后，一个人可以走的更快，但一群人才能走的更远，和大家一起共勉，多折腾折腾，做一个低调务实优秀的中国好青年
+
+## 微信群
+
+- 一个☝️正经的前端学习(1)-195人
+- 一个☝️正经的前端学习(2)-198人
+- 一个☝️正经的前端学习(3)-293人
+- 一个☝️正经的前端学习(4)-76人
+- 一个☝️正经的前端学习(5)-175人
+
diff --git a/阶段二/HTML5的离线储存怎么使用.md b/阶段二/HTML5的离线储存怎么使用.md
@@ -0,0 +1,15 @@
+HTML5的离线储存怎么使用
+
+在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。
+
+原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。
+
+更新缓存：一旦应用被缓存，它就会保持缓存直到发生下列情况：
+
+用户清空浏览器缓存
+
+manifest 文件被修改
+
+由程序来更新应用缓存
+
+如何使用： 1、页面头部像下面一样加入一个manifest的属性； 2、在cache.manifest文件的编写离线存储的资源； 3、在离线状态时，操作window.applicationCache进行需求实现。
diff --git a/阶段二/Promise构造函数是同步执行还是异步执行.md b/阶段二/Promise构造函数是同步执行还是异步执行.md
@@ -0,0 +1,3 @@
+Promise构造函数是同步执行还是异步执行
+
+promise构造函数是同步执行的，then方法是异步执行的
diff --git a/阶段二/Set和Map的区别.md b/阶段二/Set和Map的区别.md
@@ -0,0 +1,15 @@
+应用场景Set用于数据重组，Map用于数据储存
+
+# 1、Set
+
+成员不能重复
+
+只有键值没有键名，类似数组
+
+可以遍历，方法有add, delete, has
+
+# 2、Map
+
+本质上是健值对的集合，类似集合
+
+可以遍历，可以跟各种数据格式转换
diff --git a/阶段二/async和await.md b/阶段二/async和await.md
@@ -0,0 +1,3 @@
+主要考察宏任务和微任务，搭配promise，询问一些输出的顺序
+
+原理：async 和 await 用了同步的方式去做异步，async 定义的函数的返回值都是 promise，await 后面的函数会执行，然后就会跳出整个 async 函数来执行后面js栈的代码
diff --git a/阶段二/a标签中.md b/阶段二/a标签中.md
@@ -0,0 +1,3 @@
+按照 lvha 顺序排列 a:link a:visited a:hover a:active
+
+而引用CSS文件的@import就是造成这个问题的罪魁祸首。IE会先加载整个HTML文档的DOM，然后再去导入外部的CSS文件，因此，在页面DOM加载完成到CSS导入完成中间会有一段时间页面上的内容是没有样式的，这段时间的长短跟网速，电脑速度都有关系。 解决方法：只要在`<head>`之间加入一个`<link>或者<script>`元素就可以了。
diff --git a/阶段二/get和post的区别.md b/阶段二/get和post的区别.md
@@ -0,0 +1,29 @@
+
+1、get和post在HTTP中都代表着请求数据，其中get请求相对来说更简单、快速，效率高些 
+
+2、get相对post安全性低 
+
+3、get有缓存，post没有 
+
+4、get体积小，post可以无限大 
+
+5、get的url参数可见，post不可见 
+
+6、get只接受ASCII字符的参数数据类型，post没有限制 
+
+7、get请求参数会保留历史记录，post中参数不会保留 
+
+8、get会被浏览器主动catch，post不会，需要手动设置 
+
+9、get在浏览器回退时无害，post会再次提交请求
+
+什么时候使用post？
+
+post一般用于修改服务器上的资源，对所发送的信息没有限制。比如
+
+1、无法使用缓存文件（更新服务器上的文件或数据库） 
+
+2、向服务器发送大量数据（POST 没有数据量限制） 
+
+3、发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠
+
diff --git a/阶段二/git.md b/阶段二/git.md
@@ -0,0 +1,16 @@
+git reset、git revert和git checkout
+
+git reset	提交层面	在私有分支上舍弃一些没有提交的更改
+
+git reset	文件层面	将文件从缓存区中移除
+
+git checkout	提交层面	切换分支或查看旧版本
+
+git checkout	文件层面	舍弃工作目录中的更改
+
+git revert	提交层面	在公共分支上回滚更改
+
+
+
+
+
diff --git a/阶段二/git1.md b/阶段二/git1.md
@@ -0,0 +1,8 @@
+
+git pull：相当于是从远程获取最新版本并merge到本地
+
+git fetch：相当于是从远程获取最新版本到本地，不会自动merge
+
+简单来说，git pull 是 git fetch + git merge。
+
+
diff --git a/阶段二/img标签上title与alt属性的区别是什么.md b/阶段二/img标签上title与alt属性的区别是什么.md
@@ -0,0 +1,8 @@
+img标签上title与alt属性的区别是什么
+
+alt：当图片不显示是用文字代表
+
+title：为该属性提供信息
+
+
+
diff --git a/阶段二/less和sass的区别.md b/阶段二/less和sass的区别.md
@@ -0,0 +1,11 @@
+less和sass的区别
+
+Less是基于JavaScript，是在客户端处理的；Sass是基于Ruby的，是在服务器端处理的。
+
+关于变量在Less和Sass中的唯一区别就是Less用@，Sass用$。
+
+输出设置，Less没有输出设置，Sass提供4中输出选项：nested, compact, compressed 和 expanded。
+
+Sass支持条件语句，可以使用if{}else{},for{}循环等等，而Less不支持。
+
+
diff --git a/阶段二/var、let、const之间的区别.md b/阶段二/var、let、const之间的区别.md
@@ -0,0 +1,18 @@
+var、let、const之间的区别
+
+var声明变量可以重复声明，而let不可以重复声明
+
+var是不受限于块级的，而let是受限于块级
+
+var会与window相映射（会挂一个属性），而let不与window相映射
+
+var可以在声明的上面访问变量，而let有暂存死区，在声明的上面访问变量会报错
+
+const声明之后必须赋值，否则会报错
+
+const定义不可变的量，改变了就会报错
+
+const和let一样不会与window相映射、支持块级作用域、在声明的上面访问变量会报错
+
+
+
diff --git a/阶段二/xhtml和html有什么区别.md b/阶段二/xhtml和html有什么区别.md
@@ -0,0 +1,30 @@
+xhtml和html有什么区别
+
+HTML与XHTML之间的差别，主要分为功能上的差别和书写习惯的差别两方面。
+
+关于功能上的差别，主要是XHTML可兼容各大浏览器、手机以及PDA，并且浏览器也能快速正确地编译网页。
+
+由于XHTML的语法较为严谨，所以如果你是习惯松散结构的HTML编写者，那需要注意XHTML的规则。
+
+下面列出了几条容易犯的错误，供理解。
+
+所有标签都必须小写
+
+在XHTML中，所有的标签都必须小写，不能大小写穿插其中，也不能全部都是大写。
+
+标签必须成双成对
+
+像是`<p>...</p>、<a>...</a>、<div>...</div>`标签等，当出现一个标签时，必须要有对应的结束标签，缺一不可，就像在任何程序语言中的括号一样
+
+标签顺序必须正确
+
+标签由外到内，一层层包覆着，所以假设你先写div后写h1，结尾就要先写h1后写div。只要记住一个原则“先进后出”，先弹出的标签要后结尾。
+
+所有属性都必须使用双引号
+
+在XHTML 1.0中规定连单引号也不能使用，所以全程都得用双引号。
+
+不允许使用target="_blank"
+
+从XHTML 1.1开始全面禁止target属性，如果想要有开新窗口的功能，就必须改写为rel="external"，并搭配JavaScript实现此效果。
+
diff --git a/阶段二/下面的输出结果是多少.md b/阶段二/下面的输出结果是多少.md
@@ -0,0 +1,20 @@
+下面的输出结果是多少
+
+    const promise = new Promise((resolve, reject) => {
+        console.log(1);
+        resolve();
+        console.log(2);
+    })
+
+    promise.then(() => {
+        console.log(3);
+    })
+
+    console.log(4);
+
+答案：
+
+1 2 4 3
+
+Promise 新建后立即执行，所以会先输出 1，2，而 Promise.then() 内部的代码在 当次 事件循环的 结尾 立刻执行 ，所以会继续输出4，最后输出3。
+
diff --git a/阶段二/介绍一下你对浏览器内核的理解.md b/阶段二/介绍一下你对浏览器内核的理解.md
@@ -0,0 +1,5 @@
+主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。
+
+渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
+
+JS引擎则：解析和执行javascript来实现网页的动态效果。最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。
diff --git a/阶段二/优化这些图片的加载.md b/阶段二/优化这些图片的加载.md
@@ -0,0 +1,10 @@
+优化这些图片的加载
+
+（1）图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端的距离与页面的距离，如果前者小于后者，优先加载。
+
+（2）如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和后一张优先下载。
+
+（3）如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验。
+
+（4）如果图片展示区域小于图片的真实大小，则因在服务器端根据业务需要先行进行图片压缩，图片压缩后大小与展示一致。
+
diff --git a/阶段二/伪类和伪元素的区别.md b/阶段二/伪类和伪元素的区别.md
@@ -0,0 +1,61 @@
+伪类和伪元素的区别
+
+1）伪类(pseudo-classes)
+
+其核⼼就是⽤来选择DOM树之外的信息,不能够被普通选择器选择的⽂档之外的元素，⽤来添加⼀些选择器的特殊效果。
+
+⽐如:hover :active :visited :link :visited :first-child :focus :lang等
+
+由于状态的变化是⾮静态的，所以元素达到⼀个特定状态时，它可能得到⼀个伪类的样式；当状态改变时，它⼜会失去这个样式。
+
+由此可以看出，它的功能和class有些类似，但它是基于⽂档之外的抽象，所以叫 伪类。
+
+2）伪元素(Pseudo-elements)
+
+DOM树没有定义的虚拟元素
+
+核⼼就是需要创建通常不存在于⽂档中的元素，
+
+⽐如::before ::after 它选择的是元素指定内容，表示选择元素内容的之前内容或之后内容。
+
+伪元素控制的内容和元素是没有差别的，但是它本身只是基于元素的抽象，并不存在于⽂档中，所以称为伪元素。⽤于将特殊的效果添加到某些选择器
+
+2）伪类与伪元素的区别
+
+表示⽅法
+
+CSS2 中伪类、伪元素都是以单冒号:表示,
+
+CSS2.1 后规定伪类⽤单冒号表示,伪元素⽤双冒号::表示，
+
+浏览器同样接受 CSS2 时代已经存在的伪元素(:before, :after, :first�line, :first-letter 等)的单冒号写法。
+
+CSS2 之后所有新增的伪元素(如::selection)，应该采⽤双冒号的写法。
+
+CSS3中，伪类与伪元素在语法上也有所区别，伪元素修改为以::开头。浏览器对以:开头的伪元素也继续⽀持，但建议规范书写为::开头
+
+定义不同
+
+伪类即假的类，可以添加类来达到效果
+
+伪元素即假元素，需要通过添加元素才能达到效果
+
+总结:
+
+伪类和伪元素都是⽤来表示⽂档树以外的"元素"。
+
+伪类和伪元素分别⽤单冒号:和双冒号::来表示。
+
+伪类和伪元素的区别，关键点在于如果没有伪元素(或伪类)，
+
+是否需要添加元素才能达到效果，如果是则是伪元素，反之则是伪类。
+
+4）相同之处：
+
+伪类和伪元素都不出现在源⽂件和DOM树中。也就是说在html源⽂件中是看不到伪类和伪元素的。 不同之处：
+
+伪类其实就是基于普通DOM元素⽽产⽣的不同状态，他是DOM元素的某⼀特征。
+
+伪元素能够创建在DOM树中不存在的抽象对象，⽽且这些抽象对象是能够访问到的。
+
+
diff --git a/阶段二/使用箭头函数应注意什么.md b/阶段二/使用箭头函数应注意什么.md
@@ -0,0 +1,9 @@
+使用箭头函数应注意什么
+
+用了箭头函数，this就不是指向window，而是父级（指向是可变的）
+
+不能够使用arguments对象
+
+不能用作构造函数，这就是说不能够使用new命令，否则会抛出一个错误
+
+不可以使用yield命令，因此箭头函数不能用作 Generator 函数
diff --git a/阶段二/区别.md b/阶段二/区别.md
@@ -0,0 +1,7 @@
+事件循环中分为宏任务队列和微任务队列。
+
+其中setTimeout的回调函数放到宏任务队列里，等到执行栈清空以后执行。
+
+promise.then里的回调函数会放到相应宏任务的微任务队列里，等宏任务里面的同步代码执行完再执行。
+
+async函数表示函数里面可能会有异步方法，await后面跟一个表达式。async方法执行时，遇到await会立即执行表达式，然后把表达式后面的代码放到微任务队列里，让出执行栈让同步代码先执行。
diff --git a/阶段二/如何在Git恢复先前的提交.md b/阶段二/如何在Git恢复先前的提交.md
@@ -0,0 +1,16 @@
+如何在 Git 恢复先前的提交
+
+要撤销提交但保留更改：
+
+git reset +当前文件
+
+git status检测更改
+
+要修改提交中的更改：git reset --hard +当前文件名
+
+如果使用了 --hard，文件将重置到提交时的状态。
+
+撤销提交但保留文件和索引：git reset --soft +文件名
+
+
+
diff --git a/阶段二/如何处理HTML5新标签的浏览器兼容性问题.md b/阶段二/如何处理HTML5新标签的浏览器兼容性问题.md
@@ -0,0 +1,20 @@
+如何处理HTML5新标签的浏览器兼容性问题
+
+方法一 :
+
+1、使用静态资源的html5shiv包
+
+    <!--[if lt IE9]>
+    <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
+    <![endif]-->
+
+2、载入后，初始化新标签的css
+
+header, section, footer, aside, nav, main, article, figure { display: block; }
+
+方法二：
+
+IE6/IE7/IE8支持通过document方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签
+
+
+
diff --git a/阶段二/如何实现0.5px边框.md b/阶段二/如何实现0.5px边框.md
diff --git a/阶段二/如何进行seo优化.md b/阶段二/如何进行seo优化.md
diff --git a/阶段二/常见的浏览器内核有哪些.md b/阶段二/常见的浏览器内核有哪些.md
diff --git a/阶段二/提升.md b/阶段二/提升.md
diff --git a/阶段二/浏览器工作原理.md b/阶段二/浏览器工作原理.md
diff --git a/阶段二/解释csssprites，如何使用.md b/阶段二/解释csssprites，如何使用.md
diff --git a/阶段二/页面导入样式时，使用link和@import有什么区别.md b/阶段二/页面导入样式时，使用link和@import有什么区别.md

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+Promise构造函数是同步执行还是异步执行`
	`2`	`+`
	`3`	`+promise构造函数是同步执行的，then方法是异步执行的`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+主要考察宏任务和微任务，搭配promise，询问一些输出的顺序`
	`2`	`+`
	`3`	`+原理：async 和 await 用了同步的方式去做异步，async 定义的函数的返回值都是 promise，await 后面的函数会执行，然后就会跳出整个 async 函数来执行后面js栈的代码`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+按照 lvha 顺序排列 a:link a:visited a:hover a:active`
	`2`	`+`
	`3`	+而引用CSS文件的@import就是造成这个问题的罪魁祸首。IE会先加载整个HTML文档的DOM，然后再去导入外部的CSS文件，因此，在页面DOM加载完成到CSS导入完成中间会有一段时间页面上的内容是没有样式的，这段时间的长短跟网速，电脑速度都有关系。解决方法：只要在`<head>`之间加入一个`<link>或者<script>`元素就可以了。