博客

优化前：卡得不行 上周接到一个任务，优化公司某个项目的部署性能。说实话，刚打开页面的时候我人都傻了——首屏加载时间超过5秒，切换页面时还会出现明显的白屏。在现在这个网速动辄几百兆的时代，这种体验真的让...

我的写法，亲测靠谱 先说下我的背景吧。这几年我大大小小的项目都搞过CI集成，从GitHub Actions到GitLab CI，再到Jenkins，踩过的坑数都数不过来。最开始也是照着文档生搬硬套，结...

项目初期的技术选型 前段时间接了个需求，需要做一个多Tab切换的页面，用来展示不同分类的数据。这类需求其实挺常见的，但这次有点特殊：数据量比较大，每个Tab下的内容都需要动态加载，并且交互要求还挺高。...

SQL审计踩坑记：这锅我不背 前两天被后端同事叫过去，说是我写的前端代码导致SQL注入问题。我当时就懵了，心想前端怎么会导致SQL注入呢？折腾了半天才发现，原来是接口调用的时候参数处理不当惹的祸。 这...

插件开发，我是这样入手的 说实在的，我刚开始写插件的时候也是一头雾水。摸索了一段时间后，我发现最靠谱的做法是从一个清晰的结构开始。下面这个是我的标准模板，亲测有效： (function(global,...

项目初期的技术选型 最近刚做完一个金融类的移动端项目，客户要求UI风格要贴近主流银行App，交互体验要流畅自然。我第一时间就想到了Mand Mobile，毕竟这是滴滴团队专为金融场景打造的组件库。 选...

为什么我要对比这几个表单方案？ 最近在做一个项目，涉及到复杂的表单逻辑。说实在的，表单这东西看似简单，但一复杂起来真是让人头疼。我之前用过Formik，感觉还不错，但这次需求有点特殊，想看看还有没有更...

为什么我选择了 Event Channel 最近做的一个项目是个商城类的小程序，主流程是商品浏览到下单支付。这个项目有个特殊需求：在商品详情页可以打开一个规格选择的弹窗，用户选完规格后要实时更新父页面...

优化前：卡得不行 最近在做一个即时消息的项目，功能倒是没问题，但性能实在让人头大。一开始用户量少没发现，后来并发多了就原形毕露了。最夸张的时候，收到几十条消息后界面直接卡死，连输入框都点不动。我看监控...

开头直接说：为什么我要对比这几种Anti-CSRF方案 最近在开发一个新项目的时候，遇到了CSRF防护的需求。说实话，Anti-CSRF Token这种东西我之前用过不少次，但这次因为涉及到前后端分离...

项目初期的技术选型 最近刚结束了一个后台管理系统，客户要求实现一个多功能的Modal模态框组件。说实话，当时觉得这需求挺常规的，不就是弹个框嘛。但实际做下来才发现，这里面门道不少。 考虑到项目使用的是...

骨架屏这事儿，为啥我非得比对这几个方案 最近在做项目的时候，碰到了一个需求：页面加载太慢，用户看着白屏等得不耐烦。产品经理跑过来跟我说，能不能加个骨架屏，给用户一点心理预期。说实话，这个需求挺常见，但...

先看效果，再看代码 最近在做一个项目，里面有个需求是展示一个超长的列表，几千条数据那种。直接用普通的 <ul> 渲染？开玩笑，页面直接卡死。于是我翻出了 react-window，亲测有效...

先看效果，再看代码 最近在移动端开发中用到了Lynx，这个库确实让我省了不少心。简单来说，Lynx是一个轻量级的移动端手势库，主要解决touch事件的各种疑难杂症。我第一次用它的时候，直接被它的简洁A...

项目初期的技术选型 这个项目是一个数据可视化平台，客户要求支持复杂的交互和高性能渲染。一开始我纠结于用React还是Vue，但考虑到项目中需要处理大量动态数据，最终选择了Thrust框架。说实话，当时...

谁更灵活？谁更省事？ 最近在开发一个前后端分离的项目时，跨域问题又一次让我头疼。说实话，跨域这个问题我已经遇到过无数次了，但每次场景不同，解决方案也得跟着变。这次正好借机会整理一下我常用的几种方案，顺...

优化前：卡得不行 最近接手了一个老项目，页面加载性能简直让人崩溃。一个复杂的表单页面，首次渲染要5秒多，用户操作时还各种卡顿。特别是用到了大量Decorators装饰器的组件，随便点两下就卡得受不了。...

先看效果，再看代码 最近在团队协作中，我折腾了一套Scrum看板工具，亲测有效，直接提升了我们迭代的效率。简单来说，这套工具就是把需求、任务和Bug可视化，放在一个看板上，让所有人都能一目了然。 下面...

WiFi调试的坑，我终于爬出来了 最近在开发一个移动端项目的时候，遇到个烦人的事——手机上的页面调试。平时用USB连接Chrome DevTools倒是挺顺手，但这次因为一些特殊原因，USB被占用了，...

我的写法，亲测靠谱 先说说我常用的虚拟列表实现方式吧。经过几个项目的实践，我发现基于Intersection Observer的方案最稳定，代码结构也清晰。 class VirtualList { c...