今天讲一下全栈领域的几个概念，如果你是做全栈的，比如 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...

作为一个前端程序员，我每天的任务大部分时间都是在和 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 在前端的编程能力相当惊人，但我们还是要吃饭的，那谁能吃的更久的.....