webpack打包优化?
优化?前端的更新迭代是很快的,从最开始的三件套到现在的响应式开发,在到现在的项目管理化; 于是前端又得学会工程化以及对项目优化的知识,最开始的前端是没有工程这一技能的, 就是把简单的资源区分目录,再从不同的目录调取不同的资源文件; 但是暴露出有很多问题,就好比资源怎么重复利用,每次打开页面资源又要重新加载,而不是读取缓存。这样的情况会导致浏览器的卡顿,影响用户体验。 再者就是代码风格,起初哪有风格就是各写各的,对于团队式开发一直是个头疼的问题; 之后就出现了各式各样的工程化,比如:代码格式化的风格,检验代码的格式,代码压缩与混淆等等; 这样的一个好处就是做到统一,之后的开发全都是以这个为标准;关于如何规范化搭建项目可以参考之前的文章Vue 项目搭建 通过webpack5搭建的vue3的项目如何优化呢? 这里具体说明打包优化; 一些优化的方案可参考从哪些方面进行性能优化 简单了解 WebpackWebpack...
项目优化的方向?
优化?性能优化的方面有很多,这里集中拿vue举例说明(部分方案网上采集的): 条件渲染优化条件渲染分为v-if和v-show, 具体俩者的区别可详看之前的文章if 和 show 的区别 v-if和v-show的区别使用,使用正确可减少 DOM 树的性能开销 避免在v-for中使用v-if v-for 和 v-if 为什么不能同时使用 合理利用计算属性和监听器关于计算属性和监听器的的详细说明以及区别可可详看之前的文章watch,watchEffect 和 computed 的区别 合理使用 computed:对于依赖其他数据并需要在多个地方复用的复杂逻辑,使用计算属性可以实现缓存,只在依赖数据变化时才重新计算。 精简 watch:避免在 watch 中执行过于复杂的计算或操作。对于深度监听或大对象的变化,可以结合 deep 和 immediate 选项优化,或者考虑使用 computed 替代。 路由懒加载 动态导入组件 使用 import() 语法实现异步加载路由对应的组件,避免在应用启动时一次性加载所有代码,从而减少初始加载时间。 代码分割 利用 Webpack...
生活-“舍,得,放” 下之 “放”
序人生在世,我们更应该懂得,适当的放弃,才能得到,一味的强求,反而会适得其反。 佛说:舍,就是得;不舍,哪有得。 放下,便得自在。 人生在世,更应该懂得适当的放下,才会轻松,放下心中的枷锁,让自己的心灵自由。 前言前段时间老 w 就和我说了一件隐藏在他内心的一件事,舍,得,放下该怎么做才能放下心中枷锁,才能轻松自在;我迟疑了一会儿没有回复他,因为我也不知道该怎么回复他;因为每个人心中也许都有那么一件放不下,舍不得的事情吧; 老 w 和我说,他常常就在想,“舍得” 该如何做才能算是真正的有舍有得,舍与得对他来讲貌似就是平衡称,只要另一方发生篇量差,那么平衡称就不再平衡;而 “放下” 就是一个积压多年的石头,按理说经过风吹日晒石头会慢慢风化,直至消化掉最后的一块菱角成为漂浮在风中的一粒尘埃,这么多年了这块石头分量经过多年的磨练不减反增; 今年 5...
生活-五年时间的蜕变, 他回来了!
前言我之前就在想 有没有那样的一种人就是:年少轻狂,以自我为中心,当真正回头的那一刻才会放下过去的种种;以另一种身份珍惜剩下的时间,珍惜生活;过下过去,不会再去纠结过去的种种! 心理学有一种就这样的结论:如果一个人的内心很强大,那么他就会很淡然,不会因为一些事情而影响自己,也不会因为一些事情而影响自己。如果一个人内心很脆弱,那么他就会很敏感,会因为一些事情而影响自己,影响自己。如果一个人不愿回忆过去躲避过去,那么他就会很痛苦,痛苦到无法忍受。 近期工作不是太忙,去和老 W 吃了一顿饭,当时我就把我的疑问说了出来:年少轻狂以自我为中心,后面因为一件事放下了过去的种种不会再去折磨自己; 他说这样的人是存在:往往这样人都是很厉害的,折磨纠结自己这么长时间的人,事,物等等;能在较长的时间去忘记,放下,重新开始;不难为一种大智慧; 他后来又和我分享了一件他的事情:老 w...
生活-“舍,得,放” 下之 “舍,得”
序我现在不和人争吵,因为我意识到,每个人只能站在自己的认知角度去思考。所以,如果有人跟你说柠檬时甜的,你只需要对他说似的,那你多吃点。你没必要和别人争辩什么,因为认知不同,所处的角度也不同,做好自己即可;毕竟在乌鸦的世界里,天鹅也是有罪的,认知相同,无需争辩,认知不同何须争辩?思想不在一个高度没必要互相征服,三观在一个层次,微笑就好 前言续接上回说到,老 w 也是经过了很久的思想斗争,将放下的事情,人,物都已经放下;不过他跟我说:“我也不清楚是不是已经放下了,也不知道会不会在梦中梦到曾经的事,但至少这一刻我不会再去因为曾经的事情苦恼与后悔;虽然曾经我后悔过,懊恼过,但这些确实给我的生活带来了很多影响。虽说完全放下在短时间内是不节能的,但是我会保持每天积极向上的心态,不会因为这些事情再去影响我的生活!” 老 w...
生活-我自己拿手好菜-红烧牛肉面
前言灵感来源于生活,只有珍惜生活才能体验到人生的意义; 准备起来 新鲜的牛肉块或者牛肉粒 🥩, 俩碗面条大概 10 粒牛肉粒左右;看自己情况而定; 焯水牛肉用的葱姜蒜料酒 🍷,3 片姜片,斜刀切成 3 块大葱; 新鲜面条 🍜 一盒,当然挂面也是可以的;可以根据自己的口味而定; 又红又大的番茄 🍅,或者可以准备点青菜 🥬,或者可以放点其他的蔬菜 准备开水一壶,后面会用于炖肉 💦 来吧,上手首先先把材料准备好,取出牛肉粒 10 粒左右备用,将焯水的材料葱姜料酒备好,牛肉冷水下锅,加入葱姜料酒,大概 10 分钟左右,将焯出的血沫捞出,这雪沫是有腥味的,把这些腥味捞出就会大大减少自带腥味;牛肉捞出之前先用汤水将牛肉冲洗干净;之后放在盘子里备好; 来吧,起锅烧油,先炒一下牛肉增添几分香味;油热之后,将大蒜,大葱放入锅中,葱味炒出之后将备好的牛肉粒放入锅中,等 8s...
生活-沉浸之后的总结(一)
前言“沉浸”了一段时间,今天再次发博文,心情很是不一样;为什么会“沉浸”一段时间呢? 说来话长了, 本想着每个月发大约 4 篇博文总结,但是近期事情比较多,针对公司业务加班,赶进度,开发对应需求;每天晚上回来几乎都在 9.30 左右,在点个外卖,收拾 卫生,在洗个澡就差不多就 0.00 了,也就没什么时间发文章了; 在几年之前,也就是大约是在刚来上海的那 2...
生活-拍摄三要素
背景为什么会总结拍摄呢? 你可以不会拍照,但是你的学会拍照 拍摄不是为了炫耀,而是为了记录生活。 当然最近我也是在学习拍摄,但是还是有很多东西需要总结,比如: 拍摄三要素: 感光度、光圈、快门 拍摄技巧: 曝光技巧、光圈技巧、快门技巧 构图技巧: 三分线构图、对角线构图、框架式构图等等 … 接下来,总结一下三元素 快门什么是快门?快门是拍摄的三要素之一,快门是控制曝光时间的关键; 快门是相机中 用来控制光线照射感光元件时间的装置, 由薄金属片或一组不透光的叶片组成; 当然可以把快门理解成一道门: 门开启,光线进入,门关闭,光线停止进入 门开启与关闭的时间(快门速度)影响相机的进光量,而从控制照片的曝光; 开门的速度单位为:秒: 比如 1/125 就是一百二十五分支一秒;数值越大, 比如 1/125s < 1/50s < 1/15s < 1s: 快门开启的时间越长,相机进光量越多,画面越亮,反之越小,进光量越少,画面越暗。 快门速度光圈, iso...
生活-沉浸之后的总结(二)
前言自从上次旅游放松过后,我发现了一系列关于自身的问题; 自身的一系列问题大约分为以下几个方面: 自身成长的问题 工作沉淀问题 社交沟通问题 自身的问题还记得刚来上海应该是 19 年 6 月份左右吧,当时也是刚从学校走向社会,没经历过社会的毒打,所以自身成长的问题还是比较严重。 作为一个应届生,想去看看大城市,所以选择了上海,但是由于自身原因,导致自己一直待在舒适区,没有去尝试新的东西,导致自身成长的问题还是比较严重。 刚入第一家公司,因为是小白吗,基本上啥也不会的,所以导致自己一直处于一个比较低效的状态,工作效率也不是很高,一定程度上就当了公司的累赘。还好我的运气本较好,遇到了一个愿意与我交流的前辈,比我大了大概 33 岁左右吧,所以在我工作期间,他给我提了一些建议,让我在技术上有了很大的进步,所以导致我自身成长的问题得到了很大的改善。 那段时间,老 w...
第一章:时光回溯
第一章:时光回溯在一片静谧而庄重的病房中,生命之烛即将燃尽,静静地躺在洁白的床单上。他的眼神不再如年轻时那般锐利,却沉淀着岁月赋予的深邃与宁静。医生和护士们在角落里默默关注,低声交谈着关于他病情的最后评估。此刻,老 w 的心跳声与呼吸声交织成一首生命的挽歌,而他的思绪则穿越时空,展开了一场临终前的回溯之旅。 启。 再一睁眼,回到了 19 世纪 90 年代,发现自己的身躯变小了,软软糯糯的小手的光辉中显得那么可爱。 那个年代农村并没有周岁礼的说法,对于农村的一些习俗我还是比较模糊的。我从懂事起就一直再外面漂泊,高中如此大学也是如此,更何况工作。周岁礼的开始好像是到了 20 年才逐步推广的,相比较于大城市还是要晚一些的,毕竟那个时候农村的消息还是闭塞的。这让我想起了古代的那种飞鸽传书的感觉; 那个年代家里多多少少还是有 80...