前端工程

此分类共 7 篇文章。

• 大型运营活动的预渲染实践：用 SSG 改善首屏体验

  2026 年 11 月 11 日

  以一次大型运营活动为例，介绍构建期预渲染的方案选型、Vite与Puppeteer实现，以及页面接管、WebView适配、动效同步、换肤和多路由处理，为首屏性能优化提供实践参考。

• 没想到你是这样的npm install

  2021 年 11 月 16 日

  前言使用npm install这个条命令对于我们前端开发者来说应该是形成“肌肉记忆”，之前一直对 npm 的相关知识停留在“会用”的阶段，但是内部的原理却不甚了解。直到项目中出现了一次由 npm 包引起的问题后，才开始下决心对 npm 包其中的工作流程做一个详细的梳理。 npm install 大概会经过以下图例中的几

• 测一测你的代码：关于前端自动化测试

  2021 年 9 月 6 日

  开篇：我们需要自动化测试吗所谓自动化测试就是把人对软件的测试行为转化为由机器执行测试行为的一种实践，对于最常见的 GUI 自动化测试来讲，就是由自动化测试工具模拟之前需要人工在软件界面上的各种操作，并且自动验证其结果是否符合预期。 你是不是有点小激动？这似乎开启了用机器代替重复手工劳动的自动化时代，你可以从简单重复劳动

• 在WEB项目中防御XSS攻击

  2020 年 5 月 4 日

  在WEB项目中防御XSS攻击 所谓XSS攻击就是开发者在网站开发时提供了用户的输入入口中输入可执行代码或标记语言（当然本意可能只是想让用户输入文本），并且该内容能够直接在网页中执行（例如在VUE中提供的v-html指令）时，攻击者利用该漏洞，注入一些恶意代码攻击该网站的用户。

• VueCli构建工具

  2019 年 8 月 7 日

  一、VueCli构建工具如果我们所有的项目都像原来那样配置，难免过于繁琐。所以Vue官方提供了一个构建工具——VueCli来快速构建一个工具 。他可以帮助我们快速安装webPack的插件、loader等等配套的包。以及帮我们自动化构建配置目录等等。

• WebPack打包工具

  更新于:2019 年 8 月 7 日

  一、模块化开发1.1 关于模块化模块化是现在Web前端开发的趋势，它可以解决以前Js多文件协同开发会出现的命名问题等等。 再模块化下，每一个Js文件都是独立的文件，每个独立的js文件可以导入和导出数据。 像在Node.js环境下用CommonJS开发流程一样，ES6也制定了一些关于模块化开发的标准以保证他们可以再浏览器

• Hexo搭建手册

  2018 年 7 月 25 日

  起源： 博客是一项被我误认为已经快消失殆尽的信息表达形式，简直是上一个时代的东西。直到大一，自己对博客才有了一个全新的认识，好记性不如烂键盘，博客可以详细的记载下在学习过程中遇到的那些扎心知识点和自己对其的见解。并且可以展示出来，这样假如有错误也能够最快程度的发现。因此萌生了一个自己建一个博客的想法。 后来接触了CSD