- 博客(8)
- 收藏
- 关注
原创 一看就会的webpack的代码分离(分包)优化首屏加载实践
背景在开发过程中,发现首屏加载过慢导致用户体验不佳,因此boss一声令下,需要可怜的前端来进行优化。优化手段在webpack中有关于代码分离的文档介绍总的来说webpack是帮助我们做到资源的去重和分离,去重就是将重复的引用减少,分离将不同的资源包分离在不同的包内SplitChunksPlugin我们很快地找到这个插件和配置,应该才是webpack帮助代码分离的关键其默认配置为module.exports = { //... optimization: { splitChun
2022-04-09 04:05:13 1955
原创 windows下,nvm下载node没有下载对应的npm版本
问题在windows下,nvm下载node没有下载对应的npm版本解决方案终端输入npm这个npm@的包没有指向nvm的时候,无论切换到node下的什么版本,均是相同的版本!将这个目录直接删掉,就可以正常下载node版本对应的npm了...
2022-02-19 17:34:46 806
原创 Rxjs的理解
Rxjs的理解1.什么是RxJS在RxJS官方文档中,rxjs 是使用 Observables 的响应式编程的库,它使编写异步或基于回调的代码更容易异步:就是书写顺序和执行顺序不同回调:就是被其他函数(需要传入调用的函数)调用的该函数异步和回调的含义其实是对输入的处理。而在rxjs中,我们可以把一切输入都当做数据流来处理,比如说:用户操作网络响应定时器宝石图为了帮助开发者更容易地理解 ReactiveX 的工作原理,ReactiveX 开发组还设计了一种很形象的图,那就是宝石图。这货
2021-11-07 23:04:12 795
原创 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 1060 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 1406 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 1691
原创 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 6596 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人