随笔文章

前言 项目中会有一些 styleLint、eslint的卡点，是怎么实现的呢？ 1. Husky 当你执行像 git commit 这样的命令时，Git 实际上会在内部查找并执行位于你项目的 .git

今天在看formily，于是想在本地启一个项目来体验一把。 考虑到cra太重了，下载下来得半天，于是乎考虑用vite的脚手架，比较轻量。踩了一些坑，记录一下 创建项目 创建这一步比较顺利，没什么问题，

在文章的开头，我想先抛出一些问题： webpack的热更新功能，需要哪些模块的支持？ 一次热更新周期中，各个模块都做了哪些事情？ webpack中的watchpatch模块做了什么事情？ webpac

APM介绍 前端APM（Application Performance Manage）是对线上运行状况进行监控的一种手段，通过APM能够实时监控线上的脚本异常、页面白屏、网络延迟，以及从各个维度对各个

在上一篇文章写一个Babel插件监听AntD Form中，使用Babel 插件对代码进行静态的转化，虽然过程很艰难，但是到最后还是留下一些问题： Form表单的初始化数据拿不到，需要再处理一下（还需要

为什么要做这件事情？ 开发中遇到的痛点： 我们在使用AntD Form表单提交数据的时候，很难清楚的知道表单中的数据长什么样，比如<GoodsList />这个组件经过用户操作后变成了这样： 于是，我

在日常的h5开发过程中，由于涉及到一些营销相关的内容，所以免不了需要做一些动画效果。个人觉得关键帧动画复用性还是比较高的，所以在这里记录一下，需要的朋友可以自取。 奖励弹窗翻转效果 效果展示： 代码：

前言 setState之后发生了什么事，是一道经常会被问到的问题，在深入解读setState之前，我们先预设几个问题，希望能得到答案。 setState的执行是同步的还是异步的？ 多次执行setSta

背景 在营销的很多需求中，有很多卡片滑动的需求。如：弹窗广告位、分享弹窗、卡片动画等。 之前尝试过Swiper，但是感觉这个库有点大... 选择keen-slider的原因 1. 体积小 keen-s

Webpack的本质 简单点讲，Webpack本质上就是一个静态资源打包工具，将不同类型的资源打包成一个bundle文件。 原理分析 我们通过一个简单的例子，从宏观的角度上理解Webpack所做的事情

小程序开发踩坑记录 最近在小程序端开发一个营销活动，感觉开发起来比较吃力，乘着刚开发完，复盘总结一下这几天的开发、修bug过程。我们这边使用Taro的框架，来同时生成支付宝小程序和微信小程序。 小程序

了解前端路由，实现一个mini-react-router 前言 自从React、Vue、Angular框架盛行之后，大部分的前端工程都从由传统的多页面应用转型成单页面应用。且不讨论单页面应用和多页面应

TypeScript体操，手动实现一些TS语法 前言 TypeScript是JavaScript的超集，TypeScript 通过对原生 JavaScript 提供强类型加持，在很大程度上提升了代码质

前言 在写这篇文章之前，首先提出几个问题： 浏览器事件循环的流程是怎么样的？ RequestAnimationFrame回调的执行时机是在哪个阶段，执行频率是怎么样的？是否属于宏任务？ 为什么说set