主页

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

TensorFlow.js 概述:从技术原理到行业实践 崔鹏程 文章深入探讨了 TensorFlow.js 的技术原理及其在各个行业的实际应用案例。详细介绍了 TensorFlow.js 的架构设计、核心功能以及如何在浏览器中运行机器学习模型。通过多个行业实践案例,展示了 TensorFlow.js 在图像识别、自然语言处理、推荐系统等领域的应用,为开发者提供了全面的视野和实用的参考。 7种在 JavaScript 中分解长任务的技术 李勇鲁 探讨了在 JavaScript 中分解长任务的多种方法,包括 setTimeout()、async/await、scheduler.postTask()、requestIdleCallback()、requestAnimationFra...

阅读更多

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

OT 算法 刘世豪(言未) OT(操作转换)算法是一种解决实时协同编辑冲突的技术,通过对并发操作进行转换使所有用户最终看到一致的文档内容。它基于三个核心原则:因果律(确保操作顺序符合因果关系)、结果收敛(确保所有用户最终看到相同结果)和意图保留(尽量保持用户的原始编辑意图)。OT 算法通过向量时钟追踪操作的时序关系,并使用 transform 函数将并发操作转换为可以顺序应用的形式,从而实现多用户无缝协作编辑。 怎么浏览器打开图片的url默认是下载?) 徐堂鑫 为什么浏览器打开图片的url默认是下载,归根结底是Response-Header里面的Content-Type决定的 前端100万行代码是怎样的体验? 车泽民 100万行整个开发过程涉及到的人员和模块都很多,产...

阅读更多

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

前端Ai库brain.js指北 刘世豪(言未) 一个前端AI库Brain.js的介绍 视频播放测试地址(MP4、M3U8 格式) 徐堂鑫 视频播放测试链接 ES2025 爆款新特性,让开发效率翻倍 车泽民 了解未来可能的新语法,有些像rust TypeScript中的Omit与Pick:何时使用 王森 typescript Pick 与 Omit 的使用。Pick 很常用,Omit 也可以了解下,在某些情况下更适合。 少数人知道的 10 个神奇 CSS 选择器 李文娟(李果然) 一些不常用的但也能优雅处理部分场景的css选择器,还可以尝试组合使用,以实现更精准的样式控制。 【::first-line】:段落的首行样式 【::first-letter 】...

阅读更多

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

JS 检测设备性能 刘世豪(言未) 使用JS检测当前运行时的性能(繁忙度)及设备硬件所反映的性能水平 「硬核JS」你真的了解垃圾回收机制吗 徐堂鑫 介绍了 JavaScript 的垃圾回收机制,包括什么是垃圾回收、垃圾产生及回收原因、常见回收策略,还介绍了 V8 引擎对垃圾回收的优化 【第3444期】Chrome 131 开发者工具的新变化 车泽民 新版浏览器调试工具变化 圈复杂度在转转前端质量体系中的应用 王森 一种衡量代码质量的指标:圈复杂度。 Chrome 133+ 全新 DOM 操作方法:moveBefore 李文娟(李果然) 一个新的 DOM 操作方法:Node.prototype.moveBefore,它能够在移动 DOM 元素时保留元素的...

阅读更多

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

Web 终极拦截技巧 刘世豪(言未) 如果系统的控制权、代码完全被掌控,很容易添加中间层; 现实情况我们往往无法控制系统的所有环节,所以需要使用一些 “非常规”(拦截)手段来增加中间层。 从window.history理解浏览器返回不触发页面刷新问题 徐堂鑫 从标注页回到业务平台(window.history.back()),页面会存在不刷新的可能,经了解是缓存的原因,可通过监听 pageshow 事件解决 玉伯:做一个简单自由有爱的技术人 车泽民 看一看大佬这样的文章也不错 点击页面元素打开IDE源码的开源提效工具 王森 那天同事车神推荐了一个浏览器相似功能的插件,没多久就看到这篇技术文章了。学习一下优秀插件的设计。 Proxy代理对象 李文娟(李果然...

阅读更多

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

《JavaScript 二十年》 徐堂鑫 《JavaScript 二十年》在线阅读 为什么一个文件的代码不能超过 300 行?大家好,我是前端林叔,掘金小册《如何写出高质量的前端代码》 作者。 先说观点:在进 - 掘金 王森 有作者分享了一个文件的代码不应该超过 300 行的文章。同样,评论区才是最精彩的。认同的评论“300 行并不是一个绝对值,而是一个心理阈值。就是一旦代码超过 300 多行,甚至更多,就应该思考一下,是否应该拆分一下呢?… 核心还是每个代码文件应该尽量保持短小精简,逻辑独立。这样也能最大化的复用每个组件。” Web 音视频(二)在浏览器中解析视频 刘世豪(言未) 在浏览器中解析视频——文章介绍了关于视频文件解封装、视频转码、视频帧处理的一些具体操作...

阅读更多

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

当了 leader 才发现,大厂最想裁掉的,不是上班总迟到的,也不是下班搞失联的,而是经常把这 3 句话挂在嘴边的! 崔鹏程 如何玩转 WebGL 并行计算 车泽民 好文章之 GPGPU link 张修竹 当抽象错误时,最快的前进方式是后退。 一旦一个抽象被证明是错误的,最好的策略就是重新引入重复。单一原则 > DRY 插件系统为什么在前端开发中如此重要? 李勇鲁(路飞) 前端插件系统的重要性 如何玩转 WebGL 并行计算 王森 针对立即执行函数这个细小的知识点的一点理解。 这个 JavaScript API 比你想象中更强大!今天,我们来聊聊一个可能被你忽视,而且非常强大的标准 JavaSc - 掘金 刘世豪(言未) 针对立即执行函数这...

阅读更多

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

内存泄漏官方文档,基本泄漏定位方法 崔鹏程 内存泄漏官方文档,基本泄漏定位方法 重构2中文版,讲的通俗易懂 车泽民 重构2中文版,讲的通俗易懂,大家记得时常温习 2024 年,前端的开发方式正在发生着显著变化! 李勇鲁 未来的前端哪些会持续发展,哪些会消亡 面包屑对格林童话里的兄妹没有帮助,但对你的网站有 徐堂鑫 面包屑的名字原来是这么来的 《软件设计的哲学》中文翻译 陆欣 软件设计的哲学中英版,可以书中找到你的答案 OpenHands 张修竹 Devin的开源版,OpenHands 通过将所有 AI 行为统一为代码操作(如执行命令、读写文件等)。 好奇他是如何解决复杂的编程任务,看了下代码 OpenHands 通过...

阅读更多