给 「前端开发博客」 加星标,每天打卡学习
长按二维码即可识别“进入网页”查看哟~
1、js、css对web页面解析、渲染的影响
这张图描述了页面解析渲染的整体流程,但是凭这张图还看不出js、css具体如何阻塞页面解析和渲染的。需要注意的是,这个流程是会执行很多次的,不是等到HTML全部解析完,css全部解析完再去合成渲染树、布局、绘制,一次执行完。根据这张整体流程图,有一种错误的认识是,css没有加载解析完,DOM树无法结合样式生成渲染...
https://juejin.im/post/5e9bba0f6fb9a03c364f2202
2、前端面试·Vue.js
Web界面由DOM树(树的意思是数据结构)来构建,当其中一部分发生变化时,其实就是对应某个DOM节点发生了变化, 虚拟DOM就是为了解决浏览器性能问题而被设计出来的。如前,若一次操作中有10次更新DOM的动作,虚拟DOM不会立即操作DOM,而是将这10次更新的diff内容保存到本地一个JS对象中,最终将这个JS对象一次性attch到D...
https://juejin.im/post/5e9800f751882573b0474b7c
3、Web应用调试利器:queryObjects
queryObjects 是Chrome 62新增的一个 Command Line API 。官网这样介绍该API A new API for querying heap objects Call queryObjects(Constructor) from the Console to return an array of objects that were created with the specified constructor. For example: queryObjects(Promise). ...
https://juejin.im/post/5e9c0fe06fb9a03c880f5975
4、从剖析Vue-cli源码出发完整的React业务脚手架实践(一)——脚手架架构基础搭建
随着公司业务线增加了以后,基础脚手架已经满足不了需求,于是开始着手业务线的脚手架开发,我基于vue cli源码和自己的业务实践,吸取vue-cli插件模式的开发优势和业务结合,做一套关于React的项目脚手架。写在前面 这是一篇长期持续更新的React脚手架实践,为的是吸取Vue Cli的脚手架经验,通过我们习惯的 插件-...
https://juejin.im/post/5e9b416d6fb9a03c4f3f9ddb
5、整理了一些常用的JS开发小技巧
下面整理了一些js开发常用的小技巧,没有顺序之分,可以跳着看,会持续补充~~~ 一,数值型 求数字数组最小值 let list = let min = Math.min(...list) // 1 复制代码 二,字符型 字符串倒序 字符串倒序就是把字符串倒着排序,可以用下列方法 .split('').reverse().join('') let str = 'abc' le...
https://juejin.im/post/5e9affc66fb9a03c5b2fd4e8
????点击「阅读原文」,直达链接
真香,分享给朋友~