工具

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

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

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

Chrome DevTools Network面板那些坑 昨天调试一个接口请求问题，折腾了一上午才发现自己Network面板设置有问题。这里记录一下我踩的几个坑，免得以后再犯同样的错误。 缓存导致的问...

关于ignore文件，其实没太多好对比的，但有些细节还是得聊聊 最近帮几个新同事配置项目环境，发现他们对各种ignore文件的理解还停留在初级阶段，就想着把这块儿的经验整理一下。虽然ignore文件看...

Plugin API 方案对比：我踩过的那些坑 最近重构了一个老项目的插件系统，本来以为就是简单的模块化改造，结果各种方案对比下来，发现这里面的门道还挺多的。之前用过几种不同的 Plugin API ...

项目初期的技术选型 最近接手了一个团队协作的前端项目，需求挺急的，几个小伙伴一起开发。刚开始大家都是各玩各的，本地代码管理全靠复制粘贴，版本控制基本等于没有。结果第一次合并代码的时候就炸了，冲突解决了...

我的写法，亲测靠谱 搞Parser解析器这玩意儿，我踩过不少坑。最早接触的时候，总觉得这是高大上的东西，非得弄得很复杂。后来做项目多了才发现，其实核心就那么几个套路，掌握了就能解决大部分问题。 我一般...

Mobile调试真让人头疼，Chrome DevTools各种不好使 上周在做一个移动端项目，本来以为Chrome DevTools的移动设备模拟器够用了，结果各种奇怪问题根本定位不到。页面在PC浏览...

线上HTTPS部署踩坑记 昨天帮客户部署一个新项目到生产环境，本以为很简单的事情，结果SSL证书这里折腾了我整整一天。本来想用Let's Encrypt免费证书，结果各种问题层出不穷。 一开始我按照平...

VS Code代码片段的那些坑，折腾了我一整天 今天又被VS Code的snippets折磨得够呛。本来想给团队搞一套统一的React组件模板，结果各种问题层出不穷。先说结论吧，最后搞定的效果还不错，...

优化前：CI流水线慢得要命 最近把项目迁移到新的CI/CD流程，结果发现构建时间从原来的3分钟拖到了快8分钟，每次提交代码都得等半天，简直要命。最恶心的是测试阶段，光跑单元测试就要花4分多钟，感觉整个...

先来个完整的Demo跑起来 别整那些虚的，直接看代码跑起来什么效果。Library模式就是把你的代码打包成一个可以直接引用的库文件，比如jQuery那种，在script标签里引入就能用了。 // we...

先看效果，再看代码 最近项目里需要做一个自动提交代码的功能，说白了就是前端触发Git操作。听起来挺简单的，实际上手就发现一堆坑。我之前都是在本地手动敲命令，现在要在程序里自动化，那就不一样了。 首先得...

关于ignore文件，其实没那么多花里胡哨的玩意儿 写这篇主要是最近组里新来了几个实习生，在gitignore配置上各种迷迷糊糊的。本来以为就是个简单的忽略文件配置，结果发现很多人连基本的概念都搞不清...

这次的组件封装让我想重新学Vue 最近在重构一个项目的时候，被组件封装给折腾得够呛。说实话，我之前写组件都是能跑就行，也没太在意复用性和扩展性。结果这次遇到的需求稍微复杂一点，之前的写法完全不够用了。...

今天又被Args参数搞懵了 今天在重构一个Node.js CLI工具的时候，碰到了args参数处理的各种诡异问题。说实话，以前都是复制粘贴别人的代码，从来没仔细研究过这块，结果今天彻底翻车了。 问题是...

为啥要对比这些插件方案？因为坑太多了 做前端这些年，插件系统的选型真是让我踩了不少坑。之前做过一个需要大量第三方集成的项目，光是插件机制就重构了三次，每次都以为找到完美方案了，结果上线后各种诡异问题。...

我的写法，亲测靠谱 用了几年Docker Compose，我发现很多人写yaml文件还是按照传统的docker run那种思路，一个容器一个文件，最后项目一复杂就乱得不行。我现在都是把相关的服务打包在...

postcss-nested到底怎么用，折腾了一下午才搞明白 今天在重构项目样式的时候，想把sass换成postcss配合postcss-nested来实现嵌套语法，结果折腾了一下午才搞明白怎么配置。...