前端工程化

Vue3 封装不定高虚拟列表 hooks，提高复用性，支持第三方库 Select、Table 组件和自定义组件。

前言 最近有小伙伴在开发新项目时遇到了一些问题，从中挑出两个比较通用的问题分享出来，有需要的小伙伴可以参考参考： 项目开发后期接到通知需要统计页面所有文案内容交由业务方进行统一翻译，同时等待业务翻译完

前言 事情的起因是这样的，由于 小 A 需要负责开发一个 H5 移动端的项目，需要分别在 微信环境 和 企微环境 中去使用，于是 小 A 使用 Vite + Vue3 来进行开发，然后测试提出如下问题

前言 前段时间有朋友抱怨总是忘记打卡，能不能提供给他自动化签到脚本实现 一键自动化打卡，如 网页打卡、APP（如 钉钉）打卡 等（好好好，程序员的朋友都是万能系列~），于是决定鼓捣一番。 其中 APP

前言 由于之前的国际化的项目中总是要统计老项目中待翻译的内容，然后再交由业务进行翻译，如果总是人为统计不仅相当耗费精力和时间，而且还不能保证是否有遗漏，因此想通过编写一个 i18n-helper 插件

前言 H5 移动端 开发的必不可少的一个环节就是 移动端网页的适配，因为 UI 通常只会提供 大小固定的设计稿，而各种不同移动设备具有不同的页面分辨率和大小，所以适配的目的就是让一份设计稿在不同移动设

前言 上周在群里突然被 @ 要我查看生产上出现的问题，由于这个项目比较老 (React15)，既没有埋点也没有接入错误监控，于是会得到如下的这样一个提示信息（以下错误是本地模拟的实际生产效果）： 当你

前言 前段时间由于要实现 H5 移动端拉取微信卡包并同步卡包数据的功能，于是在项目中引入了 微信 JS-SDK（jweixin） 相关包实现功能，但也由此让我对其产生了好奇心，于是打算好好了解下相关的

前言 相信不少人因为项目中没有接触过数据埋点相关的内容，而没有花时间去了解它，总觉得这又是一个自己还不能涉及的方面，然而数据埋点本身并不难理解，只是很难做得好，本文会从 认识数据埋点 SDK、设计前端

前言 在上篇 2022 你还不会微前端吗 (上) — 从巨石应用到微应用 中已经了解了微前端的由来和基本使用，也提到了一些相关的原理，本篇文章为下篇主要从原理层面进行解析，然后再自己实现一个包含核心部

前言 微前端系列分为 上/下 两篇，本文为 上篇 主要还是了解微前端的由来、概念、作用等，以及基于已有的微前端框架进行实践，并了解微前端的核心功能所在，而在 下篇 中主要就是通过自定义实现一个微前端框

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情。 前言 在之前的 如何优化你的 vue-cli 项目？ 一文中介绍基于 webpack 进行的一些优化方法

前言 最近在通过 vite 简单的创建了 handWritten 项目，主要就是用于实现和记录一些关于 JavaScript 手写相关的内容，起初为了简单没有集成 Vitest（主要还是不太想写测试用

前言 到现在为止，已经有不少团队和项目都已经正式使用 vue3 + vite + typescript 进行企业级的项目开发了，本文主要介绍下如何搭建一套相应的前端工程化项目环境，终是 “纸上得来终觉

前言 在日常开发中，最容易让人注意的就是项目编译打包的时间，特别是在较频繁打包部署时，这个时间显得很漫长。 例如：之前接手的一个项目 "冷启动" 时编译过程花费了约 86 秒： 这能忍吗？显然不能，于

「这是我参与2022首次更文挑战的第2天，活动详情查看：2022首次更文挑战」 前言 虽然在实际项目当中很少会从 0 到 1 配置一个项目，毕竟很多重复工作是没有必要的，脚手架将这些重复性的工作进行了

前言 实现 myWebpack 主要是为了更好的理解，webpack 中的工作流程，一切都是最简单的实现，不包含细节内容和边界处理，涉及到 ast 抽象语法树和编译代码部分，最好可以打印出来观察一下，

前言 本文主要针对 webpack 中的 laoder 和 plugins 进行学习，不涉及如何使用和配置 webpack，因为这些基础在官方文档中已经很明确了，重点在于如何去实现属于自定义的 lao