Home
avatar

.Wang

webpack打包优化(老版本)

技能小册

webpack打包优化(老版本)

优化背景前段时间搞了一个新项目,用的全新vue3和vant3的框架,访问项目时长1分多都没有加载出来,其实引入的框架就只有vant和一些插件,对于单页面而言,这是有很大的问题的,页面记载缓慢,资源下载慢,一个vender.js文件达到了mb,对于一个新项目而言,怎么会这么大呢?这时就应该先去考虑一下

webpack打包优化?

技能小册

webpack打包优化?

优化?前端的更新迭代是很快的,从最开始的三件套到现在的响应式开发,在到现在的项目管理化;于是前端又得学会工程化以及对项目优化的知识,最开始的前端是没有工程这一技能的,就是把简单的资源区分目录,再从不同的目录调取不同的资源文件;但是暴露出有很多问题,就好比资源怎么重复利用,每次打开页面资源又要重新加载

项目优化的方向?

技能小册

项目优化的方向?

优化?性能优化的方面有很多,这里集中拿vue举例说明(部分方案网上采集的):条件渲染优化条件渲染分为v-if和v-show,具体俩者的区别可详看之前的文章if和show的区别v-if和v-show的区别使用,使用正确可减少DOM树的性能开销避免在v-for中使用v-ifv-for和v-if为什么不能

第二章:调皮的童年

生活日志

第二章:调皮的童年

第二章:调皮的童年说到我的童年,可以俩字总结:“调皮”,当然放在古代就是那种“纨绔子弟”,对于“纨绔子弟”也是少不了一顿胖揍。没有吃过“竹笋炒肉”的童年不是一个完整的童年。我出生的地方较为偏僻,童年那个时候的马路都是土路,那个时候还没有用到水泥路。一到雨天那条路就充满危险,你永远不知道坑坑哇哇的马路

生活-“舍,得,放” 下之 “放”

生活日志

生活-“舍,得,放” 下之 “放”

序人生在世,我们更应该懂得,适当的放弃,才能得到,一味的强求,反而会适得其反。佛说:舍,就是得;不舍,哪有得。放下,便得自在。人生在世,更应该懂得适当的放下,才会轻松,放下心中的枷锁,让自己的心灵自由。前言前段时间老w就和我说了一件隐藏在他内心的一件事,舍,得,放下该怎么做才能放下心中枷锁,才能轻松

生活-“舍,得,放” 下之 “舍,得”

生活日志

生活-“舍,得,放” 下之 “舍,得”

序我现在不和人争吵,因为我意识到,每个人只能站在自己的认知角度去思考。所以,如果有人跟你说柠檬时甜的,你只需要对他说似的,那你多吃点。你没必要和别人争辩什么,因为认知不同,所处的角度也不同,做好自己即可;毕竟在乌鸦的世界里,天鹅也是有罪的,认知相同,无需争辩,认知不同何须争辩?思想不在一个高度没必要

生活-五年时间的蜕变, 他回来了!

生活日志

生活-五年时间的蜕变, 他回来了!

前言我之前就在想有没有那样的一种人就是:年少轻狂,以自我为中心,当真正回头的那一刻才会放下过去的种种;以另一种身份珍惜剩下的时间,珍惜生活;过下过去,不会再去纠结过去的种种!心理学有一种就这样的结论:如果一个人的内心很强大,那么他就会很淡然,不会因为一些事情而影响自己,也不会因为一些事情而影响自己。

生活-我自己拿手好菜-红烧牛肉面

生活日志

生活-我自己拿手好菜-红烧牛肉面

前言灵感来源于生活,只有珍惜生活才能体验到人生的意义;准备起来新鲜的牛肉块或者牛肉粒🥩,俩碗面条大概10粒牛肉粒左右;看自己情况而定;焯水牛肉用的葱姜蒜料酒🍷,3片姜片,斜刀切成3块大葱;新鲜面条🍜一盒,当然挂面也是可以的;可以根据自己的口味而定;又红又大的番茄🍅,或者可以准备点青菜🥬,或

生活-拍摄三要素

生活日志

生活-拍摄三要素

背景为什么会总结拍摄呢?你可以不会拍照,但是你的学会拍照拍摄不是为了炫耀,而是为了记录生活。当然最近我也是在学习拍摄,但是还是有很多东西需要总结,比如:拍摄三要素:感光度、光圈、快门拍摄技巧:曝光技巧、光圈技巧、快门技巧构图技巧:三分线构图、对角线构图、框架式构图等等…接下来,总结一下三元素快门什么

生活-沉浸之后的总结(一)

生活日志

生活-沉浸之后的总结(一)

前言“沉浸”了一段时间,今天再次发博文,心情很是不一样;为什么会“沉浸”一段时间呢?说来话长了,本想着每个月发大约4篇博文总结,但是近期事情比较多,针对公司业务加班,赶进度,开发对应需求;每天晚上回来几乎都在9.30左右,在点个外卖,收拾卫生,在洗个澡就差不多就0.00了,也就没什么时间发文章了;在

生活-沉浸之后的总结(二)

生活日志

生活-沉浸之后的总结(二)

前言自从上次旅游放松过后,我发现了一系列关于自身的问题;自身的一系列问题大约分为以下几个方面:自身成长的问题工作沉淀问题社交沟通问题自身的问题还记得刚来上海应该是19年6月份左右吧,当时也是刚从学校走向社会,没经历过社会的毒打,所以自身成长的问题还是比较严重。作为一个应届生,想去看看大城市,所以选择

第一章:时光回溯

生活日志

第一章:时光回溯

第一章:时光回溯在一片静谧而庄重的病房中,生命之烛即将燃尽,静静地躺在洁白的床单上。他的眼神不再如年轻时那般锐利,却沉淀着岁月赋予的深邃与宁静。医生和护士们在角落里默默关注,低声交谈着关于他病情的最后评估。此刻,老w的心跳声与呼吸声交织成一首生命的挽歌,而他的思绪则穿越时空,展开了一场临终前的回溯之

序章:生命之烛摇曳

生活日志

序章:生命之烛摇曳

序章:生命之烛摇曳{%notedangerflat%}该短片小说是虚假构设,仅供娱乐。请勿代入现实。{%endnote%}该短篇小说是老w为我提供的一个小故事,讲述了他这一生以及暮年之后心中的牵挂:之前开始写文章的那段时间,发现自己珍惜想要的都在慢慢失去,也许到几年之后都没有了那种憧憬,于是我就以我

call,apply和bind

技能小册

call,apply和bind

{%noteinfosimple%}在前端开发中,call,apply,bind是js三个重要的方法,三者都是改变this(函数的执行上下文)的指向,但是还是有区别的;我将会以demo的形式展示三者的使用场景以及区别;在一半工作任务中这三者是不常用到的,如果您的项目是纯原生js项目,那么使用到的几率

css单位对比

技能小册

css单位对比

{%noteinfosimple%}css中计量单位那么多,但是它们之间有什么区别呢?{%endnote%}在传统的项目中px,%,em这几个单位是经常用到的,并且兼容效果还不错;自从css3开始,计量单位就逐渐增加rem,vw,vh等;计量单位那么多,在项目如何使用,并且它们是有什么区别呢?css

1 78