博客

又双叒叕翻车了，npm私有包发布失败 昨晚十一点半，我正准备收工，顺手给一个内部工具库打个新版本发到私有仓库，结果 npm publish 一敲，直接报错： 404 Not Found - PUT h...

我的Table组件写法，亲测靠谱 做后台管理系统，Table组件几乎是必选组件，Ant Design的Table用起来确实方便，但我踩了不少坑。最开始我以为只要把数据传进去就行了，结果发现实际项目里各...

骨架屏的核心，其实就这么几招 之前做项目的时候，首页加载慢得要命，用户体验差到爆。后来加了骨架屏，整个感觉立马不一样了。不过说实话，刚开始搞骨架屏的时候我也踩了不少坑，现在回头看，其实核心就是几个要点...

前端鉴权方案对比：我常用的几种方式都有啥坑 最近在重构一个老项目的鉴权系统，顺便把之前用过的几种前端鉴权方案梳理了一下。说实话，每种方案都有各自的适用场景，但也有不少坑要踩。今天就来分享一下我实际开发...

Self检测，我一般选这种方式 之前做安全防护的时候遇到Self检测的需求，查了不少资料发现方案还挺多的。说实话，刚开始我也搞不清哪种方式更好，折腾了好几个小时才把各个方案摸透。现在回过头看，其实几种...

我的写法，亲测靠谱 说实话，X-Frame-Options这个东西我在实际项目中用得不算频繁，但每次用都是为了堵安全漏洞。最常见的就是防止点击劫持（Clickjacking），这玩意儿真的不能掉以轻心...

说说手势冲突这事 最近在做一个移动端H5页面，碰到了经典的手势冲突问题。滑动列表的时候偶尔会触发底部轮播图的左右滑动，用户体验简直灾难。这个问题其实挺常见的，今天就来对比一下几种常用的解决思路。 我比...

一个让人头疼的数据结构设计 最近做了一个复杂的后台管理系统，涉及到组织架构的层级管理。需求是用户可以在前端随意拖拽节点来调整组织关系，包括把上级节点拖到子级节点下面形成循环依赖。听起来就很危险，但业务...

核心代码就这么几行 先上核心代码，这个rem适配方案我已经用了好几年，亲测有效。整个方案的核心就是这几十行JavaScript代码： (function() { var docEl = documen...

先来感受下Nitro的威力 最近在重构一个老项目，之前用的是传统Node.js Express，部署起来真是麻烦得要死。后来朋友推荐了Nitro引擎，说是可以编译成纯JavaScript文件，部署超简...

优化前：卡得不行 最近搞了个电商项目，接入Google Pay，结果测试的时候发现支付页面慢得要死。优化前首次加载需要5-7秒才能显示支付按钮，用户交互响应延迟明显，特别是Android设备上经常卡顿...

Remote开发：几个主流方案对比，我踩过的坑都在这里了 最近在搞远程开发环境的搭建，说实话，这个领域真的是百花齐放。VS Code Remote、Gitpod、CodeSandbox、GitHub ...

为啥要搞这么复杂的对比？ 最近项目里遇到一个需求，让用户选择省市县三级联动，本来以为很简单，结果发现市面上各种Cascader组件方案五花八门。Element UI的、Ant Design的、还有原生...

今天被Egg.js的中间件顺序坑惨了 又是被Egg.js折磨的一天。今天在开发一个用户认证相关的功能时，突然发现session总是拿不到数据，折腾了快3个小时才搞明白问题所在。 先说结论吧：Egg.j...

优化前：卡得不行 最近重构公司内部的设计系统，之前的版本用起来真的卡得不行。组件库体积超过3MB，页面加载时间动不动就5-6秒起步，有时候还要翻倍。用户反馈特别差，每次打开设计规范页面都得等半天，根本...

先看看实际效果 之前项目里用了Clean Architecture，说实话刚开始觉得挺复杂，各种层啊接口啊绕来绕去的，后来慢慢发现确实有用。特别是当项目越来越复杂的时候，这种架构能帮你理清楚代码关系。...

为什么要做这次DatePicker对比 最近项目里又遇到日期选择器的问题，说实话我已经在不同项目里踩过太多次坑了。有些方案看起来很美好，实际用起来各种问题；有些方案简单粗暴，但能满足大部分需求。所以决...

渲染优化的核心思路，我踩过太多坑了 做了这么多年前端，最让我头疼的就是页面渲染性能问题。说实话，很多人对渲染原理的理解还停留在表面，知道重排重绘这些概念，但真正遇到性能瓶颈的时候还是束手无策。 我之前...

gulp-sass编译失败，折腾了两天才搞定 最近重构一个老项目，想把以前手动合并的CSS改成用Gulp自动化处理。本来以为是个很简单的事情，结果被gulp-sass给坑惨了。项目里有个复杂的样式文件...

优化前：卡得不行 最近做了一个商品列表页面，本来以为很简单的需求，结果上线后发现滚动卡得要死。用户滑动几下屏幕就开始掉帧，FPS直接掉到个位数，那种卡顿感简直让人想砸手机。Chrome DevTool...