主页

技术爱好者周刊(第26期)

关于代码评审(CodeReview)那些不得不说的事儿 陆欣 程序写出来是给人看的,附带能在机器上运行。 前端小知识:??= 操作符,更简洁的默认值处理方式 李文娟 ??= 一种更简洁的设置默认值方案 Vite6版本 崔鹏程 整体来看没啥本质的变化,等下个版本吧 型、接口、枚举值都应该使用PascalCase命名 徐堂鑫 类型、接口、枚举值都应该使用PascalCase命名 变量命名 张伟达 命名不是一个创造性的过程,而是一个发现性的过程,仔细观察这段代码到底在做什么,理解它的核心功能和目的,让名字自然地从这种理解中显现出来 如果你在想名字时遇到困难,可以按照以下步骤操作: 1. 写注释 在函数/变量上方写一段注释,用自然语言描述它...

阅读更多

技术爱好者周刊(第24期)

让性能提升56%的Vue3.5响应式重构之“版本计数” 刘世豪 关于vue3.5版本计数的一些介绍 前端小知识:??= 操作符,更简洁的默认值处理方式 李文娟 ??= 一种更简洁的设置默认值方案 CSS3最强布局-Grid布局 徐堂鑫 grid布局相当强大,通过grid布局可以轻松实现flex不是那么容易实现的效果。 这篇文章详细介绍了 CSS3 的 Grid 布局,包括 Flex 布局痛点、Grid 是什么及兼容性,还讲解了声明容器、划分行列、间距定义、元素定位、网格命名、区域声明、网格流动、对齐管理、自动排列等方面,涵盖了各种属性和用法,如行列设置、定位方式、区域布局等,为开发者提供了全面的 Grid 布局知识。 Creating a Java...

阅读更多

技术爱好者周刊(第23期)

Intl 徐堂鑫 Intl 对象是 ECMAScript 国际化 API 的一个命名空间,它提供了精确的字符串对比、数字格式化,和日期时间格式化。 postMessage 还能这样玩 李勇鲁 postMessge 还可以这样玩,以后如果有类似的需要通过 iframe 进行通信的可以试下。 VoidZero - 下一代 JavaScript 工具链 陆欣 背景:JavaScript 应用规模和复杂性不断增加,现有的 JavaScript 工具链虽然丰富,但存在碎片化严重、每个应用都依赖大量第三方依赖项、配置和集成工具复杂等问题。 目标:VoidZero 旨在解决这些问题,为开发者提供一个更加流畅和高效的开发体验,构建一个统一、高性能、可组合且运行时无关的 J...

阅读更多

技术爱好者周刊(第22期)

77.9K Star 的 Axios 项目有哪些值得借鉴的地方 李勇鲁 一文彻底认识Axios 轻量级web框架 张伟达 一款轻量级web框架 2024年全网最新最详细《WebGL教程》 崔鹏程 2024年全网最新最详细《WebGL教程》 来看写个丝滑的播放器进度条VueUse能给省多少事 陆欣 视频进度条使用timeupdate事件控制进度会有顿感,通过帧率控制可以更加丝滑 用flex布局实现一个流程设计器 李文娟 用flex布局实现一个简单的流程设计器 一份前端够用的 Linux 命令 徐堂鑫 一份前端够用的 Linux 命令 淘宝、京东复制好友链接弹出商品详情是如何实现的 车泽民 淘宝、京东复制好友链接...

阅读更多

技术爱好者周刊(第21期)

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

阅读更多

技术爱好者周刊(第20期)

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

阅读更多

技术爱好者周刊(第20期)

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

阅读更多

技术爱好者周刊(第19期)

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

阅读更多