工具

我的HTTP/2配置写法，亲测靠谱 先说说我的配置习惯吧。在实际项目中，我一般这样处理HTTP/2的配置： server { listen 443 ssl http2; server_name exa...

SEO检测工具选型踩坑记 最近在做一个项目，客户对SEO特别看重，要求我们提供一份详细的SEO检测报告。这里我踩了个大坑，一开始觉得不就是检查下页面的TDK（标题、描述、关键词）嘛，随便找个工具跑一下...

优化前：卡得不行 最近接手了一个项目，页面加载速度慢到怀疑人生。首屏加载时间居然要5秒多，用户反馈说点个按钮都要等半天，体验简直糟糕透了。尤其是路由切换的时候，整个页面都会卡一下，看着CPU占用率飙到...

项目初期的技术选型 这次的项目是一个在线表单构建工具，核心需求是让用户能动态添加各种表单组件。开始的时候我纠结过用传统的Options API还是新的Composition API，最后选择了Comp...

我的写法，亲测靠谱 先说说我用自动部署的实战经验吧。这几年做项目，自动部署真成了我的好帮手，特别是处理频繁更新的项目时。我一般会用 GitHub Actions 来做自动部署，代码一推送到仓库，服务器...

又踩了个分号的坑，这次真是折腾够了 前几天在重构一个老项目的时候，遇到了一个特别有意思的问题。代码里到处都是分号，但偏偏有几处没写分号，导致打包工具直接报错。这里我踩了个坑，花了整整一个下午才搞明白原...

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

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

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

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

FCP指标到底是个啥？我的理解 先说下FCP，全称First Contentful Paint，翻译过来就是首次内容绘制。简单点说，就是用户打开页面后，第一次看到实际内容的时间点。这玩意儿现在越来越重...

我的写法，亲测靠谱 先说说我用 TailwindCSS 的核心思路吧。我一般不会直接在 HTML 里堆一堆类名，而是会结合组件化开发的方式，把常用的样式封装成 React 或 Vue 组件。这样既能复...

又踩坑了，pre-commit 怎么突然不工作了？ 前两天我在项目里加了一个 pre-commit 钩子，用来跑 ESLint 校验代码。本来一切正常，但今天提交代码时，发现 pre-commit 突...

Scrum看板的核心实践，我踩过的坑都在这了 最近几个项目都用到了Scrum看板，从最初的乱七八糟到后来逐渐摸清门道，中间踩了不少坑。今天就来聊聊我的实战经验，尤其是那些容易被忽略的细节。 先说最重要...

为什么要对比Sources调试方案？ 最近在做项目的时候，遇到一个挺头疼的问题：调试代码时发现各种工具的体验差异特别大。尤其是Sources相关的调试方式，不同方案各有优劣，搞得我有时候都不知道该选哪...

我的 Application 面板使用姿势，别再瞎点了 说实话，刚入行那会儿我真把 Application 面板当“查看工具”用——看看 localStorage 有没有存上，network 请求发没...

项目初期的技术选型 上个月接手了一个后台管理工具的优化需求，核心目标是让运营人员能快速配置一些动态行为，比如在特定页面插入一段 JS 脚本、修改某个按钮的行为，或者临时打个补丁修复线上 bug。原本是...

项目初期的技术选型 这个项目是个老后台系统，一开始就是个简单的 Vue + Element UI 搭的管理页，用户量不大，但最近被安全团队扫出一堆问题：XSS、CSRF、敏感信息泄露……直接被打了个中...

我的写法，亲测靠谱 变量这东西看着简单，谁还不会声明个 const let var？但真在项目里混久了你就知道，变量管理才是最容易埋雷的地方。我最近重构一个老项目，光是理清那些到处飞的变量就花了两天，...

先看效果，再看代码 说实话，我之前一直没怎么正经用过浏览器的 Security 面板。平时调试基本靠 Network 看接口、Console 打日志、Elements 改 DOM。直到上周线上一个 H...