其实还是一些现成的实用的代码更好用。 今天我把自己收藏的几个分享一下。都是一些过去可能得专门 pnpm npm 导入新库才能实现的功能，实际上几个字符就能搞定。在 AI 时代，收集到自己的收藏库里，可能会让 AI 生成的代码引入库更少，避开 AI 生成代码的冗余、兼容性隐患.... 反正不管怎么说，看看新鲜也行。 比如第一个，我前年做的业务里，需要随机 ID...

工作里（主要是前端）会真正有比较重要的实用价值的，我觉得，是这 5 种设计模式。 单例模式、策略模式、装饰器模式、观察者模式、工厂模式。这些内容也是参考 kyriewen 大佬的解析。 这些模式，在 AI 时代用的会比较多，你不跟 AI 讲，它默认会给你效率低的前端代码。我喜欢在合适的场景，让 AI 直接使用这些模式来写我的业务逻辑代码。 如果你是工作需要的...

现在 AI 时代，我对前端开发最大的感悟是，基础超级重要。 因为前端行业的 隐藏知识 太多了，AI 默认给的方案都太保守了，我们只有对基础了解的越多，才能写出更好用的 AI 代码。 不止前端，其他的 IT 行业也一样。今天就说一下我能直接想起的几个，都是一些很基础、很新手的内容，大部分前端都知道，但是新手可能不知道。 首先是一个最简单的 console ，这...

首先，第一步是读取配置。就是 vite.config.js 还有 .env 以及 --mode 等命令 ，除了获取各种策略规则外，最主要的是知道哪个文件是入口文件（一般是一个 HTML 文件）。 现在万事俱备，开始打包。 一般会先删除上一次的打包结果，也就是删除 dist 目录里的内容。然后把一些静态资源给搞进入，比如： obots.txt favico...

在全球前端圈里面，如果想有一个大局观，上帝视角的话，那肯定是这个网站。挺权威的，我每年都会去看看。 2025年 JavaScript 明星项目risingstars.js.org/2025/zh JavaScript 明星项目。 每过一年，它里面都会把前年的前端重要的生态，排列和分享出来。 反正以它为准，那就是主流的技术。 今年 2026 年还没过完，所以现...

论开发体验，Vue 是肯定大于 react 的，毕竟简单，上手快，但是之所以选择 react ，还是因为生态，尤其是 nextjs 的生态。没办法。 react 的坑很多啊！ 先是那个很让人头疼的 HTML ?? 其实是 JSX 。不是 HTML ，跟 HTML 没有多大关系。 初学者会发现里面混入了一个奇怪的东西： / 这是什么？这是一个 容器！防...

如果是从 CSS 时代过来的人，很不愿意学 tailwindCSS 框架的。 因为里面有很多类名得去记。 就好像是在写 html 里的 style= 一样，但是比这些要短一点。 而且严重破坏以前在手写 CSS 时代的 class 命名习惯。直接就翻天覆地，完全不用费劲心思去想 class 名了.... 当然，其实在学习初期，去像背单词一样去背 tailwin...

作为一个站长，对于谷歌 seo 排名的前几大因素，还是很在意的： 别看页面速度（也就是前端性能优化）是占 3% ，看起来不重要，实际上这些是列举的前 10 项，这 10 项都是 SEO 看重的。影响 SEO 的因素很多种，大部分占比都是 0.x% 甚至更少。 其实今年，谷歌对页面速度的重视程度还提高了，往年只有 1%。 对于为了让自己站的排名更高，需要在发布...

你知道 JS 里有个逗号操作符吗？ let a = 1; let b = 2; let c = (a++, b++); console.log(a, b, c); // 执行结果是 2 3 2 // 或者 if(true, false, true){alert( hi )} 在第一个这个代码里，c 赋值时，会把 a 和 b 都自增加赋值一下，然后 c 取最后...

先讨论一下使用类的意义。 使用类的意义 这个得先回到 C 的时代。现在你要搞 一个功能，比如说把一个元素放到一个容器里，栈。 栈就像我们吃饭用的盘子，在我们餐厅柜子里一摞，我们只能从顶部放入或取出。 为了实现它，就需要： 一个数组偷偷存数据（私有状态），几个内部方法管理这个数组。 但是有一定复杂度了，索性把它当做一个箱子来看待，对外只暴露 push / po...

今天讲一下全栈领域的几个概念，如果你是做全栈的，比如 react 等等一定得懂。也就是解释了前端、后端连接的最底层的几个知识。 比如 API、RESTful、JSON、CORS 等等。 API 是什么？ 首先是 API ，全名叫：Application Programming Interface ，应用程序编程接口。 看起来很复杂，其实就是前端和后端约定好的...

今天在这里，我吐槽一下 JavaScript 的链式调用，我觉得虽然有这个语法，但是我们最好永远都别用(就像这样，这是我以前真实项目里出现的代码)，起码谨慎用： const topActiveUsers = users .filter(item = item !== null && item !== undefined) // 过滤空 .filter(p...

今天我整理一下笔记，把我以前记录的下面几个 react 钩子的概念和使用方式、场景简单的过一下。 是我以前在 dbuke 这个在线教程网站上学习时候做的笔记。现在这个网站貌似打不开了。 一共 6 类，16 个。这应该是涵盖 react 使用里的所有的常用钩子了（没包括一些 react 19 的），涵盖 React 日常使用！本文是手打的，不是 A...

今天水文一篇，就讲 3 个，我这几天刚刚遇到的 CSS 里的小技巧吧。 大家如果想试一下的话，可以在我做的这个 HTML 编辑器里进行实时编辑预览： 分格 HTML 编辑器 www.ccgxk.com/cellhtmleditor.html 第一个、流体排版 首先是一个文字排版里的大小里【流体排版】的概念。可能用的不多，但这个是我最喜欢的 CSS 技巧之一。...

还可以，还没死透，其实只是在进行形式变化而已。依然还有大把搞头，后端目前还没法替代前端。前端的复杂性，尤其是生态复杂性，就算 AI 替代了 90% ，驾驭还得 前端程序员 才能驾驭。 今天，我讲几个现在，你入行前端，你需要关注的东西，前端变化还是很快的，依然需要稍微关注一下。 首先是 AI。 其实 AI 让前端轻松了 我个人感觉，都接管了，其实没那么苦了。以...

身边人都说 React 难用，但难用不难用，这个我们没有什么发言权。主要还是美国大厂维护，全世界的使用量大。 至于难用，确实 Vue 要好用很多。但是 react 总比原生 JavaScript 好用就行。 如果大家没有用过 react 的，今天带大家简单入个门。了解一下 react 的全景，就是里面的所有的概念。方便熟悉 Vue 或者 原生 JS 的人，快...

对于生产级别的项目，最害怕那种低级的、跟地雷一样，在运行时候才会爆出的 bug 。很没安全感，甚至引发很多的财产损失事故。 JavaScript没有编译时错误（或者说编译时错误很少），导致 JavaScript 代码不上测试环境就不知道哪里有问题，上了测试环境，能不能检查出问题还得看测试样本够不够多样，不然到了生产环境该出错照样出错。 以前吧，JavaScr...

因为 AI ! 现在到了 AI 时代，vibe coding 这种 AI 编程很厉害了。 然后大批的程序员失去了工作，于是都去开发自己的产品去卖。然后，就是写很多很多的应用，如果是 web 方面，那就是寻找最合适的技术栈。 但很可惜，React 和 基于它 的 next.js 真的太棒了，这个 Nextjs 就是 React 最大的护城河。 现在 Vu...