![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 63
optimistic-Chen
这个作者很懒,什么都没留下…
展开
-
一看就会的webpack的代码分离(分包)优化首屏加载实践
背景 在开发过程中,发现首屏加载过慢导致用户体验不佳,因此boss一声令下,需要可怜的前端来进行优化。 优化手段 在webpack中有关于代码分离的文档介绍 总的来说webpack是帮助我们做到资源的去重和分离,去重就是将重复的引用减少,分离将不同的资源包分离在不同的包内 SplitChunksPlugin 我们很快地找到这个插件和配置,应该才是webpack帮助代码分离的关键 其默认配置为 module.exports = { //... optimization: { splitChun原创 2022-04-09 04:05:13 · 1919 阅读 · 0 评论 -
angular8-11升级笔记
主要依赖及升级模块: @angular @angular/cdk @delon/abc @delon/chart @delon/theme ng-zorro-antd 升级顺序: 1.将angular从8.0.1强制升级到8.3.1 ==》 v9 ==》 v10 ==》v11 具体详情见Angular Update Guide 2.将cdk升级到11.0.3 3.将ng-zorro-antd升级到11.0.1 4.将delon库升级到最新版本 更新系统后主要遇到以下问题: 1.zorro组件和delon需要原创 2021-01-04 19:25:17 · 1047 阅读 · 1 评论 -
手写一个React树组件(Tree)
作为一手angular的小菜鸟,为了追求技术(工资)不得不学习React。 不得不说,react作为使用JSX语法的框架,用来写树组件还是十分有优势的。 1.渲染出数组件 constructor(props) { super(props); this.state = { arr: [ { id: 0, value: "root", children: [], parent: nul原创 2020-12-06 23:50:41 · 1652 阅读 · 0 评论 -
JS对象数组去重简单有效方法
输入 var data = [ {"id": 1, "name": "李四1"}, {"id": 1, "name": "李四2"}, {"id": 1, "name": "李四3"}, {"id": 1, "name": "李四1"}, {"id": 5, "name": "李四5"}, ]; 去重方法 function ArrSet(Arr, id) { var obj = {}; arrays原创 2020-12-06 23:20:08 · 6577 阅读 · 2 评论