深入理解 DOM 的 dispatchEvent API掘金前端/@ycgg本文围绕前端开发中DOM的dispatchEvent API展开,介绍了其在模拟用户原生交互、实现组件解耦通信以及支持二进制数据传递等方面的作用,并将从基础用法到进阶技巧进行全面讲解。
性能突破:WebGPU + WebAssembly(WASM)技术深度解析奇舞精选/@李佳音/4 天前文章聚焦Web应用在重负载场景下的性能突破,对WebGPU + WebAssembly技术进行深度解析
从思想到实践:前端工程化体系与 Webpack 构建架构深度解析掘金前端/@5C24/4 天前文章从思想到实践,对前端工程化体系与Webpack构建架构进行了深度解析,包括工程化的本质目标、核心流程等内容
一种基于 Service Worker 的渐进式渲染方案的基本原理掘金前端/@明远湖之鱼/6 天前本文介绍了一种基于Service Worker的渐进式渲染方案,该方案通过缓存并劫持主文档请求,先返回快照展示,后台拉新内容后流式替换,实现零感知加载,还对比了客户端方案,突出了其跨平台、热更新、易维护等优势。
深入理解 JavaScript 模块系统:CJS 与 ESM 的实现原理掘金前端/@温宇飞/7 天前本文通过require源码和ESM规范,深入解释了JavaScript模块系统中CJS与ESM在加载时机、值的传递方式、循环依赖处理等方面的实现机制,帮助读者真正理解require和import的区别。
深度复盘: WebGL 数字孪生前端架构:如何打造高颜值、高性能的 Web 3D 可视化系统掘金前端/@Addisonx/10 天前本文从前端视角复盘WebGL数字孪生架构设计,重点讲述如何将3D场景封装为独立组件以与后端解耦,还涵盖了Shader特效编写、GPS坐标映射算法及GPU实例化渲染等内容
梳理SPA项目Router原理和运行机制 [共2500字-阅读时长10min]掘金前端/@仙人掌一号/14 天前本文深入解析SPA路由原理,对比Hash与History模式差异,结合React - Router源码剖析底层更新机制,并详解History模式的服务端配置方案
深入 Next.js 源码:Image 组件 Color Placeholder 实现原理掘金前端/@bytemanx/15 天前本文深入Next.js源码,解析Image组件Color Placeholder的实现原理,强调图片加载体验对用户的重要性
el-button源码解读4——props color和native-type掘金前端/@Joie/15 天前文章主要对el-button源码中props的color和native-type进行了解读,介绍了在设置color时自动计算并应用按钮各状态颜色样式的相关内容。
深度解读虚拟列表:从原理到实战,解决长列表渲染性能难题掘金前端/@小帆聊前端/20 天前文章对虚拟列表进行深度解读,涵盖从原理到实战的内容,致力于解决长列表渲染性能难题,如万级数据加载后页面滚动卡顿、列表项含图片时滚动跳位等问题
el-button源码解读3——:class="buttonKls"与颜色系统的关系掘金前端/@Joie/11月30日文章主要对el-button源码中:class="buttonKls"与颜色系统的关系展开解读,阐述了buttonKls作为计算属性生成按钮所需CSS类名等相关内容。
element-plus源码解读3——【scss】颜色系统完整流程掘金前端/@Joie/11月30日本文主要解读了element-plus源码中颜色系统的完整流程,包括基础颜色定义的位置及相关scss知识点,还介绍了自动生成颜色变体等内容
element-plus源码解读2——vue3组件的ref访问与defineExpose暴露机制掘金前端/@Joie/11月30日文章围绕element-plus源码,解读了vue3组件的ref访问与defineExpose暴露机制
element-plus源码解读1——useNamespace掘金前端/@Joie/11月29日文章主要对element-plus中的useNamespace进行源码解读,介绍其位置及作用是帮所有组件统一生成类名/变量名,遵循BEM规范
你的App消息推送为什么石沉大海?看Service Worker源码我终于懂了前端达人/@阿森/11月27日文章主要探讨了App消息推送石沉大海的原因,作者通过深入研究Service Worker源码来寻找答案。