适配星空下

有时候真的不得不感叹，AI实在是太智能，太强大了。从自动驾驶，家具，AI无处不在。现在我们前端开发领域，AI也成了一种新的趋势，让不少同行压力山大啊。...

前言 在我的技术交流群里，经常会有不少刚接触三维开发的小伙伴发出疑问： 大家三维开发都是怎么学的？ 大家的三维模型都是在哪里下载的？ 你们的GIS数据都是从哪里获取到的？数...

在高效摸鱼的同时，我一直在思考：有没有办法用几个简单的单词缩写，就能快速输出想要的代码呢？ 1.自定义代码片段教程2.Emmet教程...

大家好，我是前端西瓜哥。 opentype.js 是一个 JavaScript 库，支持浏览器和 Node.js，可以解析字体文件，拿到字体信息，并提供一些渲染方法。 虽然...

zustand 是一个非常轻量的 react 状态管理库，借力了 react hooks，源码非常精简，使用方法也很简单。 store 创建 zustand 通过调用 cr...

网页也能长出千里眼、顺风耳，本地文件有什么风吹草动，都能被网页端监控到。如此灵通的耳目，它的名字就是 File System Observer API。...

在现代 Web 开发中，错误处理一直是个重要但复杂的问题。传统的 try-catch 语句虽然功能强大，但是容易导致代码冗长且难以维护。 为了简化这一过程，ECMAScri...

从 Chrome 129 开始，我们可以在 JavaScript 中使用 scrollSnapChange 和 scrollSnapChanging 事件，这两个事件...

这是一个纯CSS创建的动画切换开关，它不仅能够在视觉上吸引用户，还能通过交互提供即时反馈。点击切换按钮时，Emoji 会沿着一个轴翻转，同时滑块也会移动，从而实现了一个有趣...

如何打造一款流畅、简洁的 Markdown 编辑器？支持所见即所得、代码高亮、图片自定义大小等功能。如何快速集成 ByteMD、以及如何通过自定义插件来扩展编辑器的功能？手...

本文介绍了如何使用JavaScript创建一个在线快递单PDF生成器。可以直接在浏览器上生成PDF文件进行打印。...

最近花了些时间，写了一个 “国庆头像” 小程序。正好快国庆节了，于是分享一下我的这个 “Starstick星点贴纸” 小程序，顺便简单讲讲以及其中的设计、开发、上线过程。...

Chrome 内置了大模型 Gemini Nano，端侧智能正在发生，仅三个月，Prompt API 已经进化出了新的形态，它是我们实践提示词工程的绝佳帮手，能帮我们几乎无...

如果您已经使用电脑一段时间，您可能知道剪贴板可以存储多种类型的数据（图像、富文本内容、文件等）。作为一名软件开发人员，我开始感到沮丧，因为我对剪贴板如何存储和组织不同类型的...

2024年了，前端人是时候给予页面一点 Hero Section “魔法” 了！！！在这里您可以尝试自己创建一个有趣的 3D profile...

前端越来越卷，啥都得会点。内网穿透自己电脑启的服务，让远在千里之外的人也能访问到。这里选择 ngrok 只需要3步就可以搞定。...

使用 CSS 实现亚克力效果（Acrylic Material），Mac OS的磨砂玻璃效果（Frosted Glass）和 玻璃变形（Glassmorphism)等 UI...

前言 日常开发过程中，前端程序员经常需要开发一些酷炫的特效，而这些特效大都需要编写CSS3实现。 但我发现一个问题，就是很大一部分前端程序员并不擅长CSS3这门技术，所以一...