发现最新前端开发资讯
分类结果基于AI,如不准确请右上角反馈 :)
昨天

Web Components Demystified

logo
CSS-Tricks
/@Geoff Graham
作者分享了Scott Jehl发布的关于Web Components Demystified课程的笔记,介绍了Web Components相关概念,如Shadow DOM、Slots,以及使用方法等

二、WebGPU 基础入门——基础知识

logo
掘金前端
/@红尘散仙
文章介绍了由W3C GPU for the Web工作组主导设计的新一代Web图形与计算API——WebGPU,阐述了其相比WebGL的优势、基本功能,还通过TypeScript和Rust实现数字翻倍功能展示了WebGPU的核心使用流程,并

一、WebGPU 基础入门——环境搭建

logo
掘金前端
/@红尘散仙
本文源于作者对WebGPU的学习实践,从TypeScript与Rust双重视角解构其设计哲学,介绍了WebGPU的功能、与WebGL的区别等,并详细给出了基于Vite的TypeScript项目和可选的Rust学习环境的搭建步骤。

马拉车算法Kimi详解(js版)

logo
掘金前端
/@qipao
文章详细介绍了马拉车算法,包括其核心思想、算法步骤、JavaScript代码实现以及时间复杂度分析等

【React 源码阅读】为什么 React Hooks 不能用条件语句来执行?

logo
掘金前端
/@Tonychen
文章以React源码阅读为基础,探讨了React Hooks不能用条件语句执行的原因。通过对renderWithHooks、mountWorkInProgressHook等函数的分析,阐述了在渲染阶段确保执行顺序一致的必要性,以及条件语句可

Webpack 中的 ModuleFactory

logo
掘金前端
/@ak啊
文章以Webpack 5的源码为例,深入分析了ModuleFactory的源码实现,包括源码定位、核心源码解析、源码流程图解等内容,帮助读者更深入理解Webpack的模块化构建机制。

【万字总结】构建现代Web应用的全方位性能优化体系学习指南(一)

logo
掘金前端
/@庸俗今天不摸鱼
本文是关于构建现代Web应用全方位性能优化体系学习指南的第一篇,介绍了资源加载革命性策略,包括多维度压缩算法对比、CDN智能分发等,还提及了工具链与调试体系、性能优化进阶策略等内容。

Vue高级技巧大揭秘

logo
掘金前端
/@前端龙雨溪
本文深入剖析Vue的高阶开发技巧,涵盖动态watch、生命周期事件化、全局能力注入等方面,通过实际案例和性能基准测试展示了这些技巧在提升应用性能和优化代码结构方面的作用,帮助开发者更好地运用Vue的响应式系统。

事件循环详解

logo
掘金前端
/@远舟巴卡
文章介绍了JavaScript单线程模型带来的矛盾,以及浏览器采用多线程协作和事件驱动架构,通过事件循环实现单线程下的异步非阻塞执行,阐述了事件循环的工作原理、任务队列分类及特性等内容。
前天

手把手带你实现 Vite+React 的简易 SSR 改造【含部分原理讲解】

logo
掘金前端
/@明远湖之鱼
本文手把手带领读者实现Vite+React的简易SSR改造,介绍了SSR和CSR的差别,讲解了改造过程中的代码变更、逻辑以及Vite中CSS模块化在开发环境与生产环境的不同处理方式。

面试题之虚拟DOM

logo
掘金前端
/@加减法原则
文章主要介绍了虚拟DOM的概念、生成、diff算法等内容,它是前端框架如Vue和React的核心特性之一,能提高界面渲染效率,让开发者以声明式方式操作界面,避免直接操作DOM的性能问题,其diff算法和key机制进一步优化了更新过程。

八、唠嗑一下 React Fiber工作原理

logo
掘金前端
/@五号厂房
文章介绍了React Fiber这一React 16引入的核心算法重构,阐述了其通过增量渲染和优先级调度机制优化性能的工作原理,包括核心目标、核心机制等方面,并与传统React进行了对比,还总结了React Fiber的核心优势

高级前端篇-性能优化(这一篇就够了!w字长文,持续更新中)

logo
掘金前端
/@黄天才丶
本文围绕前端性能优化展开,阐述其重要性,介绍从项目开发到用户体验过程中的普适规范和优化理念,还详细讲解了DNS缓存、事件优化、网络优化等方面内容,最后介绍了多种找到性能问题的方法。

umi-request使用及原理解析

logo
掘金前端
/@若简
文章介绍了umi-request这个基于fetch的轻量级HTTP请求库,它专为UmiJS框架设计但也适用于其他前端项目,具有简洁API和强大扩展能力。还对比了它与axios的特性,介绍了其功能如url参数自动序列化、支持处理gbk等,以及

彻底理解React-Hooks

logo
掘金前端
/@你会发光耶
本文深入探讨了React-Hooks这一React 16.8的新增特性,介绍了它让我们能在不编写class的情况下使用state及其他React特性,对比了class组件与函数式组件的优势与不足,还讲解了相关的代码示例以及同构、Hydrat

Webpack 的模块路径解析器(Resolver)

logo
掘金前端
/@ak啊
本文详细介绍了Webpack的模块路径解析器,它基于enhanced - resolve库,通过插件机制实现复杂的路径解析逻辑,包括源码入口、核心类、关键插件与钩子以及解析流程的代码级步骤等

Lodash源码阅读-slice

logo
掘金前端
/@好_快
本文主要对Lodash中的slice函数进行源码阅读,它是对JavaScript原生Array.prototype.slice方法的封装,能处理null和undefined等边缘情况,增强参数处理灵活性,还介绍了其前置学习内容、源码实现及性

Lodash源码阅读-isIterateeCall

logo
掘金前端
/@好_快
文章解读了Lodash源码中的isIterateeCall函数,它能判断函数参数是否来自迭代回调的特殊调用模式,帮助Lodash实现“参数重载”,使API更灵活直观,体现了API设计既强大又易用的原则。

Lodash源码阅读-eq

logo
掘金前端
/@好_快
本文对Lodash中的eq函数进行了源码阅读与解析。eq函数实现了ECMAScript规范中的SameValueZero比较算法,能处理普通相等性比较及JavaScript中的特殊情况,如NaN与自身比较等,解决了JavaScript中 =

Lodash源码阅读-baseSlice

logo
掘金前端
/@好_快
文章对Lodash的内部工具函数baseSlice进行了源码解读,介绍了其功能、前置学习知识、源码实现、使用示例等内容
Made by 捣鼓键盘的小麦 / © 2025 Front Talk / 蜀ICP备2025121479号-2所有内容来自网络公开渠道,如有侵权请联系删除:frontalkofficial@gmail.com