vue工程从10s+加载到1s加载的优化实践

这篇文章的背景就是在公司的一个项目,使用的技术栈是vue + vuecli3 + antdesign,由于早期的API接口有坑,antdesign的upload组件上传满足不了业务需求就用了iview的组件,所以当时是ant是全量引入,iview是按需引入了一个upload模块,当我们的打包出来的时候发现chunkjs很大,足足有近8m多,导致首屏加载时间很长,所以针对这一个问题通过几个方面来分析和优化。分析模块分析模块使用的是webpack-bundle-analyzer这个插件,按照说明的配置在plugins中即可,由于插件使用过于简单,我推荐的参考文章是打包分析插件webpack-...

前端 2020-06-06 PM 323℃ 0条

【金丝大峡谷blog】5.1嗨翻天,唯一美中不足的就是这件事

此blog不是恰饭,主要是放美照的,嘻嘻地点: 陕西商洛的金丝峡票价: 成人是100¥/人总体感觉:有峡谷也有山,完美,爬完山之后走峡谷乘凉,非常划算注意事项:来这里一定要爬山,走峡谷就爬不了山,但是下山之后可以走峡谷美中不足的一件事情在上山之后的当天早上就收到了外爷的死讯,几个月的煎熬安详地走了,第二天我就马不停蹄的回老家去参加外爷的丧事,这也是我第一次参加丧事,小时候有印象的参加了外婆的丧事,当时还很小就被妈妈抱上床,这边当地的习俗 “转香”也没有转,但是这次连续好几个晚上我都为外爷完成了祈祷,在入土的前一天我也见到了外爷,满足了我的心愿,愿他在天堂可以过得很好,愿他一直有好酒喝,愿...

唠嗑 2020-05-10 PM 236℃ 0条

【大家一起学习vue源码】源码构建

基于NPM的包或者库,项目中的package.json是对项目的描述,这个json对象中的script标签就是npm运行脚本,vue.js在这里配置了如下的内容"build": "node build/build.js", "build:ssr": "npm run build -- web-runtime-cjs,web-server-renderer", (**注意这一块是用逗号分割的**) "build:weex": "npm run build -- weex"...

前端,精读 2020-04-27 PM 228℃ 0条

深入浅出防抖和节流函数(一)

在初级和中级前端面试笔试中,函数的防抖和节流要求候选人有能力去精通或者熟悉里面的机制,不仅仅要知道基本版的防抖和节流,还要知道更完美进阶的节流防抖,比如一些lodash中的实现等等,所以这个系列也是从基础版开始,我会和大家一起补充这方面的知识配套代码地址在线调试和编辑参考文章防抖【背景故事】某商业楼每天早上上班高峰期的电梯非常堵,通常生活来讲,一个电梯肯定是要进去很多人的直到人满为止,这对于自身和电梯都是一种节约资源的表现,不可能出现每个人一人一个电梯的情况,所以对于电梯和我们,这是一种防抖函数的表现。电梯每当停到一个楼层,会等我们进去,人没有塞满或者没有人它才会到达指定楼层。在web端...

前端,精读 2020-04-19 PM 239℃ 0条

【大家一起学习vue源码】目录架构

我说我过年期间更新了3篇关于uniapp的文章,然后发布莫名消失,你们会信么?其实是真的,家里的网络非常不稳定,我连续发了2次文章,结果预览出来的效果仅仅只有一个自然段,剩余全部丢失,所以渐渐的我心态崩掉了,然后转眼就来到了4月,我仍然会每周坚持更新笔记/感悟,分享给大家。这是一个全新的计划,关于分析vue的源码,那么我需要一个课程带着我学习,因为讲真,它有些门槛,像我第一次看底层源码,不知道从何看起,网上有太多的关于vue的实现,比如methods,computed实现,但是都太单一,所以我在youtube上找到课程,也是慕课网的金牌讲师ustbhuangyi所以我会把这个课程参考的资...

前端,唠嗑,精读 2020-03-15 PM 247℃ 0条