- 博客(8)
- 收藏
- 关注
RSS订阅原创 一看就会的webpack的代码分离（分包）优化首屏加载实践
背景在开发过程中，发现首屏加载过慢导致用户体验不佳，因此boss一声令下，需要可怜的前端来进行优化。优化手段在webpack中有关于代码分离的文档介绍总的来说webpack是帮助我们做到资源的去重和分离，去重就是将重复的引用减少，分离将不同的资源包分离在不同的包内SplitChunksPlugin我们很快地找到这个插件和配置，应该才是webpack帮助代码分离的关键其默认配置为module.exports = { //... optimization: { splitChun
2022-04-09 04:05:13
1922
原创 windows下，nvm下载node没有下载对应的npm版本
问题在windows下，nvm下载node没有下载对应的npm版本解决方案终端输入npm这个npm@的包没有指向nvm的时候，无论切换到node下的什么版本，均是相同的版本！将这个目录直接删掉，就可以正常下载node版本对应的npm了...
2022-02-19 17:34:46
793
原创 Rxjs的理解
Rxjs的理解1.什么是RxJS在RxJS官方文档中，rxjs 是使用 Observables 的响应式编程的库，它使编写异步或基于回调的代码更容易异步：就是书写顺序和执行顺序不同回调：就是被其他函数（需要传入调用的函数）调用的该函数异步和回调的含义其实是对输入的处理。而在rxjs中，我们可以把一切输入都当做数据流来处理，比如说：用户操作网络响应定时器宝石图为了帮助开发者更容易地理解 ReactiveX 的工作原理，ReactiveX 开发组还设计了一种很形象的图，那就是宝石图。这货
2021-11-07 23:04:12
775
原创 angular8-11升级笔记
主要依赖及升级模块：@angular@angular/cdk@delon/abc@delon/chart@delon/themeng-zorro-antd升级顺序：1.将angular从8.0.1强制升级到8.3.1 ==》 v9 ==》 v10 ==》v11具体详情见Angular Update Guide2.将cdk升级到11.0.33.将ng-zorro-antd升级到11.0.14.将delon库升级到最新版本更新系统后主要遇到以下问题：1.zorro组件和delon需要
2021-01-04 19:25:17
1048
1
原创 angular-electron中如何引入Zorro组件库
zorro框架是angular开发者十分常用的UI框架。然而，在非angular脚手架中引入zorro样式会报错，如下：Your project is not using the default builders for "build". The NG-ZORRO schematics cannot add a theme to the workspace configuration if the builder has been changed.解决方案此时需要1.手动安装组件npm insta
2020-12-20 02:23:40
1379
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
原创 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
6581
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人