主页

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

使用 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的使...

阅读更多

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

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

阅读更多

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

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

阅读更多

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

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

阅读更多

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

如何实现一个分词器 郭晓旭 什么是token?token是怎么来的?本文介绍了NLP中的分词器及其简单实现,与上期介绍的LLM遥相呼应,是其前置知识的一个补充。虽然大家在小学二年级均已学过,感兴趣的同学可以复习一下。 — 分析性能的 Chrome 开发者工具 崔鹏程 常用的变量名缩写,懒人福音,需要的话可以mark一下 刨析 JS 中的forEach、for in、for of三类循环原理和性能 陆欣 对比了几个循环的性能,for in的问题。 Vue3 又一新选择:VueHooks Plus 强势来袭! 李勇鲁(路飞) Vue3 又一新选择:VueHooks Plus 强势来袭!,Vue3新的更全面的hooks选择 Fuse.js一个轻量高效的模糊...

阅读更多

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

彻底学会 Taiwind CSS! 郭晓旭 关于taiWindCss的一篇文章,介绍的很详细,从概念、使用到部署都有涉及。大家可以提前了解,后续项目中接入的学习成本就小了。 编程语言中常用的变量命名缩写 徐堂鑫 常用的变量名缩写,懒人福音,需要的话可以mark一下 Tailwindcss和 Unocss 在 vue3 项目里的性能比较 郭兵宇 主要是在两个项目打包大小和浏览器体验评分上做简单对比,可以看出 Unocss的体积相对小一些。 基础课15——语音标注_语音标注怎么做 崔鹏程(温华) 语音标注的使用场景和应用介绍 label-studio 那焱(纳兰) 文本标注看这家吧,基于xml的完全开放的文本标注schema设置,可以满足各种自定...

阅读更多

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

12 种 Vue 设计模式 郭晓旭 介绍了vue开发的几种设计模式,比如策略模式,hooks等,这些开发技巧可以用起来提高代码可维护性。 自动驾驶感知算法 陆欣(谢晓峰) 这里有一套自动驾驶感知算法学习的资料,包括了计算机视觉基础、针孔相机模型、将激光雷达3D点云映射到相机图像的原理。 Renderless 思想正在影响前端开发 刘世豪(言未) 无渲染组件(Renderless Components)是一种设计模式,其核心理念是将组件的逻辑和表现分离。具体来说,无渲染组件只关注业务逻辑和状态管理,而不关心具体的 UI 渲染实现。 常见的无渲染组件实现方式有下面几种: Render Props 通过 render prop 属性将一个函数作为子组件传递,使得父组件...

阅读更多

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

Uiverse 是一个专门提供用作前端开发的各种酷炫 UI 组件的网站 车泽民 Uiverse 是一个专门提供用作前端开发的各种酷炫 UI 组件的网站,名称的意思是 Universe of UI,即 UI 宇宙。这个网站由来自捷克的 Pixel Galaxies s.r.o 公司建立并且运营,上面所有的 UI 元素都是来自世界各地的设计师和开发者自发分享自己的创意,并且将代码上传到上面,供其他人来学习和使用的 基于Vite构建的Vue3+Ts项目打包优化全过程 陆欣(谢晓峰) vite打包优化分析,及减小包体积方案,介绍了下rollup-plugin-visualizer分析工具的用法 To B 产品:从概念到市场实践 郭晓旭 产品的多层次结构 To B与To ...

阅读更多