Gen1usG

CSS会阻塞页面的渲染。 根据上面浏览器渲染页面的步骤，我们知道 render tree 的合成需要 DOM tree 和 CSSOM tree。所以CSS会阻塞页面的渲染，但是并不会阻塞DOM的解析，因为页面渲染 DOM tree 也是必须的。 当存在CSS阻塞的情况时，浏览…

简单来说，async函数就是用于将异步的Promise转换成类似同步函数的形式。 async函数中的关键字。await值能在async函数中使用。 await后面必须接一个接一个返回了 Promise的函数的调用形式（实际上是await + Promise) 。 上面 spec…

NPM与yarn都是包管理工具，我们可以通过NPM和yarn来安装所需要的第三方包和第三方命令行程序，又或者是上传自己的程序或库供他人使用。 npm、yarn默认的服务器在国外。由于个服务器的地区差异以及国内的长城防火墙的存在，在国内的用户很可能访问不到或者下载速度极慢。 为了…

Fonts.css是一个提供字体样式预览的css库，其中包括：黑体，楷体，宋体及仿宋四种字体。 这是黑体字体下的更细的分类以及css代码。鼠标放到分类上对应的css代码就会高亮。

一个webpack的api,通过执行require.context函数获取一个特定的上下文，主要用来实现自动化导入模块。在前端工程中，如果遇到从一个文件夹引入很多模块的情况，可以使用这个api，它会遍历文件夹中的指定文件，然后自动导入，使得不需要每次显式的调用import导入模…

在以前的前端开发中，开发者都是通过雪碧图（幽灵图）引入icon的。但最新的引入icon的方法是使用SVG，由于SVG是矢量图标，所以在清晰度上拥有非常大的优势。 可以去一些提供icons的网站下载icons的SVG，推荐淘宝的iconfont。 注意在下载时尽量不要选择颜色，如…

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。通过 Vue CLI我们能够快速创建一个新的基于Vue的项目。 在使用Vue CLI创建项目时，我们还需要先安装 node、npm（yarn）、webpack。 这里的项目名不能够使用大写字母。 运行这行代码后会…

前面已经初步学习了一些比较重要的hooks，其中就包括useState。 我们知道，useState可以返回读写2个与数据（state）有关的接口。useState接受一个具体的值或者具有返回值的函数作为参数吗，组件初次渲染的时候会将该参数作为state的初始值。同时当调用se…

函数组件的创建要注意2点：传props和return的内容用()包裹起来。 请回看React组件基础。 比起类组件，函数组件的代码量更小，代码更简洁，更简单，容易阅读。更重要的是，使用函数组件能够避免复杂的this指向的问题。 那函数组件有缺点吗？在ReactV16.8.0之前…