博客

项目初期的技术选型 最近刚结束了一个中型的电商项目，团队规模不大，前后端加起来也就十来个人。因为是远程协作开发，沟通成本特别高，所以一开始就想着在团队协作工具上多下点功夫。 最开始我们用的是比较传统的...

项目背景和敏感信息问题的由来 最近做了一个电商后台管理系统，涉及到订单、用户数据的管理。开始觉得不就是个普通的 CRUD 项目嘛，结果上线后发现敏感信息泄露的问题挺严重的。用户的手机号、地址这些隐私数...

JSBridge的核心用法，我的写法亲测靠谱 在移动端开发中，JSBridge可以说是H5和Native交互的桥梁。我一般会先定义一个简单的封装方法，避免直接调用window下挂载的方法。以下是我常用...

先看效果，再看代码 抽屉编辑（Drawer Edit）最近在我的几个项目里用得挺多，尤其是后台管理系统。简单说就是点击一个按钮，从屏幕边缘滑出一个抽屉式的表单，用来快速编辑内容。亲测有效，用户体验不错...

优化前：卡得不行 前段时间接手了一个用Rematch做状态管理的项目，说真的，刚运行起来的时候简直怀疑人生。首屏加载慢得离谱，切换页面的时候UI直接卡住不动，动一下就跟幻灯片似的。最夸张的一次，整个应...

项目初期的技术选型 这个项目是个内部管理平台，需求不算复杂，但要支持PC端和移动端。一开始我们团队纠结了好几天，到底是用Vue CLI搭一个自定义框架，还是直接上现成的UI库。后来我发现Quasar框...

Symbol到底是个啥？我的理解是这样 刚接触Symbol的时候，我其实挺懵的。这玩意儿说白了就是个独一无二的值，但它偏偏不是字符串，也不是数字。直接看代码吧： const sym1 = Symbol...

项目初期的技术选型 这个项目是一个电商后台管理系统，主要功能包括商品管理、订单处理和数据分析。刚开始设计界面布局时，我就意识到需要一个灵活的容器组件来承载这些复杂的功能模块。 我选择了基于CSS Gr...

热力图选型：这几个方案我都试过，直接说结论 最近在项目里用到了热力图功能，说实话一开始我也纠结了很久到底选哪个方案。试了几个主流的实现方式后，我的结论是：如果追求开箱即用和性能，我比较喜欢用 heat...

项目初期的技术选型 最近刚结束一个数据预览的模块开发，想和大家分享下我的踩坑经历。这个项目是给一家电商公司做后台管理系统，他们需要在商品管理页面快速查看不同维度的数据详情。 开始我纠结是用现成的第三方...

先说结论：漏洞扫描工具选型 最近在项目中折腾了一圈漏洞扫描，直接说我的选择吧——OWASP ZAP 和 Burp Suite 是目前最主流的两款工具。个人更推荐 OWASP ZAP，开源免费，功能也够...

先看效果，再看代码 SAML（Security Assertion Markup Language）这玩意儿，说白了就是一种单点登录（SSO）的技术。我最近在项目里用它实现了用户通过第三方系统登录的功...

直接上代码，快速搞定Open Graph 最近在优化一个项目分享功能时，用到了Open Graph协议。简单说，它就是让网页在社交媒体分享时能展示好看的预览卡片。下面是我亲测有效的基础代码： <...

我的写法，亲测靠谱 最近在项目里处理敏感信息过滤，折腾了好几轮，终于整理出一套还算顺手的方案。说真的，这个需求乍一看挺简单，但实际操作起来坑真不少。 先上核心代码吧： function filterS...

优化前：卡得不行 最近接手了一个移动端项目，功能其实不复杂，就是个带列表的页面。但问题来了，滚动的时候卡得受不了，尤其是快速滑动时，整个页面就像被冻住了一样。试了几次发现，只要手指在屏幕上滑动，界面就...

又一个并发控制的坑，我来填 前几天在做一个批量数据处理的功能时，遇到一个特别棘手的问题。简单说就是同时发了太多请求，直接把服务器给干崩了。这里我踩了个大坑，折腾了大半天才搞定，今天就来聊聊这个事。 事...

我的写法，亲测靠谱 先说说我在用MVC时的一些心得吧。我一般喜欢把控制器（Controller）弄得尽可能轻量，主要负责接收请求和返回响应，具体业务逻辑交给服务层去处理。这样做的好处是代码更容易测试，...

先抓个包，直接上手 Charles这玩意儿，说白了就是个HTTP代理工具。刚接触的时候觉得挺复杂的，折腾了一下午才搞明白怎么用。不过现在用熟了，感觉真是调试接口、分析网络请求的神器。 最简单的用法：先...

先看效果，再看代码 最近在优化一个数据量超大的表格组件，渲染几千条数据的时候页面直接卡死。折腾了半天，发现时间分片（Time Slicing）是个不错的解法。简单来说，就是把耗时任务拆分成小块，分批执...

先看效果，再看代码 最近在优化一个项目的时候，发现页面加载速度总是差那么一点。尤其是有些第三方资源的域名解析特别慢，拖累了整个首屏时间。折腾了半天后，我发现用DNS预解析能解决这个问题。 简单来说，就...