主页

console 内存占用的误解 车泽民 闲来无事学学console JSON Hero - a beautiful JSON viewer for the web 徐堂鑫 让查看json更方便 你不知道的canvas性能优化 张修竹 这篇文章主要讨论了 Web Components 和 React 的历史发展、优缺点以及它们在 Web 开发中的角色。React提供了更简单的心智模型，Web Components 违反 Liskov 原则。 前端通信新技能】使用 CustomEvent 是一个不错的选择！ 李文娟 CustomEvent 是 JavaScript 中专门用于创建和触发自定义事件的构造函数，大大简化组件间及跨组件间的通信，独立于项目...

一文读懂前端缓存 车泽民 学习缓存，如果觉得文章太长看第一段cache发音指正挺好的，我也读错了以前 高一全栈开发；国产 Arc 浏览器；Tauri 2.0 发布 徐堂鑫 关于一些新工具/应用的资讯 你不知道的canvas性能优化 张修竹 canvas 性能优化：分层、离屏、webworker WebAssembly与WebGPU：Web上的高性能计算 崔鹏程 WebAssembly（简称Wasm）和WebGPU是两项推动Web平台高性能计算的重要技术。WebAssembly作为一种高效、低级的编程语言，使得原本只能在客户端运行的高性能应用能够在浏览器中执行；而WebGPU则提供了直接访问图形和计算硬件的能力，为Web应用带来接近原生的图形处理...

安全赋值运算符：新的 JavaScript 提案让你告别 try catch ！ 李文娟 ECMAScript近期引入的一个新提案 ?=，用来简化传统的 try-catch 语句进行错误处理时的冗余问题，值得期待 一种高效的针对大规模点云数据的外部八叉树（Octree）生成方法 崔鹏程 提出了一种高效的外部八叉树生成方法，用于任意大小的点云。 使用分层计数排序快速将点云分割成小块，然后并行处理。 通过自底向上对完整数据集进行采样生成细节层次（LOD）。 引入了快速分层近似蓝噪声采样策略，并与均匀随机采样策略进行了比较。 包括对磁盘的外部访问、生成八叉树和将最终结果写入磁盘的整体吞吐量，比现有技术快一个数量级，并且可以达到约每秒处理600万点（蓝噪声方法）和900万点（...

Rsbuild 1.0 发布：专为 Rspack 打造的构建工具 李勇鲁 又一款构建工具，包含诞生原因以及和常规构建工具的对比等等 你应该知道的21个html小技巧 徐堂鑫 21个html小技巧，有几个值得了解下 原生“跨组件”通信方式 李文娟 原生的一些跨组件通信行为和方式，可以尝试一下 Three.js粒子特效，shader渲染初探 崔鹏程 Three.js粒子特效，shader渲染初探，其中讲的比较详细，非常适合入门 Visual Studio Code 插件开发中的语言功能 陆欣 vscode 插件开发中的语言功能 2024年了，虚拟DOM该何去何从 黄鹤翔 文章从jQuery的命令式DOM操作讲起，介绍了Rea...

使用 yjs 给图形编辑器加上多人协同编辑功能 李勇鲁 图形编辑上协同或者有其他协同场景的可以参考下yjs Three.js-Shaders着色器 崔鹏程 Three.js-Shaders着色器 概念讲解 Vue3.5 源码解析， useTemplateRef 实现原理 刘世豪 VUE3.5源码之useTemplateRef。useTemplateRef主要是为了区分使用ref方法这种方式定义ref的，其本质上依然是基于ref Vue3.5正式上线，父传子props用法更丝滑简洁 徐堂鑫 带响应式Props解构赋值 Props默认值添加了新写法 IndexedDB-浏览器端的数据库 李文娟 了解浏览器端数据库IndexedDB的使...

54 个可视化网站！超酷！ 李勇鲁 可视化例子，总有一款适合你哈 比较有创意的个人网站实现思路 崔鹏程 比较有创意的个人网站实现思路 JavaScript 的模块化 (Modules)的前世今生 刘世豪 关于 js 模块化——从 IIFE 到 ESM 的发展历程以及 ESM 的相关使用介绍 今天才知道，Web 网页也能阻止息屏了 徐堂鑫 navigator.wakeLock api 可控制屏幕休眠状态 还在用定时器吗？借助 CSS 来监听事件 李文娟 定时器的很多场景我们可以换个思路用 css 来实现，比如 hover 延时触发： :hover 配合 transition 延时、transitionend 监听可以实...

Chrome 129 开始，内置滚动贴靠事件 李勇鲁 从 Chrome 129 开始，内置滚动贴靠事件，可以知道贴靠目标何时发生变化 css实现类似js节流效果 李文娟 本文主要探讨了在面临一次性下载几十个请求的场景下，如何控制并发以避免服务器压力过大的问题。 可以用CSS 来做节流效果，防止按钮重复点击，而且这种方式节流的逻辑完全和业务逻辑是解耦的，可以单独抽离出来，不过仅限于点击行为，并且因为是css行为，用户打开f12直接操作还是会有安全风险（安全场景要慎用）。 Js内存机制 刘世豪 虽然 JavaScript 并不需要直接去管理内存，但是在实际项目中为了能避开一些不必要的坑，你还是需要了解数据在内存中的存储方式的。 本文介绍了js的内存空间、垃圾回收以及...

Node.js 22：服务器端 JavaScript 的未来 崔鹏程 随着 Node.js 22 版本的发布，Node.js 继续突破创新，为开发者提供新的工具和增强性功能，帮助他们创建强大、高效的应用程序。本文将探讨 Node.js 22 给我们带来的一些令人兴奋的新功能和改进。 面试官：假如有几十个请求，如何去控制并发？ 郭晓旭 本文主要探讨了在面临一次性下载几十个请求的场景下，如何控制并发以避免服务器压力过大的问题。 作者指出浏览器对同一域名下的并发请求数量有限制，接着通过代码示例介绍了利用 Promise 模拟任务队列来实现请求池效果，以控制前端的并发请求数量。 文中详细阐述了定义请求池主函数、dequeue 函数、返回请求入队函数等，并通过实验展示了控制请求数的...