（本文会介绍 49 种前端风格的名词（这本来是艺术生才知道的），以及对应的图片效果） AI 时代，设计师有时候就不需要了，很多小项目，直接让 AI 生成就 OK ，用成什么样，就什么样，直接迭代，任 AI 自己随心所欲搞成什么样。 然后我们前端领域，目前为了保持品控，很多都会使用 skill ，最主流的 skill 就是大名鼎鼎的 ui-ux-pro-ma...

这是一个很强大的模型。 检验一个模型有多强大，一般都是使用 游戏 ，因为游戏是任何智力领域的巅峰，即便是编程，一个简单的贪吃蛇、连连看，代码都是超越 99% 项目的复杂，错了一眼就穿帮。去年这个时候，AI 写的游戏基本都是一坨，现在.... 真的是时代变了。 我在一个大佬的分享（作者：我没有第三颗心脏）里，发现了一个叫 LAAS （爱沙尼亚语，意为原始森林）...

JavaScript 就是编程世界的全部！ 我一直是这样认为的。说实话，我当然知道还有 C PHP PYTHON ，但是 JavaScript 都能应付了。 node js 就是一种让 JavaScript 变成跟 C 和 python 差不多的技术。让你的 JavaScript 可以被执行。 （当然，Bun \ Deno也是，前者更快、后者更安全和规范）...

我对 AI 的使用现在有两大分类。 如果是对话的话，一些对答案质量要求高的，使用 美国的 AI 。御三家都可以。 如果是 agent 给我干活的话（比如 codex 和 龙虾，而且干的是粗活儿），则会换上国产 AI 。由于我是个职业 SEO 和 SaaS 出海人，所以 agent 每天会帮我干很多很多事。不是我无脑爱国产，而是【大模型的缓存命中】，国产在这个...

其实我们天天使用的那个 JSON.parse() 也是一个坑。 而且还挺危险。有点像 PHP 里面的注入一样。 首先就是它是干什么的。 // 一个JSON格式的字符串 const jsonString= {name:在线企业交易平台,listings:5000,types:} ; // JSON.parse() 将其转化为对象 ...

首先是略跑题的题外话，程序员必须有一个自己的小项目，是不借助 AI 生成代码（起码不是那种完全置之不顾，连原理都不在乎）的项目，前端一样，其他语言也一样。 因为现在 AI 时代，让我自己都觉得惊悚的是，我现在已经变成一个类似于 CEO 的角色了，我已经 6 个月没有怎么书写过代码了。但我必然不是肉食者的管理层。对于靠技术吃饭的人，必须得学习技术，否则就算是在...

在 2026 年，这门 WASM 技术其实还是比较重要的。和 JS 结合起来，会大大的让前端程序员更加神通广大！ 虽然资深的前端，现在都在学炒，股和炒粉，或者分析滴滴和外卖哪个性价比高，毕竟都快没了，但是只要你学了 WASM ，你大概率不会失业，因为是又是蓝海新征程！ 因为 JS 以前不能做的事太多了。 JS 是没法运行一些 C C++ 库的，比如 Open...

使用 fetch 主要是因为它是浏览器原生 API ，和经典的 xmlhttpRequest 一样开箱即用，而且 node 也内置。省体积。 而 Axios 是一个体积有十几 kb 的需要 npm i axios 的第三方库。gzip 后只有 5kb 。 不过这个 第三方 库很好用。前端是直接扛业务压力的最后一环。尤其是 HTTP 请求相关，如果自己写不好，...

其实还是一些现成的实用的代码更好用。 今天我把自己收藏的几个分享一下。都是一些过去可能得专门 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...