- 博客(21)
- 收藏
- 关注
RSS订阅原创 骗了所有人！AI时代的程序员正在偷偷吃肉
AI是一根无比强大的杠杆，它放大了优秀工程师的产能，也无情地淘汰了固步自封的人。历史证明，每一次技术革命，淘汰的都是工具，留下的是驾驭工具的人。不要害怕AI抢你的饭碗，你要做的是。斯坦福数字经济实验室的数据显示：在AI影响大的岗位上，22-25岁年轻工程师的就业率下降了13%。19世纪，经济学家杰文斯发现了一个奇怪的现象：当时蒸汽机的技术进步，让煤炭的利用效率大幅提升。如果你只会基础的增删改查（CRUD），或者只能照着教程敲代码，遇到Bug就贴给ChatGPT，那你的处境确实很危险。
2026-04-09 11:51:43
346
原创 现代前端渲染架构演进：从 CSR 到 RSC 的深度解析
随着 Web 技术的不断迭代，我们经历了从纯客户端渲染（CSR）到服务端渲染（SSR），再到静态站点生成（SSG）、增量静态再生（ISR），最终演进至 React Server Components（RSC）的完整技术生命周期。如果在过期时间后有人访问，服务器会在后台重新生成该页面（Revalidate），用户此时看到的仍是旧页面，但生成完毕后，后续访问将获得新页面。本文将深入剖析这五种核心渲染模式的技术原理、优劣势及最佳实践场景，帮助你构建全方位的技术视野，以便在实际项目中做出最合理的架构选型。
2026-03-05 16:32:13
381
原创 JavaScript 模块化演进解析：从 IIFE 到 ESM 的技术变革
这是语言层面的原生标准，凭借静态分析和 Tree Shaking 特性，迅速成为现代前端开发的主流。：这是官方标准，语法简洁，且 Webpack/Vite 等工具链对 ESM 支持最好，能最大化利用 Tree Shaking 减小包体积。：因为 Node.js 主要用于服务端，文件都在本地磁盘，读取速度快，同步加载阻塞主线程的影响较小。：除重构外，维持现状，局部新功能可使用 IIFE 封装，避免引入新规范带来的构建复杂度。三个维度，全景式解析这些模块化规范的功能与场景，彻底理清前端模块化的脉络。
2026-03-05 16:29:55
409
原创 深度解析 NPM 版本管理：符号含义与锁文件机制
本文将为你彻底厘清 npm 的版本控制规则、锁定文件机制以及依赖更新的底层逻辑。：“我只想要 Bug 修复，不想要任何新功能，以免引入新风险。：“永远安装最新的版本（风险极大，一般仅用于开发工具或测试）”。**6 (主版本号 Major)**：不兼容的 API 修改。**2 (次版本号 Minor)**：向下兼容的功能性新增。**3 (修订号 Patch)**：向下兼容的问题修正。的原因——保证“我这边能跑，你那边也能跑”。(Caret) —— 最常用，最“智能”的范围规则，查找最新版并更新锁文件。
2026-02-06 00:37:08
339
原创 深度解析 package.json：从入门到精通的顶级指南
它不仅是 Node.js 管理依赖的核心配置文件，更是现代前端工程化构建、分发、协作的基石。合理配置每一个属性，不仅能避免潜在的错误，还能极大地提升用户体验和专业度。特点：按需加载、Tree-shaking、多格式支持、Peer Dependencies。这部分定义了项目最基本的信息，主要用于 NPM 仓库的检索、识别和法律声明。这部分决定了 Node.js 或打包工具如何找到你的代码，以及如何执行命令。，这直接决定了你的库是否好用、体积是否够小、以及是否兼容用户的构建环境。二、 入口与执行：怎么找到你？
2026-02-06 00:35:46
321
原创 [特殊字符] Skills 实用指南：如何在Trae中安装和使用 Skills
本文将详细介绍什么是 Skills，为什么需要使用 Skills，以及四种不同的安装方法，帮助你快速上手并提升开发效率。如果把 AI 比作一个刚入职的超级实习生，它有很强的通用智力和基础知识，但它可能不懂你们公司的具体代码规范、不懂怎么部署到特定的服务器、AI 生成配置后，Trae 会自动提示你安装到全局还是项目中，你可以根据实际情况选择，点击「确认」即可完成安装。如果你更倾向于可视化操作，或者需要创建自定义的 Skills，手动安装是最好的选择。选择哪种方式取决于你的具体需求和技术偏好。
2026-02-02 22:27:40
4511
原创 生产力翻倍！16 款必备 VS Code 插件让你的开发效率起飞
今天，我整理了 16 款亲测好用的 VS Code 插件，涵盖代码编辑、版本控制、智能提示等多个维度，帮你从"普通开发者"进化为"高效战士"！团队协作时，有人用 Windows 有人用 Mac，有人喜欢 Tab 缩进有人喜欢空格，导致代码风格混乱。：Stylelint、indent-rainbow、Vue (Official)、open in browser、Svg Preview（根据技术栈选择）支持 JavaScript、TypeScript、CSS、SCSS、JSON 等多种语言。
2026-01-25 15:04:27
937
原创 本地部署 Sentry（完整踩坑实录）
📚 本文记录一次真实的 Sentry 接入与本地部署过程，包含 Vite + React 项目接入、本地自托管 Sentry 的完整流程、Docker Compose 启停的所有坑、以及 Kafka/ClickHouse/Snuba/Web unhealthy 的真实问题分析。Sentry self-hosted 官方的"最低内存校验"要求：Docker 至少 14GB 可用内存。这不是 Docker、不是 Sentry、也不是你操作的问题，而是 macOS 的"老坑"——系统自带 Bash 太旧。
2026-01-25 00:02:49
787
1
原创 从零开始：搭建企业级前端规范化指南
它会自动找到你本次修改的文件，运行 ESLint 自动修复，运行 Prettier 自动格式化。这是一个“惊艳”的操作。我们可以根据 Git 提交记录，自动升级版本号（v1.0.0 -> v1.0.1），并自动生成。：先配好 ESLint 和 Prettier，习惯后再加 Husky，最后再加 Commitlint。| Git 钩子与暂存检查 | 只检查修改的文件，速度快 |：看着代码自动排版，提交记录整整齐齐，这是一种极好的编程体验。，且 xxx 不符合规范，Commitlint 会拦截提交。
2026-01-24 23:55:32
616
原创 本地部署 Sentry（完整踩坑实录）
📚 本文记录一次真实的 Sentry 接入与本地部署过程，包含 Vite + React 项目接入、本地自托管 Sentry 的完整流程、Docker Compose 启停的所有坑、以及 Kafka/ClickHouse/Snuba/Web unhealthy 的真实问题分析。Sentry self-hosted 官方的"最低内存校验"要求：Docker 至少 14GB 可用内存。这不是 Docker、不是 Sentry、也不是你操作的问题，而是 macOS 的"老坑"——系统自带 Bash 太旧。
2026-01-22 17:37:33
878
1
原创 在 Vite + React 项目中集成 Sentry 完整指南
📚 本教程将带你从零开始，一步步完成 Sentry 在 Vite + React 项目中的接入与配置，实现错误监控与源码映射功能。：该配置解决了「在 Sentry 中看不到源码」的问题，通过上传 Source Map 可以精确定位到出错的具体代码行。登录 Sentry 官网，进入对应项目，即可看到捕获的错误日志，并且能够直接定位到源码，极大地方便了问题排查。你已经成功完成了 Sentry 在 Vite + React 项目中的完整配置。如果一切配置正确，你应该能在 Sentry 中看到一条新的错误记录。
2026-01-22 15:36:43
694
原创 MongoDB安装和配置环境
MongoDB 下载MongoDB 提供了可用于 32 位和 64 位系统的预编译二进制包，你可以从MongoDB官网下载安装，MongoDB 预编译二进制包下载地址：https://www.mongodb.com/download-center#community注意：在 MongoDB 2.2 版本后已经不再支持 Windows XP 系统。最新版本也已经没有了 32 位系
2017-12-07 21:34:40
760
转载 JavaScript专题系列20篇正式完结！
写在前面JavaScript 专题系列是我写的第二个系列，第一个系列是 JavaScript 深入系列。JavaScript 专题系列共计 20 篇，主要研究日常开发中一些功能点的实现，比如防抖、节流、去重、类型判断、拷贝、最值、扁平、柯里、递归、乱序、排序等，特点是研(chao)究(xi) underscore 和 jQuery 的实现方式。JavaScript 专题系列自 6
2017-11-30 15:02:39
338
转载 JavaScript深入系列15篇正式完结！
写在前面JavaScript 深入系列共计 15 篇已经正式完结，这是一个旨在帮助大家，其实也是帮助自己捋顺 JavaScript 底层知识的系列。重点讲解了如原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等 JS 语言中的比较难懂的概念。JavaScript 深入系列自 4 月 6 日发布第一篇文章，到 5 月 12 日发布最后
2017-11-30 15:02:04
294
原创 ECMAScript 6 入门（第三版）
《ECMAScript 6 入门》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性。这本书直接可以去阮一峰老师的官网看到：http://es6.ruanyifeng.com
2017-11-30 14:49:08
4882
转载 ES6 你可能不知道的事 - 进阶篇
前言这篇文章主要会针对上篇未涉及到的进阶特性展开；而与前一篇文章相同，本文主要介绍这些特性的一些容易忽略的部分，希望能对大家正确认识和使用 ES6 有帮助。还是那句话，时间和能力有限，针对文章中的问题或不同意见，欢迎随时拍砖、指正！正文Module模块化是个进行了很久的话题，发展历程中出现过很多模式，例如 AMD, CommonJS 等等。Mod
2017-11-30 14:46:32
665
转载 ES6 你可能不知道的事 - 基础篇
序ES6，或许应该叫 ES2015（2015 年 6 月正式发布），对于大多数前端同学都不陌生。首先这篇文章不是工具书，不会去过多谈概念，而是想聊聊关于每个特性 你可能不知道的事，希望能为各位同学 正确使用 ES6，提供一些指导。对于 ES6，有些同学已经在项目中有过深入使用了，有些则刚刚开始认识他，但不论你是属于哪一类，相信这篇文章都有适合你的部分。针对文章中的问题或不同
2017-11-30 14:33:25
301
转载 web前端学习资源分享
1.前言6月份开始出没社区，现在差不多9月了，按照工作的说法，就是差不多过了三个月的试用期，准备转正了！一般来说，差不多到了转正的时候，会进行总结或者分享会议！那么今天我就把看过的一些学习资源（主要是博客，博文）推荐分享给大家。从我接触前端的开始，到发稿时间截止的这段时间我看过很多的博客，开源项目也了解过一些，质量有参差不齐（甚至还出现过广告文，鸡汤文）。但下面的推荐的博客，博文，项目或者
2017-11-30 14:20:16
843
转载 vue 资料合集
UI组件http://www.jqsite.com/notes/1704205187.htmlelement ★11612 - 饿了么出品的Vue2的web UI工具套件Vux ★7503 - 基于Vue和WeUI的组件库iview ★5801 - 基于 Vuejs 的开源 UI 组件库mint-ui ★5517 - Vue 2的
2017-11-29 14:08:38
458
转载 30分钟掌握ES6/ES2015核心内容（下）
在 30分钟掌握ES6/ES2015核心内容（上）我们讲解了es6最常用的一些语法：let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments俗话说打铁要趁热，今天我们继续讲es6其他几个非常有用的新特性。import expo
2017-11-29 13:49:40
208
转载 30分钟掌握ES6/ES2015核心内容（上）
ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6，但为了看懂别人的你也该懂点ES6的语法了...在我们正式
2017-11-29 11:42:34
336
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人