基于react-scripts源码,仿写自定义开发工具包掘金前端/@bigyoung本文基于react-scripts(v4.0.3)的源码,分析其实现逻辑,尝试在eject之后对其再次封装,简化实现一个精简版工程化脚本包。
剖析initData在水合中的设计哲学掘金前端/@11在上班本文通过开发SSR项目时遇到的水合错误,剖析了initData在水合中的作用与设计哲学,包括数据初始化、水合对齐和降级容错等核心作用,以及水合机制的“容忍度”设计,最后给出了强制数据同步的实践方案。
代码生成的核心环节-Template掘金前端/@ak啊本文详细介绍了Webpack的Template模块,它是代码生成的核心,负责拼接模块化代码和运行时代码成最终bundle文件。文中解析了其源码结构与核心类,还介绍了使用案例、配置及Webpack 5的改进。
前端工程化之webpack(万字)掘金前端/@路遥知码li本文基于webpack 5.x版本,详细介绍了其作为静态模块打包工具的原理、入门使用方法,包括安装、配置入口与输出、指定打包模式,以及常用loader如css-loader和style-loader等
🔥 Vue2 vs Vue3 的 h 函数终极指南:从入门到源码级深度解析掘金前端/@鱼樱前端本文是关于Vue2和Vue3的h函数终极指南,介绍了h函数的定义、作用、原理,对比了Vue2和Vue3中h函数的用法,通过实战案例展示差异,并进行了底层原理与源码分析,还给出了最佳实践与注意事项。
Vue 2 中动态新增属性丢失响应性原因探究掘金前端/@褪色的笔记簿文章主要探究了Vue 2中动态新增属性丢失响应性的原因,指出直接在模板中新增属性或通过`$set`方法新增属性可确保响应性,普通方式则不然。
【万字总结】前端全方位性能优化指南(三)掘金前端/@庸俗今天不摸鱼这篇文章是前端全方位性能优化指南的第三章,主要介绍了GPU渲染加速体系,包括分层渲染策略、渲染管线优化、共享内存管理等方面的技术原理与核心价值,以及相应的性能优化策略,展示了现代浏览器图形渲染管线的重构成果。
深入理解Base64编码原理掘金前端/@前端南玖本文深入介绍了Base64编码原理,包括其字符集、编码原因、具体编码步骤以及在邮件传输协议和前端页面实现中的应用,同时强调了Base64编码本身不具备加密功能。
Errorboundary详解掘金前端/@至简简文章主要介绍了React中的ErrorBoundary组件,它能捕获子组件树中发生的JavaScript错误,如渲染错误、生命周期方法中的错误、setState触发的错误等,并给出了示例代码,还阐述了其在服务端渲染及自身错误捕获方面的局限性
一文搞懂 React useState的内部机制:闭包状态持久化的奥秘掘金前端/@小成C本文深入探讨了React函数式组件中最常用的Hook之一useState的工作原理,包括其基本概念、执行流程、闭包与状态持久化的关系,以及这种设计的优势和关键特性等
深入解析前端插件机制:以埋点SDK与Webpack为例程序员成长指北/@Luckyfif作者在做前端监控全链路项目时,因埋点SDK架构设计需插件机制,故将其与Webpack插件机制类比,探讨共通与差异。
个人关于vue响应式系统的理解掘金前端/@没头发的卓卓作者先介绍了Object.defineProperty的基本语法和参数,通过实例展示了其使用方法。接着讲解了vue响应式系统中Dep、Watcher的作用和工作原理,以及依赖收集和更新的过程,并对全局Dep.target是否会被多个watc
JavaScript闭包的认识/应用/原理掘金前端/@大龄大专大前端本文首先用通俗易懂的三句话解释了什么是闭包,接着介绍了闭包在项目实践中的应用,如创建数据模块化等,还对比了闭包与对象、ES6 Module模块的异同,最后从V8引擎的内存管理机制等方面深入理解闭包的原理。
Vue3 计算属性 computed 实现原理解析掘金前端/@疯狂的魔鬼文章深入解析了Vue3计算属性computed的实现原理,包括其核心特性如延迟计算、缓存机制、自动追踪等,以及实现原理拆解、核心模块协作、与响应式系统的整合等内容
vue2和vue3的响应式原理有何不同?掘金前端/@威哥爱编程文章详细介绍了Vue 2和Vue 3的响应式原理,对比了两者差异及对性能的影响,指出Vue 3的响应式原理更完善强大,建议老项目中的Vue2更新为Vue3。
深入浅出Vue响应式原理:手把手解析Proxy与依赖追踪掘金前端/@ys指风不买醉文章介绍了Vue响应式原理,通过es5 object.defineProperty或者es6 proxy实现,劫持数据变化并追踪,以依赖收集的发布-订阅模式触发相关联数据更新,还探讨了ref和reactive的区别等内容。