在日常的前端开发中，我们常常借助各种基于 Node.js 的脚手架工具来加速项目搭建和维护，比如 create-react-app 可以一键初始化一个 React 项目，es...
发简信
IP属地：上海
-
Node.js 构建命令行工具：实现 ls 命令的 -a 和 -l 选项 -
重构案例：将纯HTML/JS项目迁移到Webpack我们已经了解了许多关于 Webpack 的知识，但要完全熟练掌握它并非易事。一个很好的学习方法是通过实际项目练习。当我们对 Webpack 的配置有了足够的理解后，就可以尝试...
-
前端模块化进化史：从全局 function 到 ES Modules目前，前端开发已经离不开由 CommonJS、ES Modules 和 Webpack 构建的模块化开发环境。无论是 JavaScript、CSS、图片还是其他资源，都可以作...
-
全面掌握 Jest：从零开始的测试指南（下篇）在上一篇测试指南中，我们介绍了Jest 的背景、如何初始化项目、常用的匹配器语法以及钩子函数的使用。这一篇篇将继续深入探讨 Jest 的高级特性，包括 Mock 函数、异步请...
-
全面掌握 Jest：从零开始的测试指南（上篇）随着JavaScript在前后端开发中的广泛应用，测试已成为保证代码质量的关键环节。 为什么需要单元测试 在我们的开发过程中，经常需要定义一些算法函数，例如将接口返回的数据转...
-
从0到1：React项目中的Webpack配置实战
公司项目一般都是使用集团封装好的脚手架，脚手架内部实现咱看不到也摸不着，好不容易组内推行新的UI框架，需要自行定义 webpack 配置，这可是个绝佳的好机会，我对配置过程进...
-
React+TypeScript 组件库开发全攻略：集成Storybook可视化与Jest测试，一键发布至npm平时我除了业务需求，偶尔会投入到UI组件的开发中，大多数时候只会负责自己业务场景相关或者一小部分公共组件，极少有从创建项目、集成可视化、测试到发布的整个过程的操作，这篇文章就...
-
轻松实现H5页面下拉刷新：滑动触发、高度提示与数据刷新全攻略前段时间在做小程序到H5的迁移，其中小程序中下拉刷新的功能引起了产品的注意。他说到，哎，我们迁移后的H5页面怎么没有下拉刷新，于是乎，我就急忙将这部分的内容给填上。 本来是计...
-
抽丝剥茧：详述一次DevServer Proxy配置无效问题的细致排查过程事情的起因是这样的，在一个已上线的项目中，其中一个包含登录和获取菜单的接口因响应时间较长，后端让我尝试未经服务转发的另一域名下的新接口，旧接口允许跨域请求，但新接口不允许本地...
-
构建动态交互式H5导航栏：滑动高亮、吸顶和锚点导航技巧详解功能描述 产品要求在h5页面实现集锚点、吸顶及滑动高亮为一体的功能，如下图展示的一样。当页面滑动时，内容区域对应的选项卡高亮。当点击选项卡时，内容区域自动滑动到选项卡正下方。...
-
pnpm 管理依赖包是如何节省磁盘空间的？npm 存在的问题 我们经常使用 npm 来管理 node 项目中的包，从 package.json 中读取配置将依赖下载到本地，以保障项目的正常运行。 当项目数量多时，这样...
-
antd/fusion表格增加圈选复制功能背景介绍 我们存在着大量在PC页面通过表格看数据业务场景，表格又分为两种，一种是 antd / fusion 这种基于 dom 元素的表格，另一种是通过 canvas 绘制的...
-
PC首页资源加载速度由8s降到2s的优化实践随着需求的不断开发，前端项目不断膨胀，业务提出：你们的首页加载也太慢啦，我都需要7、8秒才能看到内容，于是乎主管就让我联合后端开启优化专项，目标是3s内展示完全首页的内容。 ...
-
为react项目添加开发/提交规范（前端工程化、eslint、prettier、husky、commitlint、stylelint）因历史遗留原因，接手的项目没有代码提醒/格式化，包括 eslint、pretttier，也没有 commit 提交校验，如 husky、commitlint、stylelin...
-
GIT保存记录原理之commit对象GIT 中提交对象非常的重要，我们通过它记录代码提交过程、进行文件保存、回退等操作，那么它是怎样帮助我们记录这些信息的呢？其实就是都保存在项目根目录的 .git 文件夹中。 ...
-
关于预处理器 sass 的超全用法随着用户需求的增加，应用于页面的 css 代码越来越复杂越发臃肿难以维护，但是又没有 css 的替代品，css 预处理器作为 css 的扩展，出现在前端技术中。 sass 是...
-
预处理器 Less 的十个语法Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。 不过浏览器只能识别 ...
-
去中心化组件共享方案 —— Webpack Module Federation（模块联邦）
在大型应用中， 我们可能会对其进行拆分，分成容器、主应用和多个子应用，使拆分后的应用独立开发与部署，更加容易维护。但无论是微应用、公共模块应用，都需要放到容器中才能使用。 如...
-
JavaScript中单例模式这样用如果希望自己的代码更优雅、可维护性更高以及更简洁，往往离不开设计模式这一解决方案。 在JS设计模式中，最核心的思想：封装变化（将变与不变分离，确保变化的部分灵活，不变的部分稳...
-
从 HTTP/1.1 到 HTTP/3从 HTTP/1.1 到 HTTP/3，解决了一些旧协议的问题，引入了好用的新功能。 HTTP/1.1 HTTP/1.1 通过在传输层和应用层之间增加 SSL/TSL 解决数...