1. 构建速度优化使用 webpack5 持久化缓存，能明显提高构建速度，webpack4可以使用cache-loader使用 lazyCompilation 可以懒编译，能明显提高开发构建速度约束loader的include和exclude，可以跳过某些编译。使用module.noParse 可以跳过对某些文件的编译，因为有些三方库是已经编译过的，并且没有 …
最新内容
摇树优化Tree Shaking是Webpack里非常重要的优化措施，它的优化效果在Webpack 5中又得到了进一步的提升。Tree Shaking可以帮我们检测模块中没有使用到的代码块，并在Webpack打包时将没有用到的代码块移除掉，减小打包后的资源体积大小。它的名字也非常形象，通过摇晃树把树上干枯无用的叶子摇掉。01使用Tree Shaking的原因 …
规则01：尽量减少HTTP请求前端优化的黄金准则指导着前端页面的优化策略：只有10%-20%的最终用户响应时间花在接受请求的HTML文档上，剩下的80%-90%时间花在为HTML文档所引用的所有组件（图片、脚本、样式表等）进行的HTTP请求上。因此，改善响应时间的最简单途径就是减少组件的数量，并由此减少HTTP请求的数量。当然很多人就会说，既然这样，那我们就 …
1、如何进行前端性能优化？（必会）1.1、减少 http请求减少 HTTP 请求的方案主要有：合并 JavaScript 和 CSS 文件、合并图片 CSS Sprites、图像映射（Image Map）和使用Data URI 来编码图片，图片较多的页面也可以使用 lazyLoad 等技术进行优化。1.2、减少对 DOM的操作修改和访问 DOM 元素会造成页 …
Flet 是一个框架，允许使用 Python 构建网页、桌面和移动应用程序，而无需具备前端开发经验。下面使用vscode，编写第一个flet程序吧。第一步，安装flet框架pip install flet第二步，在vscode中新建文档 demo1.py，并敲入以下代码import flet as ftdef main(page: ft.Page):page …
在职场的早期阶段，许多新人可能会对那些看似“脏活累活”的任务感到畏惧，认为这些工作与自己的专业技能无关，甚至可能影响职业发展。然而，这些任务实际上可能是宝贵的成长机会。在职场的起步阶段，我们大多都有些谨慎，习惯在自己的小范围内把每件事做到尽善尽美。尤其是刚入职的同学，往往会将大部分时间花在完成本职工作上，希望通过精益求精的表现来证明自己的价值。包括我刚入职也 …
一、引言随着Web技术的不断发展，用户对于网页交互性和响应速度的要求越来越高。传统的多页面应用（MPA）在每次跳转时都需要重新加载整个页面，这不仅消耗了大量网络资源，也给用户体验带来了不便。相比之下，单页面应用（Single Page Application, SPA）通过异步加载数据和动态更新部分视图，能够提供更加流畅的用户体验。本文将探讨如何构建一个高效 …
近期发现很多小伙伴的简历难以区别于其他人，项目比较单一。比如有小伙伴没接触过小程序开发、脚手架开发、图片编辑器、数据大屏等开发。我一般都是建议多找找一些开源项目，学习掌握透彻后，也可以参与贡献代码，可以写到简历上（如果公司想招有类似项目经验的就会加分）。github上有很多开源项目，平时多积累学习，真正需要时，不至于束手无措。后续也会多推荐一些实用的开源项目 …
转眼我已经工作五年，辗转三家公司，在工作的第五年，终于如愿进入了大厂，生活也发生了些许变化。所以，恰逢工作五年，也聊聊工作五年的感悟~前端工程师的价值是什么？很多同仁思考过这个问题，我也一直在思考前端开发岗位的价值，程序员在一个公司的定位是什么，互联网技术人员的发展之路，应该走向何方?阅读了无数人的故事，吸收了无数人的观点，我隐隐约约悟出八个大字，“具体问题 …
一、引言随着Web技术的发展，现代前端项目变得越来越庞大和复杂。为了提供更好的用户体验以及优化网站加载速度，开发者们不断寻找新的方法来改善前端项目的构建流程。其中，前端打包（Bundling）与代码分割（Code Splitting）是两种非常重要的技术手段。本文将探讨这两种技术的概念、优势及其实现方式，并通过实际案例来说明它们如何帮助我们构建更高效的Web …