![](https://img-blog.csdnimg.cn/2021081912584480.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
前端学习的文章
我要手撕源码
这个作者很懒,什么都没留下…
展开
-
vscode 构建基于TS以及Jest的测试环境
需求:需要个Jest + TS + 支持ESM + 支持ES6+语法项目初始化1.初始化package.jsonyarn init -y2.安装 Jest 和 babel官网安装Jest和babelbabel:语法转换,转换为浏览器支持的语法yarn add --dev babel-jest @babel/core @babel/preset-env在项目的根目录下创建 babel.config.js ,通过配置 Babel 使其能够兼容当前的 Node 版本。babel.con原创 2022-02-20 16:45:57 · 1109 阅读 · 0 评论 -
webpack中package-lock.json的作用
1.package.json只能锁定大版本号,即版本号的第一位,在npm install时,默认都是下载该大版本下最新的版本。为了考虑稳定性,一般是不随意升级版本的。2.package-lock.json保证当前项目npm包的依赖树是相同的一个依赖树,不考虑这个过程中是否有某个依赖有小版本的更新。它的产生就是来对整个依赖树进行版本固定的(锁死)。应该上传到git仓库,参考...原创 2021-12-29 16:27:58 · 485 阅读 · 0 评论 -
关键渲染路径_从输入URL到页面渲染完成究竟发生了什么?
关键渲染路径(Critial Rendering Path)我们在地址栏上输入URL到完成页面渲染,这直接发生了什么?1.DNS解析2.请求服务器3.服务器处理请求4.服务器响应5.浏览器接收响应下面主要介绍第5步从服务器获取HTML文件后到页面呈现完整内容发生的事情分为六步1.创建DOM树(Constructing the DOM Tree)2.创建CSSOM树(Constructing the CSSOM Tree)3.执行脚本(Running JavaScript)4.生原创 2021-11-05 07:57:12 · 210 阅读 · 0 评论