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

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

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

作为一个前端程序员，我每天的任务大部分时间都是在和 js 斗智斗勇。虽然有了 AI 的辅助，但是懂点常见的坑，还是能节省大把的时间和 词元 token 的。js 太美了： 今天说的这些陷阱主要是闭包里的。 闭包就是一直反常识的，在函数内部创建的变量，在执行完函数后居然还能贮存到内存里的一种情况。很容易造成内存泄漏。 比如这个例子： function crea...

今天再为大家分享点 HTML 的新知识，每天不分享点有意思的东西,浑身难受。 是一些 HTML 特性。 大家可以在 分格 HTML 编辑器这个我自制的 HTML 调试工具里面实验下面的代码： 大家很少会关注 HTML 的发展，因为相较于CSS、JavaScript，这个 HTML 的发展进程会缓慢很多。 details 标签可以分组 学过 HTML5 的同...

API（应用程序编程接口），就是小国家与小国家之间沟通的桥梁。在编程里，就是模块与模块、软件与软件之间沟通的路子。 今天我来分享几个比较少用但 你肯定很有想用过 的 Web Api（知乎回答一次，顺便多写点终归要好）。 现在 AI 来了，可能我们很少去关注程序的细节了，但是我们的眼界和过去古法编程一样，仍然是：知道的越多更重要，知道了就是「学会」了，反正有文...

今天说个反认知的过去发现的经验。 是数组上的，比较使用，知道了用好了，关键时刻能提高 4 倍的速度！ 是这样的，我以前做过小项目，需要储存坐标。现在有三种方案： 第一种： 第二种：x: y: z:[n, n, n, n.....

昨天我有乱翻了一下 MDN，因为这个地方的文档最全，然后能发现一些 在 CDN 里很小众的技术。我时不时就喜欢去这地方，漫无目的的翻翻找找，就像潜入一个寂静无声、空无一人的档案馆里，翻找好东西一样。 不过，收获也不可能会很大，但也找到几个我觉得值得分享的玩意儿： 跨境编程必备的 hreflang 属性 这个感觉有点意思。 是这样的，在多语言里，如果你的站点，...

你觉得难，是因为你默认使用的「关注点混合」思想，在 html 里想设计的事。你需要看一下 亚当·瓦森 的故事，我觉得他是目前从根本上解决 CSS 难写的最完美的人： Tailwind CSS 大家都认识吧？这是目前世界上做的最火的 CSS 框架！因为它就是好用嘛。它的作者亚当·瓦森.....

今天我决定讲一个技巧，上个星期刚遇到的例子，趁热打铁，是与这个问题有关的知识点，关于 CSS 相对颜色这个新语法。 CSS 的颜色定义方式应用场景如下（下面会用到，很重要）： 十六进制代码 (HEX) ：#3b82f6 ，主要给机器读的，体积小。用的最多。RGBA ： rgb(59 130 246 / 0.5) ，方便调试屏幕。能看清楚.....

今天讲 10 个代码量极少，甚至就一行，然后用处极大的 CSS 奇技淫巧代码！ 下面的代码，可以选择在我制作的简易实时 HTML 编辑器调试学习-> 分格 HTML 编辑器 。 第一个是 aspect-ratio ，这个基础不错的前端肯定知道，菜鸟可能见过，但....

非技术人员不喜欢看代码，所以本文里面全是汉字和英文单词，没代码，就是一条线下去，给各位游客简单科普一下 Unicode。 你在电脑上看到的任何一处文本，都一定是根据某种编码而生成的。不过，这个在 2015 年以前，可能是 ASCII 、ISO-8859、GBK、koi8、euc、GBK..... 咱们中国以前有自研过 GBK。 到现在，已经基本完全被 UTF-8 大一统了，我们肉眼在电.....

CSS 不是一滩死水，它在发展，每年都在。2025 也一样。在 chrome 平台，CSS 今年适配了很多的新功能。能让我们使用 HTML5 + CSS 写出一些，过去非常麻烦甚至要借助一大堆 js 的内容。 虽然现在 ai 在前端的编程能力相当惊人，但我们还是要吃饭的，那谁能吃的更久的.....

在前端开发里，canvas 是 HTML5 里最炫酷的工具。我们今天就来搞一个这样的梦幻的效果，学习一下 ES6 的类在开发一个完整项目的思路（即 ES5 的构造函数），还有物理碰撞的程序的实现，当然，效果也很酷炫！

前两天我搞的那个在线 HTML 新标签页预览功能，很好用，最近在我业余“娱乐”上帮了很大的忙，它可以让我不用打开本地代码编辑器就能快速调试一些前端代码，我也逐步完善它的了很多功能。可是，很快它就有了一个问题： 使用 < textarea > 写代码很不舒服。当然，使用它来接受粘贴过后的代码还好，如果...

我们知道，在网页上搞三维，three.js 和 babylon.js 都是成熟最佳的选择，可是有时候它们体积又显得太大了。 我以前有研究过各种网页三维引擎，体积都挺大。我为什么要找体积小的呢？因为我对计算机图形学懂得不多，体积小让我有对它运行方式的探索欲。 我曾经找过一个最小的 https://github.com/wakufactory/wwg ，这个只...

目前，网上很多在线运行 HTML 的页面，大都是这样的逻辑： 上面一个代码框 textera ，下面一个 iframe，然后通过 js，将我们的代码框中的 HTML 给输入到 iframe 里面，这便是一个简单的在线运行 html 的逻辑。 甚至我们可以在一行里写一个在线运行 html 的页面。比如下面这个，一个高度精简的简...

昨天，我在电脑里发现了以前学习 WebGL 的代码和笔记，然后我就整理了一下，做成了一个教程。做完后，发现字数还不少。如果对浏览器显示三维的玩意儿感兴趣，可以读一下，能当教程，也能当简易的文档查阅。WebGL 是浏览器的三维引擎，但它很原始和底层，就像你买了个计算器，发现这个计算器只有一个加号键一样..... 什么都需要自己去手写...