- 博客(67)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue3 最大深坑：解构 props 后，页面刷新 10 次都不更新！
Vue3 解构 props 会咋样？那 React 为什么可以？只想解构一次但又想响应，怎么办？
2025-09-16 15:45:05
612
原创 函数柯里化：化繁为简的艺术与实践
在编程的世界里，有一种优雅的技术，它能够将复杂的多参数函数转化为一系列简洁的单参数函数，这就是函数柯里化。今天，让我们一起深入探讨这个以逻辑学家 Haskell Curry 命名的概念，揭开它神秘的面纱，并看看它在现代前端开发中的强大威力。
2025-09-15 10:49:45
782
原创 用 ES6 Map 一次遍历搞定 LeetCode 1. Two Sum | 超简洁模板题详解
Two Sum 作为 LeetCode 开篇第一题，常年位居「最多提交」排行榜榜首。它看似人畜无害，实则暗藏玄机
2025-09-12 21:23:41
990
原创 性能优化零成本：只加3行代码，FCP从1.8s砍到1.2s
3行代码，首屏秒开：preload插队字体、prefetch预偷下一页、dns-prefetch秒解CDN域名，FCP直降30%，0成本性能黑科技，附实测数据与踩坑大全，复制即用！
2025-09-10 22:32:43
680
原创 前端“隐藏神技”：15 个高效却鲜为人知的 Web API 大起底
15个冷门原生API大公开！sendBeacon保埋点、IntersectionObserver秒解滚动卡顿、Intl一行代码国际化……无需引库，立省60%代码量，性能直接起飞！
2025-09-09 08:36:59
1477
原创 Vue部署踩坑全记录：publicPath和base到底啥区别？99%的前端都搞错过！
在Vue项目开发和部署过程中，很多开发者都会遇到这样的困扰：本地开发时一切正常，但项目打包部署到服务器后却出现白屏、资源加载失败、路由跳转异常等问题。这些问题的根源往往在于路径配置不当。
2025-09-07 10:30:00
928
原创 老司机私藏清单：从“记事本”到“旗舰 IDE”，我只装了这 12 个插件
前几天有同学问我： “你 VSCode 里都装了哪些插件？为什么写代码那么快？” 我把正在用的 12 款全部扒出来，分 3 类、附「前后对比」代码片段， 让你 5 分钟看懂它们到底解决了什么痛点。
2025-09-06 10:15:00
1389
原创 前端人必收：5 分钟掌握 ES2025 超实用语法
🔥前端开发提速神器来了！本期吐血整理20个「现代JS小技巧」：原生API一行去重、??=惰性赋值、Intl数字万/亿换算、structuredClone深拷贝…零依赖、秒级优化，代码量直接砍半！Vue/React通用，老项目也能无痛升级。速来收藏，早下班不是梦！
2025-09-05 13:02:17
980
原创 轻轻一个字母差别，就能把首屏时间砍半——为什么90%的人还不知道？
脚本里两个字母，能让页面快得像换引擎，也能让功能深夜连环炸。不阻塞的魔法背后，是谁偷走了顺序、埋下了雷？点进来，5分钟拆穿浏览器最会藏的性能陷阱。
2025-09-03 23:25:39
1379
原创 CSS 原子化：30 行代码让样式复用率飙升 300%
什么是 CSS 原子化？ CSS 原子化 = 把样式拆成最小不可再分的“原子类”，每个类只含 1 个属性 + 1 个值，附可运行示例。
2025-09-02 10:10:33
408
原创 新手无痛进阶，老鸟花式炫技：31k Star 的 Git 沙盒到底有多香？
> “Git 分支？不就是几条线嘛！”> 直到第一次遇到三方合并、rebase、cherry-pick 之后，我才发现自己根本不会用 Git。
2025-09-01 10:27:38
561
原创 前端包管理工具的变革者：为什么大家都在用 pnpm
与 npm 和 Yarn 相比，pnpm 在大型项目和多项目开发中表现出色，严格依赖解析避免“依赖地狱”。其原生支持 Monorepo，适合复杂项目管理。pnpm 正在快速成长，值得开发者尝试。
2025-08-31 17:25:41
1311
原创 Map vs Set：5 分钟吃透键值对与唯一值
Map 键值缓存、Set 唯一去重，哈希表 O(1) 性能，基础-->高阶用法,10 个实战代码直接落地。
2025-08-29 12:59:14
393
原创 浏览器渲染帧管线全景拆解：从像素到屏幕的 16.67 ms 之旅
把浏览器 16.67 ms 帧生命周期拆成 7 个阶段，每阶段给出 可落地的优化点 + 代码示例 + 性能指标，看完就能 精准定位卡顿
2025-08-27 19:07:35
506
原创 极简 useState：手写 20 行，支持多次 setState 合并
不依赖 React，用 **闭包 + + 微任务批处理** 实现可合并更新的 `useState`。
2025-08-26 21:28:53
294
原创 Vue 3.5 正式发布：10× 响应式性能、SSR 水合黑科技、告别 .value！
Vue 3.5 发布：大数组响应式性能飙 10 倍；defineProps 解构自带响应式，告别 .value；SSR 支持延迟水合与 useId() 防 ID 冲突；自定义元素全面修复。一句命令升级，快到飞起！
2025-08-25 13:39:15
484
原创 面试手写 Promise：链式 + 静态方法全实现
用 30 行 ES5 代码从零实现完整 Promise 及其 all/race/finally 全家桶，链式调用、并发等待、错误捕获一步到位，可立即运行验证。
2025-08-25 11:09:41
1170
原创 别再被 JSON.parse 坑了！深拷贝 3 种正确姿势
深拷贝递归复制所有层级，浅拷贝只复制第一层；JSON、递归、structuredClone 三招实战，面试 30 秒答完。
2025-08-22 10:25:24
249
原创 VSCode Import Cost：5 分钟学会依赖瘦身
VSCode Import Cost 3 秒现形包大小，一键揪出 lodash 70 kB 炸弹，换 dayjs 直降 60 kB，零配置即用，面试秒答体积优化！
2025-08-21 10:53:04
503
原创 面试官：手写一个防抖和节流？
在浏览器的 **滚动、搜索、窗口大小变化** 等高频事件里，如果你还在 **无差别触发函数**，页面会卡顿、接口会爆炸、服务器会报警。
2025-08-20 23:36:32
351
原创 前端图片压缩实战：体积直降 80%，LCP 提升 2 倍
前端图片压缩 = Canvas/Compressor 压缩 + WebP/Web Worker 优化 + 构建/部署链集成，按清单执行，体积直降 80%。
2025-08-20 16:57:33
964
原创 单点登录不会？10 行代码带你搭可上线 SSO
在数字化业务日益复杂的今天，用户往往需要在多个子系统（OA、CRM、BI、移动端 App、小程序）之间来回切换。传统方式要求用户为每个系统单独输入账号密码，既繁琐又易遗忘，还会带来 重复开发、密码泄露
2025-08-20 08:56:48
578
原创 前端性能优化实战手册：从网络到运行时，一套可复制落地的清单
网络压缩+缓存、代码分割+懒加载、渲染优化+监控，四步把首屏从3秒打到1秒，附可复制代码与实战指标。
2025-08-19 12:00:45
632
原创 React 路由超详解（2025 版）：从 0 到 1 再到 100，一篇彻底吃透
React Router 6 用 Routes+Route 声明路由，useNavigate 跳转；参数用 useParams、useSearchParams；守卫用 Outlet+Navigate；
2025-08-18 14:47:36
357
原创 面试官：npm run build 到底干了什么？从 package.json 到 dist 的 7 步拆解
本文以 Vite + Vue3 为例，逐行跟踪 npm run build 的全过程，附 1 张流程图 + 关键日志，看完能 30 秒答完面试。
2025-08-18 12:08:31
728
原创 10 个被忽视的 Vue3 API 开发利器，用过 5 个才算真正入门
表格 5k 条数据首屏卡成 PPT？用 shallowRef 秒提速 70%；还有 9 个被忽视的 Vue3 冷知识，让你的代码体积、性能、可维护性同时飞升，点击看看你用过的有几个！
2025-08-16 08:00:00
1845
原创 面试官最爱问的 10 个 Git 命令，答完直接加分
除 pull/commit/push 外，stash、rebase、worktree 等 10 个 Git 冷门命令让合并冲突、回滚、并行开发三步搞定，效率翻三倍，复制即用。
2025-08-15 10:22:18
450
原创 Vue 隐藏神技巧：99% 开发者没用过，却能让代码简洁 50%
v-memo、defineOptions、useTemplateRef 等 7 个 Vue 隐藏技巧，让模板更简洁、组件更可控、性能更优，面试答出一条即可加分。
2025-08-15 08:46:21
392
原创 90%前端没摸过的 10 个 JS 神 API？复制即用，今晚早下班
Page Visibility、Web Share、Broadcast Channel 等 10 个被忽视却极实用的 JS API，能一键实现跨标签通信、懒加载、取消请求等高频需求，复制即用，面试加分。
2025-08-14 08:35:42
356
原创 React useMemo 深度指南：原理、误区、实战与 2025 最佳实践
useMemo 是“计算缓存器”，仅在依赖变化时重算，避免昂贵计算与子组件重渲染；配合 React.memo 使用，React 19 后编译器可自动优化，记住“先写简单代码，再手动优化瓶颈”。
2025-08-13 18:25:00
402
原创 面试追问：“除了 Promise，还有哪些微任务？”
本文用 3 分钟 + 3 个实战，带你吃透 queueMicrotask 与 MutationObserver。
2025-08-12 21:54:54
400
原创 浏览器隐藏的 API，90% 前端没用过，却能让页面飞起
requestIdleCallback 把主线程空闲时间变成“垃圾处理器”——埋点、预加载、长计算零阻塞执行，4 行代码即可落地，记住 timeRemaining() 和 timeout 两参数，面试秒答！
2025-08-12 15:05:44
640
原创 面试官：说说 Map 和 Set 的区别及实际应用
面试 3 分钟，Map vs Set 答成“一个有 key 一个没有”？今天用 5 个真实代码片段，让你把区别 + 场景一次说清。
2025-08-12 00:20:48
175
原创 JavaScript 数组全解析：从「到底是不是数组？」到「方法全家桶」一篇搞定
JavaScript 数组全解析：从「到底是不是数组？」到「方法全家桶」一篇搞定“把数组玩透，才能把前端写活。”
2025-08-11 12:13:16
944
原创 前端开发 2025 生存指南：调试不靠 console.log 靠什么？
两行命令，调试效率翻 5 倍。 本文手把手教你用 `console.table` 把接口秒变成可排序的 Excel 表格，用 `console.time/timeEnd` 在毫秒级精准定位性能瓶颈——无需插件、零配置，复制即可用。
2025-08-10 22:17:15
819
原创 面试官：说说 Webpack 和 Vite 的区别
Webpack “先打包再跑”，大而全、配置多，适合兼容旧浏览器和需要 Module Federation 的巨型项目；Vite “按需即编译”，启动和热更新秒级、配置极简，适合现代浏览器的新项目，两者可共存。
2025-08-10 21:51:26
604
原创 前端异步编程：Promise vs Async/Await，实战对比与应用
还在 Promise 链里迷路？本文用**登录→列表→超时**三大真实场景，对比 Promise 与 async/await 的写法、性能与可读性，附避坑清单，让你 5 分钟选对异步
2025-08-09 10:54:59
1016
原创 Promise 全家桶：原理、实现、API、实战，一篇搞定
Promise 是异步编程的基石，但你真的用对了吗？本文从 Promise 的原理讲起，带你实现一个迷你 Promise，再把 Promise 的 10+ 方法一网打尽，最后结合实际开发场景，教你如何
2025-08-08 15:13:44
927
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人