前端

谁更灵活？谁更省事？Promise、async/await、还有那个“被遗忘的”then链 我写这篇，是因为上周又在 Code Review 里看到同事用 Promise.resolve().then...

谁更灵活？谁更省事？ 最近给一个后台管理系统的登录页加渐变背景，本来以为就是一行 CSS 的事儿，结果翻车了三次。第一次用 Tailwind 写死的 class，UI 改需求说“主色要动态换”，我当场...

优化前：卡得不行 上个月上线一个后台管理页，用 Vue 3 + Pinia + Vue Router，路由跳转全靠 router.push 编程式导航。本来以为很轻量，结果一测发现：从首页点进「数据看...

谁更灵活？谁更省事？ 我写这篇不是因为哪个方案多牛，而是上周五下午三点，我改完一个组件路径后，Webpack 报了 7 个 Module not found，重启了三次 dev server，最后发现...

Proxy代理改了对象，结果Vue响应式失效了？ 今天下午三点十七分，我一边喝着第三杯速溶咖啡，一边盯着控制台里那个死活不更新的页面发呆——明明数据变了，视图就是不重渲染。最后发现是 Proxy 搞的...

又踩坑了，iframe里fetch被CSP拦得死死的 今天上线前测预发环境，突然发现一个页面的用户头像死活加载不出来。控制台清一色报错：Refused to connect to 'https://j...

优化前：卡得不行 去年底把公司三个前端项目（一个内部管理后台、一个客户侧 SaaS 前台、一个独立的 UI 组件库）合并进一个 Turborepo 仓库，本想着“一套工具链管到底”，结果 CI/CD ...

先看效果，再看代码 上周上线一个新活动页，PM跑来问我：「为啥LCP老是1.8秒？竞品才0.6」。我打开Chrome DevTools Performance面板一瞅，主图加载完都快2秒了——还是个2...

我的写法，亲测靠谱 消息推送这玩意儿，看起来就一个 Notification.requestPermission() + new Notification()，但真上生产环境跑三个月，你就会发现：权限...

又踩坑了，SessionStorage 里存对象居然拿不出来 今天上线前测一个表单页，用户填了一半切到别的标签页，再切回来——草，数据全没了。我第一反应是：不是写了 sessionStorage.se...

简要介绍 在现代网页设计中，动态背景效果已成为提升用户体验和视觉吸引力的重要手段。本文所解析的代码实现了一个极具科技感与艺术性的「动态渐变流动背景」，完全基于纯CSS技术构建，无需JavaScript...

简要介绍 在现代前端开发中，视觉表现力已经成为用户体验的重要组成部分。特别是在节日氛围浓厚的场景下，如圣诞节、新年等，开发者常常需要为网站或应用添加具有节日特色的背景动画效果，以增强用户的沉浸感和情感...

我的写法，亲测靠谱 缓存这玩意儿，我干了六年前端，前三年基本靠 Ctrl+R 和清浏览器缓存硬扛。后来上线一个活动页，用户反馈“点进去还是旧版本”，运维查 CDN、我查构建产物、产品说“你是不是没发版...

我的写法，亲测靠谱 开发体验这事儿，说白了就是“别让开发者自己骂自己”。不是功能跑通就完事，而是改一行代码不翻车、加个日志不用查三分钟文档、团队新人看一眼就知道该往哪改。我去年重构了一个老项目（Vue...

项目初期的技术选型 去年接了个内部工具项目，要搞一个「可视化流程编排器」——拖拽节点、连线、配置参数，最后导出 JSON 发给后端。UI 框架用的是 Vue 3 + Pinia，UI 库是自研的一套组...

项目初期的技术选型 去年下半年接手一个内部运营平台，要同时维护 Web、H5 和微信小程序三端。一开始是三个独立仓库，各自 npm install 一堆重复依赖：lodash、dayjs、axios、...

又踩坑了，iframe里滚动不跟手还卡顿 今天上线前测个功能，页面里嵌了个 iframe，加载的是我们自己写的后台管理页（地址是 https://jztheme.com/admin），结果用户一滑就卡...

优化前：卡得不行 上周上线一个数据看板，用户反馈“点开页面要等五秒才出数据”，我第一反应是“不可能吧，接口就几个 GET，连 mock 都跑得飞快”。结果自己点开一试——真卡。F12 打开 Netwo...

项目初期的技术选型 去年接手一个后台管理系统重构，Vue 3 + Vite + TypeScript，目标是把原来跑得像老拖拉机的 Vue 2 单页应用换成能撑住 50+ 路由、20+ 表单模块的现代...

简要介绍 在现代网页设计中，视觉表现力已成为用户体验的重要组成部分。一个简洁而富有美感的背景图案，不仅能提升页面的整体质感，还能增强用户对品牌或内容的情感认同。本文将深入解析一段仅用纯CSS实现的渐变...