webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

前端章鱼猫从 2016 年加入 GitHub，到现在的 2020 年，快整整 5 个年头了。 相信很多人都没有逛 GitHub 的习惯，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 从 201…

今天跟经理谈了涨薪的事情，经理让我写一份述职报告，然后公司做个评估。接下来，就跟大家分享下我的述职报告，欢迎各位感兴趣的开发者阅读本文。 自2019年9月份至今，我作为项目中心前端组的负责人，在x总和xx的帮助下，我采用新的方式对前端组员进行相关培训，让他们快速掌握了用公司框架…

为了方便自己以后维护，以及后面的人能够更快的阅读你的代码，我们每个人都应该对自己的代码有洁癖。本文主要讨论代码的可读性、可拓展性、可复用性，最终目的是让别人看完你的代码，不会说这写的是啥呀！

然而入门简单并不意味着前端这碗饭很好吃，做惯了切图、布局、扣特效的前端新同学在向前发展的路上越来越觉得吃力，而没有任何编程思想和软件开发基础很多人对前端工程化、组件化、模块化、自动化、MVC、MVVC

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

本教程主要讲解了怎么使用 Jenkins 和 Github Actions 部署前端项目。 第一部分是使用 Gitea 配置局域网 git 服务器，再使用 Jenkins 将 Gitea 下的项目部署到局域网服务器。 第二部分是使用 Github Actions 将 Githu…

本文用 Vue 项目做示范。 利用 Vue-CLI 创建项目时要将 ESlint 选上，下载完依赖后，用 VSCode 打开项目。 配置完之后，VSCode 会根据你当前 Vue 项目下的 .eslintrc.js 文件的规则来验证和格式化代码。 test/ src/ 是你要校…