主页

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

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

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

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

聊一聊点云PCL中常用的高级采样方法 崔鹏程 点云常见的采样方法 计算几何基础【用图来助你理解几何算法】 车泽民 开发常用的几何算法基础，多会一点少依赖ai一点 主打一个“小巧灵动”：Vite + Svelte 李勇鲁 通过开发小型应用，用数据详细比对svelte和vue，在我们开发项目进行分析的时候可以借鉴下。 TypeScript vs Flow 徐堂鑫 本文主要对比了 TypeScript 和 Flow：TypeScript 是 JavaScript 的类型化超集，是编程语言；Flow 是静态类型检查器 基于“第一性原理”的思路工作 陆欣 基于第一性原理去思考，找到事物的本质，从根本上解决问题。我们在做功能前多思考每个功能要解...

谷歌出品的“2024CSS 年度盘点” 张伟达 谷歌出品的“2024CSS 年度盘点” 重识 JavaScript 策略模式和适配器模式 刘世豪（言未） 本文主要讲解了 JavaScript 中的策略模式和适配器模式。策略模式通过封装算法实现可替换性，如计算出行时间、优化 if-else 分支和表单验证等场景。适配器模式用于接口不兼容的情况，如打车 SDK 扩展、axios 底层请求方法切换和优化业务组件请求方法等。最后总结设计模式要分离不变与变化部分，遵循开闭原则，复杂模块可做概要设计，阅读优秀源码能提升应用能力。 轻量桌面应用新星:Electrico，能否颠覆Electron的地位? 李勇鲁（路飞） 在桌面应用开发的世界里，Electron曾经是一位风...

vue项目中使用shepherd.js实现新手引导功能 刘世豪（言未） 这篇文章主要介绍在 vue 项目中使用 shepherd.js 实现新手引导功能。先阐述实现背景和需求，对比多个插件库优缺点后选择 shepherd.js。然后详细说明了其安装、引入使用、案例演示（如修改弹窗颜色、设置显示步骤条）及属性方法汇总。 前端开发不会写动画？分享4个动画库助你打造视觉盛宴 李勇鲁（路飞） 这篇文章是作者分享前端常用的动画库。重点介绍了 gsap、lottie、React Spring 和一个轻量级动画库。gsap 性能优化且 API 人性化；lottie 开源，优势众多；React Spring 基于 React 基于物理做动画。还提及其他未用过的动画库，作者常用 gsa...

大前端：如何突破动态化容器的天花板？ 李勇鲁（路飞） 从渲染层，平台抽象层，运行时支持，UI框架层四个方面以及如何突破动态化容器瓶颈的实践，思想值得学习和借鉴。 README 驱动开发 张伟达 GIthub 创始人 10 年写的文章，关于Readme 作为项目的”指南针”的用途，以及如何写好一个Readme。 前端体验优化之渐进式图片 车泽民 图片渐进式加载的原理和实现，以及如何在前端项目中使用渐进式图片。 浅析requestAnimationFrame的用法与优化 刘世豪（言未） requestAnimationFrame 的用法和优化，以及与 setTimeout 的对比。 2024 年前端安全报告 黄鹤翔 2024 年的 We...