heronCCC
获得徽章 7
- #每天一个知识点# 微任务和宏任务的区别
1.宏任务：当前调用栈中执行的代码成为宏任务。（主代码快，定时器等等）。
2.微任务： 当前（此次事件循环中）宏任务执行完，在下一个宏任务开始之前需要执行的任务,可以理解为回调事件。（promise.then，proness.nextTick等等）。
3. 宏任务中的事件放在callback queue中，由事件触发线程维护；微任务的事件放在微任务队列中，由js引擎线程维护。
微任务：process.nextTick、MutationObserver、Promise.then catch finally
宏任务：I/O、setTimeout、setInterval、setImmediate、requestAnimationFrame展开评论点赞 - #每天一个知识点# 盒模型
盒模型由四个部分组成，分别是margin、border、padding、content
标准盒模型和IE盒模型的区别在于：在设置width和height时，所对应的范围不同
标准盒模型的width和height属性的范围只包含了content
IE盒模型的width和height属性的范围包含了border、padding和content
可以通过修改元素的box-sizing属性来改变元素的盒模型：
box-sizing: content-box 表示标准盒模型（默认值）
box-sizing: border-box 表示IE盒模型（怪异盒模型）展开评论点赞 - #每天一个知识点# 单页面应用有什么 SEO 方案？
服务器端渲染首屏（SSR 基于 vue 的服务端下载）；让服务端把首屏的数据渲染在页面上；进行基本的 css 模板 js 的编译合并；减少请求次数，使用 gulp 工具，把 css 打包成一个文件, js 打包成一个文件, 模板打包成一个 js 文件($templateCache) 可以和 js 文件打包成一起（促使模板 JS 文件和 JS 文件一次性请求）；代码分块，如果首屏不需要的块，就不用加载了；路由组件懒加载。当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样更加高效；如果有大量图片使用懒加载。展开赞过 评论2