博客

优化前：卡得不行 最近接手了一个老项目的安全优化任务，说白了就是修复各种安全漏洞。其中最让我头疼的是XSS攻击防护这块。之前系统完全没考虑HttpOnly标志，所有的cookie都是普通的sessio...

Postman环境变量那点破事儿 今天又被Postman的环境变量搞了一脸懵逼，本来以为很简单的事情，结果折腾了快两个小时。主要是项目里有多个环境要切换，本地开发、测试服务器、预发布环境，每次切换都要...

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

微前端项目中样式隔离的各种坑 最近重构老系统，用了qiankun做微前端，结果样式冲突的问题把我搞得够呛。主应用和子应用之间的样式互相影响，各种奇怪的显示问题，花了不少时间才搞定。 一开始想简单了 最...

我的写法，亲测靠谱 说实话，drop事件我用得不算多，但每次用都踩坑。后来我发现问题出在我没理解drag和drop的完整流程。很多人光听别人说"阻止默认行为"，但不知道为什么要阻止，默认行为到底是什么...

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

核心代码就这几行 最近项目里需要做一批Tooltip组件，之前都是用现成的UI库，这次想自己手写一个练练手。说实话，看似简单的文字提示，里面有不少坑，折腾了半天才搞定。 先说最基础的实现，就是鼠标悬停...

我的MSE写法，亲测靠谱 搞了几年MSE，从最初看MDN文档一脸懵逼到现在能熟练使用，中间踩了不少坑。我一般这样处理MSE流媒体播放： class MSEPlayer { constructor(vi...

为什么突然要研究W3af？ 最近做安全测试的时候，团队里有人提到了W3af这个工具。说实话，我之前主要用Burp Suite和OWASP ZAP，对W3af了解不多。但既然同事推荐了，就想着对比一下看...

这次要对比的是前端打包工具的几大流派 最近几个项目重构，重新梳理了一下前端打包工具的选择问题。说实话，这几年工具链变化太快了，我也是从 webpack 一路摸爬滚打过来的。现在新项目要不要还用 web...

二次打包这个坑，我真的踩得有点惨 前两天遇到一个需求，需要把现有的一个H5项目重新打包，换一套配置参数发给客户测试。听起来很简单吧，结果这一搞就是三天，各种奇怪的问题层出不穷。 最开始我想着直接修改p...

我的写法，亲测靠谱 FormData 这玩意儿，说简单也简单，说复杂也复杂。我之前做文件上传功能的时候，被它折腾得够呛，后来慢慢摸清了一些门道。 最开始我喜欢这么写： const formData =...

我的写法，亲测靠谱 用ResizeObserver这么久，我发现很多人还是在瞎写。我先说说我现在固定用的写法： class ResponsiveElement { constructor(elemen...

权限缓存的核心代码就这么几行 最近重构了一个老项目，权限管理这块之前写得乱七八糟，每次进入页面都重新请求权限数据，用户体验差得要命。这次直接搞了个权限缓存系统，效果立竿见影。 先上核心代码： clas...

性能监控的核心数据怎么拿？ 前端性能优化绕不开页面加载时间统计，这个数据直接影响用户体验。我之前做个项目，老板天天问页面到底多快，用户等待时间长不长，后来直接上了Performance API来精确测...

这次项目又碰到了CORS，真是老朋友了 最近接手了一个新的项目，前端Vue + 后端Node.js的架构。项目刚开始没多久就遇到了那个熟悉的老朋友——CORS跨域问题。其实按理说这问题我已经处理过无数...

终于搞定了，ProTable动态列显示把我折腾惨了 上周遇到个需求，表格需要根据权限动态显示某些列，本来以为Ant Design Pro的ProTable应该很好搞定，结果发现事情没那么简单。这里我踩...

我的写法，亲测靠谱 搞移动端拖拽这块，我踩过的坑能写一本书了。最早的时候就是直接用touch事件写，后来发现各种卡顿、冲突问题层出不穷。现在我一般用这个套路，稳定得很。 class Draggable...

这次性能优化真的把我折腾惨了 最近接了个老项目重构的任务，说实话，接手的时候就知道会有不少坑。这个项目原本是个电商后台系统，用户量不算特别大，但响应速度慢得要命，特别是列表页面经常卡顿，用户体验很差。...

Cursor定制的核心玩法，我是这样玩的 最近在做项目的时候，突然发现光标样式其实是个挺重要的用户体验点。以前就是简单的pointer和text，现在想想还是太嫩了。经过几个项目的折腾，我总结了一套比...