前端技术 - 串串狗小刊 - 聊AI、互联网、前端技术 ~

最近发现的一些 HTML 实用小知识前端技术

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

标签: 原创 html

独元殇发布于 2026-2-1 23:47

评论(1) 浏览(250)

几个很实用但是又比较冷门的 Web API 极其极简演示前端技术

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

标签: 原创 API web

独元殇发布于 2026-1-25 23:17

评论(0) 浏览(252)

在 JavaScript 的数组中，一个能提高 4 倍性能优化的方法！前端技术

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

标签: 原创性能优化

独元殇发布于 2026-1-10 23:06

评论(0) 浏览(231)

几个实用的生僻 html 属性前端技术

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

标签: 原创 html

独元殇发布于 2026-1-2 00:12

评论(0) 浏览(218)

为什么 CSS 那么难写？如何解决？前端技术

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

标签: 原创 css

独元殇发布于 2025-12-27 00:42

评论(2) 浏览(348)

CSS 相对颜色语法的使用案例，我太爱这个语法了 ~ 前端技术

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

标签: 原创 css

独元殇发布于 2025-12-24 00:48

评论(1) 浏览(300)

10 个实用 CSS 代码片段：极简代码实现强大功能 (收藏版) 前端技术

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

标签: 原创 css

独元殇发布于 2025-12-18 00:58

评论(5) 浏览(506)

Unicode 与 UTF-8 的区别是什么？编码原理与乱码解决方案科普前端技术

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

标签: 原创 Unicode

独元殇发布于 2025-12-14 00:56

评论(0) 浏览(376)

2025 年度 Chrome 的 5 个值得关注的 CSS 新特性前端技术

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

标签: 原创 css

独元殇发布于 2025-12-13 03:03

评论(2) 浏览(487)

制作简易 2D 物理引擎：一个炫酷的小球碰撞 JS 网页特效制作过程前端技术

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

标签: 原创 JS 分享教程

独元殇发布于 2025-5-18 22:43

评论(6) 浏览(1653)

我捣鼓了个代码编辑器 areaEditor.js，2kB大小，很实用前端技术

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

标签: 原创 JS 在线编辑器轻量级

独元殇发布于 2025-5-17 19:24

评论(6) 浏览(1448)

体积 10kb 超级小的三维 WebGL 引擎 W.js 的使用教程前端技术

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

标签: 原创 JavaScript webgl W.js

独元殇发布于 2025-5-2 22:25

评论(2) 浏览(1514)

一种新型 HTML 在线编辑器，create Object URL的妙用前端技术

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

标签: 原创 createObjectURL 在线编辑器

独元殇发布于 2025-4-17 19:51

评论(3) 浏览(10093)

WebGL 的入门教程，实现一个旋转的三维立方体前端技术

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

标签: 原创三维 webgl

独元殇发布于 2025-3-25 12:27

评论(6) 浏览(2004)

傍晚去了欢乐港湾和今天发现了个宝藏 JavaScript 程序员前端技术

欢乐港湾下午，突然感觉心里很闷，然后就骑上共享单车向海边走。目标是南山前海 CBD 旁边的「欢乐港湾」↓ 相比于北上，这个地方的好处是有山有海。本来今天脑子里想的场景是在三三两两没几人走动的安静的海边，望着空旷的水面和渐渐黯淡的天空，静静坐着...... 可快到的时候，突然脑子清醒过来 —— 今天是五一长假的一天呐！好吧，一进公园，人山人海。尤...

标签: 原创 JavaScript 摄影广东天气深圳

独元殇发布于 2024-5-3 20:24

评论(10) 浏览(2764)