博客

我的写法，亲测靠谱 先说结论，Server Push 确实能提升性能，但用得不对反而会拖慢页面加载。我一般会在 Nginx 配置里这样处理： server { listen 443 ssl http2...

为什么我要对比这几个Tag标签方案？ 最近在做一个后台管理系统，里面涉及到一个需求：需要实现一个标签功能，用来分类展示内容。这种场景其实挺常见的，比如电商网站的商品分类、博客的标签云等等。一开始我觉得...

短路求值：几种实现方式的踩坑总结 最近在优化一个表单验证逻辑时，我重新审视了短路求值这个老生常谈的话题。虽然它看似简单，但在实际开发中却有多种实现方式，每种都有自己的特点和坑点。今天就来聊聊我在项目中...

优化前：卡得不行 前段时间接了一个需求，页面要支持横竖屏切换适配。一开始觉得挺简单的，不就是监听 orientationchange 事件然后调整样式嘛。结果一上线问题就来了，在低端安卓机上切换屏幕方...

我的写法，亲测靠谱 先说结论吧，proseWrap这个工具的核心就是解决长文本换行问题，尤其在Markdown渲染场景下特别实用。我一般会这样配置： marked.setOptions({ rende...

为什么我要对比这些方案？ 最近手头一个项目需要用到小程序容器技术，主要是为了在App里嵌入一些动态化的小程序页面。FinClip算是这个领域比较火的一个玩家了，但我个人习惯是：别急着上手，先看看还有哪...

Code Review工具选型：谁更好用？ 最近项目组在讨论Code Review的流程优化，我就顺便把几个主流方案都试了一遍。说白了就是想找个省事又好用的工具，毕竟代码审查这事儿挺重要，但又不能让它...

项目初期的技术选型 这次的项目是个移动端为主的电商活动页，需要实现一个商品展示轮播组件。当时团队讨论了几个方案：纯CSS动画、Swiper.js、还是自己手写一个Swipe逻辑。 考虑到时间成本和功能...

又踩坑了，touchmove滚动失效 最近在开发一个移动端插件时遇到个特别棘手的问题。这个插件的核心功能是实现一个可滑动的菜单栏，类似于手机上的tab切换效果。本来以为用touch事件简单处理下就能搞...

优化前：卡得不行 最近接手了一个老项目，打开页面的时候简直卡得受不了。加载一个简单的列表页居然要5秒多，用户反馈说操作起来像在用十年前的手机。我自己试了几次，发现页面偶尔还会闪退，尤其在登录状态切换时...

我的写法，亲测靠谱 表单验证这事儿，我折腾了不下百遍。现在回头看，最靠谱的还是基于约束和反馈的设计。先说说我现在的做法吧： function validateForm(formData) { cons...

我的写法，亲测靠谱 先说结论，SWC真的香。作为一个前端老油条，我从去年开始把几个项目的构建工具从Babel换成了SWC，性能提升肉眼可见。特别是那种动辄上千个文件的大型项目，原本要等30秒的热更新，...

项目初期的技术选型 这次的项目是个电商类网站，客户对性能要求特别高。说实话，一开始我也没太在意Core Web Vitals这些东西，觉得只要代码写得规范就行。但客户直接甩给我一份Lighthouse...

Pre-request脚本踩坑实录：从一脸懵到终于搞定 前几天做接口测试的时候，遇到一个特别棘手的问题。简单来说，我需要在Postman的Pre-request脚本里动态生成一个签名参数，但不管怎么写...

项目背景：为什么要做快捷键提示 前段时间接到一个需求，客户希望在他们的后台管理系统里加个快捷键提示功能。说白了就是用户按下某些组合键时，界面能给出相应的操作指引。开始我觉得这需求挺简单，不就是监听键盘...

我的写法，亲测靠谱 Desktop First 这个话题，说实话我踩过不少坑。早期做响应式的时候，总想着用一套代码搞定所有设备，结果发现 Mobile First 虽然流行，但对某些后台管理系统或者数...

我为什么对比页面切换的方案？ 说实话，页面切换这事儿，看似简单，但实际开发中坑还挺多。尤其是现在前端框架五花八门，选型的时候总让人纠结。最近我在一个项目里，需要频繁在多个页面间切换，既要保证用户体验流...

为什么我要对比这几个File System方案？ 最近在搞一个项目，涉及到文件系统的操作。需求很简单：读取本地文件、写入文件、删除文件、以及一些目录管理的操作。听起来不复杂，但不同技术方案的体验差距还...

所见所得效果踩坑记：从问题到解决方案 最近在开发一个富文本编辑器的项目，需要实现所见所得（WYSIWYG）的效果。听起来不复杂对吧？但实际做的时候真是踩了不少坑。折腾了两天才搞定，这里分享下我的经历和...

先看效果，再看代码 最近在重构一个老项目的时候，我又把 Emmet 捡起来了。说真的，这玩意儿简直就是前端开发者的外挂。如果你还没用过，建议直接从现在开始学，亲测有效。 举个例子，想生成一个带类名的 ...