前端工程化

前言 上一篇我们已经围绕“网络层面”探索页面性能优化的方案，接下来本篇围绕“浏览器渲染层面”继续开展探索。正文开始前，我们思考如下问题： 渲染关键环节 优化原则 我们了解“页面渲染关键环节”后，便可知

前言 前面篇章我们分析了“从输入URL到页面加载完成”的完整链路，主要经历“网络请求、浏览器渲染”两大过程，那么优化方案我们可以围绕这两方面展开探索，此篇我们先来看“网络层面”的优化方案。正文开始前，

前言： 思考1：“从输入URL到加载完成”，经历了哪些过程？ 这个问题，相信大多数前端开发面试常被问到。我们在探索性能优化方案前，必须先弄清楚这个问题，了解页面加载到渲染的完整机制，才能找到有效的优化

前言 用户角度的性能指标 用户感知的指标 感知的加载速度：网页加载并将其所有视觉元素呈现到屏幕的速度 加载响应速度：网页加载和执行任何必需的 JavaScript 代码的速度，以便让组件快速响应用户互

前言：低代码的价值 低代码是什么？ 低代码平台，是基于丰富的物料市场（基础组件、区块代码、业务模板等），通过拖拉拽配置快速开发应用程序的系统，介于无代码和全代码之间。 无代码 低代码 全代码 1.使用

前言 前面篇章我们已经完成了开源组件库编码，接下来需要做的是打包发布到 NPM 上。编译打包 组件库需要做 2 种打包方式：全量打包、单组件打包，以提供给第三方调用者灵活选择。

前言：单元测试的意义 单元测试，是软件开发白盒测试中的一种测试方式，用于测试程序中的最小单元模块，比如函数、方法或类。它的意义与价值如下： 提高代码质量：单元测试可以帮助开发人员及时发现代码中的bug

前言：知识储备 TSX 定义组件 选择 TSX 来开发组件，可以更加灵活地使用 render 函数，动态创建组件，同时也方便使用 TS 来控制参数/变量的类型。 使用 TSX 定义组件有几种常用的方法

前言：开源知识 如何给开源项目提PR，成为Contributor？ Vue3组件库概要设计 背景 为了统一企业管理系统或中台产品的视觉风格，提升开发效率，尽可能减少组件的重复开发工作，我们需要打造一套

前言：react和vue选哪个 前端框架经过十多年的争奇斗艳百花齐放，经历了JSP、jQuery、Ember、Angular、React、Vue等，如今逐渐进入稳定发展阶段，剩下了2个最具影响力的框架

「这是我参与11月更文挑战的第1天，活动详情查看：2021最后一次更文挑战」 前言 前端工程化，简而言之就是软件工程 + 前端，以自动化的形式呈现。就个人理解而言：前端工程化，从开发阶段到代码发布生产

回忆往昔岁月，我做前端开发至今已3年有余，做过的项目大部分都是业务需求迭代，技术优化经验相对较少。去年承蒙leader信任，给予机会开始做公司项目的技术优化。技术优化的首次任务，就是对整体前端项目进行性能优化（编译优化+构建体积优化）。 项目简介：我们团队主要做的是SaaS项目…

Webpack是当下最热门的前端资源模块强大打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生成环境部署的前端资源；还可以将按需加载的模块进行代码分割，等到实际需要再异步加载。在使用webpack时，如果不注意性能优化，非常大的可能产生性能问题。性能问题主要分为开发时构…

前言：软件工程 背景 早些年，当软件系统变得越来越复杂时，软件开发如果没有一定方法、一定规范对项目进行管理，这样很容易会出现工期延期，甚至造成整个项目无法上线。于是先辈们才会提出软件工程

开发一款可以压缩构建资源为zip包的webpack插件。 开发webpack插件，可以让我们从webpack配置工程师，深入理解webpack工作机制及原理，然后走向webpack开发工程师。那选择开发压缩打包zip的webpack，是因为项目部署经常需要将编译构建的项目打包成…