您的位置:首页 > Web前端

前端基础知识总结

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: