前端
文章平均质量分 63
粉儿姐
不要当一个装睡的人,做一个清醒的人
展开
-
手撕源码之手写call
【代码】手撕源码之手写call。原创 2024-05-14 09:39:42 · 117 阅读 · 0 评论 -
tree shaking
压缩可以移除模块内部的无效代码tree shaking 可以移除模块之间的无效代码。原创 2024-05-11 09:04:32 · 359 阅读 · 0 评论 -
格式化ESLint
ESLint是一个针对JS的代码风格工具,当不满足其要求的风格时,会给予警告或错误官网:https://eslint.org/民间中文网:https://eslint.bootcss.com/原创 2024-05-11 09:04:02 · 349 阅读 · 0 评论 -
代码压缩--性能优化
减少代码体积;破坏代码的可读性,提升破解成本;生产环境UglifyJs和是一个传统的代码压缩工具,已存在多年,曾经是前端应用的必备工具,但由于它不支持ES6语法,所以目前的流行度已有所下降。Terser是一个新起的代码压缩工具,支持ES6+语法,因此被很多构建工具内置使用。webpack安装后会内置Terser,当启用生产环境后即可用其进行代码压缩。因此,我们选择Terser副作用:函数运行过程中,可能会对外部环境造成影响的功能。原创 2024-05-10 15:14:42 · 286 阅读 · 0 评论 -
打包自动分包
不同与手动分包,自动分包是从出发,从一个更加来控制分包,而一般不对具体哪个包要分出去进行控制因此使用自动分包,不仅非常方便,而且更加贴合实际的开发需要要控制自动分包,关键是要配置一个合理的有了分包策略之后,不需要额外安装任何插件,webpack会自动的按照策略进行分包实际上,webpack在内部是使用进行分包的过去有一个库也可以实现分包,不过由于该库某些地方并不完善,到了webpack4之后,已被取代。原创 2024-05-10 15:00:02 · 992 阅读 · 0 评论 -
打包手动分包
手动打包的过程开启暴露公共模块用DllPlugin创建资源清单用使用资源清单手动打包的注意事项资源清单不参与运行,可以不放到打包目录中记得手动引入公共JS,以及避免被删除不要对小型的公共JS库使用优点极大提升自身模块的打包速度极大的缩小了自身文件体积有利于浏览器缓存第三方库的公共代码缺点使用非常繁琐如果第三方库中包含重复代码,则效果不太理想。原创 2024-05-10 14:46:45 · 269 阅读 · 0 评论 -
开发服务器webpack-dev-server
针对webpack-dev-server的配置,参考:https://www.webpackjs.com/configuration/dev-server/这个命令是专门为开发阶段服务的,真正部署的时候还是得使用webpack命令。并且,我们往往希望把最终生成的代码和页面部署到服务器上,来模拟真实环境。命令几乎支持所有的webpack命令参数,如。等等,你可以把它当作webpack命令使用。原创 2024-05-10 14:21:04 · 328 阅读 · 0 评论 -
优化loader性能
思路是:对于某些库,不使用loader例如:babel-loader可以转换ES6或更高版本的语法,可是有些库本身就是用ES5语法书写的,不需要转换,使用babel-loader反而会浪费构建时间lodash就是这样的一个库lodash是在ES5之前出现的库,使用的是ES3语法通过或,排除或仅包含需要应用loader的场景如果暴力一点,甚至可以排除掉目录中的模块,或仅转换src目录的模块这种做法是对loader的范围进行进一步的限制,和noParse不冲突,想想看,为什么不冲突。原创 2024-05-10 11:27:50 · 350 阅读 · 0 评论 -
ES6展开运算符
1.展开可迭代对象(简单理解为数组和伪数组),如数组、 NodeList 、arguments。3.实现对象的浅拷贝和对象混入(对象属性的覆盖,后边的覆盖前边的)可以通过展开运算符把一个伪数组转换为数组。2.实现数组的浅拷贝。原创 2024-04-03 09:45:36 · 598 阅读 · 0 评论 -
选区 selection与range
1.https://segmentfault.com/a/11900000414572452.https://www.zhangxinxu.com/wordpress/2022/09/js-selection-range/你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点原创 2023-12-22 20:23:50 · 801 阅读 · 0 评论