- 博客(36)
- 收藏
- 关注
RSS订阅原创 前端权限系统
深度拆解前端权限系统的完整落地路径：从 RBAC 与 ABAC 模型选型、Pinia 状态管理、动态路由生成，到按钮级指令、v-permission 组件封装、数据权限控制，再到微前端跨应用权限同步、Token 安全与实时刷新机制，全部配有可直接复用的代码示例。一文搞定菜单可见、按钮可用、接口可控、数据可隔离四大核心诉求。
2026-06-12 10:34:26
179
原创 Claude Code 命令
本文是Claude Code命令清单的完整指南，主要包含以下内容： 终端全局启动参数：包括基础通用、会话恢复与管理、模型与能力配置、目录与权限、输出与日志、网络与代理等参数说明 终端子命令：版本管理、账号管理、配置管理、MCP工具服务和IDE集成管理等子命令 会话内斜杠命令：会话生命周期管理、历史回溯与会话分支等交互命令 其他内容(未完整列出)：键盘快捷键、隐藏别名、高阶技巧、配置与环境变量等 该指南全面覆盖Claude Code的CLI参数、斜杠命令和高级功能，适用于各种使用场景，帮助用户高效利用该工具进
2026-06-01 19:19:25
661
原创 前端支付实战
微信小程序 JSAPI、公众号 H5、MWEB、App SDK，以及 App 跳转小程序桥接支付；支付宝小程序、H5、App 的 tradeNO / payUrl / orderStr 对照；银联与聚合收银台、绑卡合规边界。附 Node 微信支付 APIv3 真实签名示例、UniApp 调起代码、异步通知验签与幂等改单、查单轮询与上线 checklist。一篇建立「前端只调起、后端才改单」的支付工程思维，少踩 success 当成功、小程序外链付不了等坑。
2026-05-27 19:11:08
790
原创 前端常用工具库：厉害的利器
真正厉害的前端工程师都在用这些隐藏利器：丝滑滚动的 Lenis、WebGL 渲染神器 PixiJS、45KB 轻量 3D 引擎 OGL、精度计算 decimal.js、企业级实时通讯 Socket.io、VS Code 同款语法高亮 Shiki、D3 底层 SVG 控制、百万级数据渲染的虚拟列表、时区处理 date-fns-tz、键盘快捷键 Hotkeys 等 20 个高端库。每一个在其细分领域几乎没有更好的替代，掌握它们让你面对复杂场景时不至于束手无策。
2026-05-27 19:05:56
328
原创 uniapp 深度使用
还在用 if (isWeixin) 堆满项目？UniApp 真正难的不是 uni.request，而是多端差异怎么管。本文从 Vue3 + TS + Vite 工程搭建讲起，吃透条件编译、pages.json 路由与分包、登录拦截和网络封装；打通 Pinia 持久化、easycom 组件、rpx 与安全区适配；并覆盖微信登录支付、合法域名、隐私协议与上线 checklist。附 H5/小程序/App 差异速查与真机踩坑表。一篇建立「一套代码、多端发布」的工程思维，让跨端开发少踩审核与性能的坑。
2026-05-27 18:58:45
559
原创 前端构建引擎：从模块解析到产物生成
你知道构建产物里藏着多少秘密吗？Source Map 外泄、env 变量裸奔、依赖链投毒……这些隐患每天都在上演。本文从**源码泄漏、依赖投毒、产物篡改**三层防线入手，详解 SRI 校验、CSP 策略、lockfile 锁定、CSP nonce 注入等实操方案。附带 CI/CD 安全 checklist，覆盖从开发到部署的完整链路。安全不是补丁，是流程的内置属性。
2026-05-27 18:50:56
448
原创 Pinia 深度使用实战
Pinia 深度实战：状态分层、持久化插件、权限路由联动、中后台 Tabs/字典场景，附 SSR 与单元测试，告别上帝 Store！
2026-05-27 18:48:16
470
原创 JavaScript 算法与数据结构
面试屡屡卡在算法题？一写代码就懵圈？本文从零到一，系统梳理前端 JavaScript 必学的 13 大核心专题——数组、链表、树、图、动态规划、回溯、LeetCode 高频题全覆盖！每个算法都配有可直接运行的 JS 实现代码，看懂就能用。无论你是备战大厂面试，还是想告别"只会调接口"的天花板，这篇文章都是你的通关秘籍。学会这些，面试再也不怕手撕代码！
2026-05-26 17:12:01
831
原创 CSS3 高阶使用技巧实战
从 Flex/Grid 布局到 3D 变换，从滚动驱动动画到容器查询，100+ 实战技巧全覆盖！🚀✨ 亮点内容 ：- 🔮 纯 CSS 黑科技（计数器、图案生成）- 🎨 高级滤镜与混合模式- ⚡ GPU 加速与性能优化- ♿ 无障碍设计指南- 📱 响应式设计进阶收藏这一篇，CSS 从入门到精通！
2026-05-26 15:10:18
684
原创 React 高阶技巧实战
React 高阶实战手册，让你的代码直接起飞18大章节、3000+行生产级代码，覆盖从 Hooks 封装到微前端架构的全链路技巧：虚拟列表、乐观更新、复合组件、RBAC权限、Next.js SSR、E2E测试...每个都配完整TypeScript类型和真实业务示例。看完直接从CRUD boy进阶架构师！
2026-05-25 18:58:37
329
原创 Vue 高阶技巧实战
Vue3 实战技巧合集：30+ 条代码片段覆盖日常开发高频场景。组合式函数、自定义指令、性能优化、文件上传、WebSocket、图表封装、暗黑模式……全是项目里验证过的写法，复制即用，建议收藏备用。
2026-05-23 18:08:50
435
原创 CI/CD 与自动化发布
还在手动打包上传？发版一次加班两小时？这篇前端 CI/CD 实战指南，从 Git 工作流、GitHub Actions 流水线、Docker 容器化到灰度发布，手把手教你搭建「提交代码即上线」的自动化体系。含完整 YAML 配置、性能预算、安全左移等内容，团队效率提升 10 倍
2026-05-23 14:35:20
602
原创 JavaScript 与异步错误定位
SyntaxError、Promise 黑洞、堆栈看不懂……这篇带你深入理解 JS 运行时错误本质！从词法解析到字节码执行：SyntaxError 在哪个阶段抛出？let 暂时性死区原理是什么？V8 类型检查机制深度剖析 详解 Promise 状态机：错误传播链、async/await 本质、并发竞态陷阱、finally 覆盖 Source Map 工作原理、框架 Error Boundary 实现细节、内存泄漏识别与排查方案。建议收藏！写代码时照着原理走，90% 的运行时错误都能提前防御。
2026-05-22 11:55:28
415
原创 前端错误排查路线
还在靠搜索引擎「盲搜」报错信息？每次遇到 Bug 都要试十几种方案？这篇《前端错误排查路线图》让你 30 秒定位问题根源！涵盖6大错误派系：SyntaxError、Promise 黑洞、CORS 跨域、网络层错误、安全策略阻断每个类型都有定位三步曲Chrome 扩展、Electron 桌面端、PDA 手持终端、微信小程序…这些特殊环境的坑，这篇都讲透了从 DevTools、断点技巧、Source Map，到错误监控体系 Sentry 接入，开发现场直接用。建议收藏！遇到报错时照着流程走，再也不用瞎试了。
2026-05-22 11:38:07
1141
原创 页面加载与关键渲染路径
本篇拆解页面从“发起导航”到“首屏可见”的关键渲染路径（CRP），教你如何识别并缩短每一段串行依赖：从 DNS/TCP/TLS、TTFB，到 HTML 解析、阻塞 CSS/脚本、CSSOM 构建与首帧布局；并详细对比 defer/async/module、dns-prefetch/preconnect/preload/prefetch 的作用与适用场景。
2026-05-21 18:54:54
425
原创 CSS 布局与渲染性能
本篇将 CSS 性能拆解为可观测的渲染阶段：Style → Layout → Paint → Composite，重点告诉你如何将昂贵的布局/绘制工作迁移到更轻量的合成阶段（如 transform/opacity）。涵盖常见陷阱与实战修复：避免 layout thrashing（先读后写）、合理使用 will-change 与合成层、修复 Flexbox 的 min-width 溢出、用 content-visibility 降低首屏成本并配合占位防止 CLS、对关键字体进行子集化与 preload；
2026-05-21 18:50:51
725
原创 表单、文件与二进制数据
表单提交为什么总踩坑？ Content-Type 写错、文件太大传不动、上传进度怎么监听？这篇从 <form> 编码讲到 Blob/File/ArrayBuffer，再到分片上传、OSS直传、图片压缩，20+ 完整代码示例，覆盖前端文件处理的 90% 场景！
2026-05-20 14:09:04
542
原创 可访问性与键盘导航
为什么你的网站"歧视"视障用户？键盘侠都进不去的页面合格吗？本文从 WCAG POUR 原则出发，用 10+ 真实案例讲解：div 按钮、焦点环消失、模态框 Tab 逃出等高频坑点，以及语义 HTML 与 ARIA 的正确打开方式。附赠 axe 自动化检测 + 键盘-only 测试清单，让可访问性从"合规负担"变成"产品加分项"！
2026-05-20 12:14:12
221
原创 前端路由与 SPA
刷新 404？分享链接打不开？后退键按了没反应？——这可能是你还没搞懂前端路由。Hash 模式的 # 藏了什么？History API 的 pushState 为何不会自动发请求？SPA 首屏慢、SEO 差，SSR 和 SSG 谁是解药？本文从 URL、文档、视图三层心智模型出发，串联 popstate 、 bfcache 、nginx fallback 等高频坑点，附 Vue Router / React Router 对比与实战清单，帮你把前端路由从「会用」升级到「精通」。
2026-05-18 10:22:32
448
原创 前端性能与可观测性
还在靠「感觉」做性能优化？LCP 红了只知道压图片？INP 卡顿只会骂框架？这篇笔记教你 用指标说话、用工具定位、用证据验收 。从 RAIL 到 Core Web Vitals，从 Lighthouse Lab 到 CrUX Field，从 DevTools 火焰图到 web-vitals 上报—— 性能优化的本质不是感动自己，而是找到真问题、改对地方 。附 RAIL 与 CWV 映射表、INP 三段拆解、火焰图实操路径，收藏这一篇，少走三年弯路。
2026-05-18 10:04:24
780
原创 前端安全边界
前端不是摆设的“展示层”，而是第一道防线。本篇把 XSS、CSRF、点击劫持与供应链风险串成一张可复用的威胁模型，告诉你如何把抽象安全原则变成 CI/编码规则与可执行清单。你会学到：优先用文本输出与模板转义，如何用 CSP + Trusted Types 降低执行面，为什么锁文件、SRI 与私有 registry 能把供应链风险变成可审计事件，以及第三方脚本的最低接入策略。文末附上上线前行动清单，短时间内即可提升整体安全成熟度。现在就把这篇放到你的项目评审里，和团队做一次“安全快速体检”吧！
2026-05-16 17:11:02
523
原创 异步与浏览器主线程
拆解了复杂系统背后的关键逻辑——从性能瓶颈定位到高并发架构的核心策略；并通过真实案例演示了异步编程、缓存策略与服务熔断如何协同降低延迟与故障传播。你将学到可直接复用的工程思路：如何用监控指标快速找出热点、用幂等设计保证重试安全、以及用分层缓存平滑突发流量。无论你是前端，后端还是架构师，这篇总结为你的项目提供了可落地的实践清单。点击阅读全文，带你从「问题定位」一步步走向「可量产的稳定系统」。
2026-05-16 16:50:59
497
原创 浏览器存储与缓存策略
刷新丢状态、多标签不同步、XSS 偷token，这些坑你是不是踩过不止一次？这篇文章把浏览器里「记住数据」的五套机制彻底掰清楚：Cookie 的 HttpOnly 和 SameSite 默认值你真的知道吗？localStorage 5MB 用超了会怎样？IndexedDB的索引、游标、版本迁移怎么写才不翻车？HTTP 缓存 F5 和 Ctrl+F5 到底差在哪？ Cache First 和 Stale While Revalidate 怎么选？看完这篇，存储策略这块你心里就有一张清清楚楚的地图了。
2026-05-15 14:28:00
816
原创 构建与运行（从源码到浏览器里的那条 JS）
前端构建是多数开发者的「知识盲区」，每天都在 npm run dev，却说不清 Vite 开发模式和生产构建到底走了两条什么路；环境变量无缘无故 undefined，配了路径别名 IDE 还满屏红线；部署后白屏一片，对着 404 发呆。这篇文章从「浏览器原生只认 JS」这点出发，用类比的方式，把模块系统演变、Vite 双模架构、路径别名、环境变量、Tree-shaking、代码分割、CSS 处理链路、构建产物分析等一次性讲透。读完能直接用在项目里排查问题，不再被构建工具牵着鼻子走。
2026-05-15 11:46:31
602
原创 TypeScript：给前端加一层「契约」
TypeScript 学了就忘、用了就懵？因为你可能一直在背语法，没搞懂它到底在干一件事：在编译期把 bug 捏死，而不是拖到线上炸 。这篇从"类型在哪一层干活"出发，带你彻底搞懂收窄、可辨识联合、unknown 守卫、泛型约束——不是背概念，而是知道"为什么这么写"。不吹不黑，读完这篇，你能少踩一半的类型坑。
2026-05-14 11:21:18
601
原创 前端眼里的「网络层」
页面要活，数据先通。本文从浏览器视角把一次 HTTP 请求拆成「谁发包、浏览器加什么料、响应怎么读」：讲透 fetch 与 Response（为何 404 仍 resolve、为何先看 res.ok）、JSON 与 FormData、状态码与业务码分层、CORS 与凭证、AbortController 做超时与取消，以及缓存与 HTTPS 混合内容等常见坑。读完你能对照 DevTools Network 自查联调问题，少踩「把跨域当断网、把 HTML 错页当 JSON」这类低级雷。
2026-05-14 09:16:46
514
原创 深入浅出BOM
浏览器BOM核心梳理：从window全局对象到location地址栏、history历史栈、navigator环境探测、screen屏幕、视口尺寸、定时器、存储等十余模块。重点讲解API用途、误区及安全性：同源策略、opener防护、用户手势、pushState实现SPA路由、visibilitychange优化后台、beforeunload处理未保存表单。区分BOM与DOM边界，明确matchMedia、rAF等可靠能力，谨慎使用UA检测与阻塞对话框。掌握浏览器编程。
2026-05-13 10:56:18
390
原创 深入浅出 DOM
DOM 操作是前端基本功：查元素、改结构、绑事件、量尺寸。本文系统梳理核心 API——查询用 querySelector，样式用 classList，定位用 getBoundingClientRect，批量操作用 DocumentFragment，性能用 Observer 和 rAF。三个原则：少操作、批量改、读写分离。框架底层还是 DOM，吃透这些，调性能、看源码都不慌。
2026-05-13 09:47:26
256
原创 深入浅出ES6(一)
还在被 var 串作用域、回调套娃和一长串 + 拼接折磨？这篇把 ES6 起一路到常用的现代写法，拆成「一句话讲明白 + 能跑的代码对照」：啥时用 let/const、箭头函数、async/await、解构、可选链、模块化……正例反例写进同一块代码里，一眼看懂坑在哪。 不讲虚的，读完你能跟同事说清楚「为啥要这么写」，顺手把日常代码写顺、写稳。
2026-05-12 12:06:05
486
1原创 JS常用数组知识
写了很多年 JS，还在和「能跑但难看」「一升级就懵」较劲？这里不堆术语，只讲人话：从 let/const、箭头 函数、解构、异步，到数组里那些天天见却容易用错的方法——每个知识点都配上「为啥要这么写」和正反对照代 码，像和同事在白板上捋一遍。读完你能少踩一半常识坑，把现代语法真正写进项目里，而不是停在收藏夹。
2022-01-06 10:37:54
397
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人