前端基础知识总结
2019-03-18 21:30
204 查看
1.CSS 不会阻塞 DOM 的解析,但会阻塞 DOM 渲染。
JS 阻塞 DOM 解析,但浏览器会"偷看"DOM,预先下载相关资源。
浏览器遇到 <script>且没有 defer 或 async 属性的 标签时,会触发页面渲染,因而如果前面 CSS 资源尚未加载完毕时,浏览器会等待它加载完毕在执行脚本
arr.splice()从数组中添加/删除项目,然后返回被删除的项目
2.操作DOM具体的成本,说到底是造成浏览器回流reflow和重绘reflow,从而消耗GPU资源!!!
首屏渲染优化的方向:
a减少资源请求数量(内联亦或是延迟动态加载)
b使CSS样式表尽早加载,减少@import的使用,因为需要解析完样式表中所有import的资源才会算CSS资源下载完
c异步js:阻塞解析器的 JavaScript 会强制浏览器等待 CSSOM 并暂停 DOM 的构建,导致首次渲染的时间延迟
3.vue后台管理模板:https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md
相关文章推荐
- 前端基础知识总结
- 基础知识总结-前端面试(一)
- 前端基础知识总结-闭包
- web前端基础知识总结
- 前端基础知识总结
- 基础知识总结-前端面试(一)
- 一些我所用到的前端与PS基础知识总结
- web前端基础知识总结
- 前端基础知识(一)总结
- 前端基础知识总结-原型与原型链
- 前端基础知识总结
- Web前端开发基础知识--部分总结
- 前端基础知识总结
- 关于前端基础知识的一些总结
- linux系统基础命令和知识总结
- 常见协议基础知识总结--DHCP协议
- C++面试总结之常用基础知识
- 基础知识点总结:数据结构
- java基础知识总结
- 黑马程序员_JavaSE基础知识总结七:new、this、static关键字和单例模式初步