20200421 前端开发日报推荐

给 「前端开发博客」 加星标，每天打卡学习

长按二维码即可识别“进入网页”查看哟~

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

????点击「阅读原文」，直达链接

真香，分享给朋友~