前端框架原理解析
26篇文章 · 0订阅
  • 「react进阶」一文吃透react-hooks原理
    之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…
    React.js JavaScript
    「react进阶」一文吃透react-hooks原理
  • vue3 - diff算法之双端diff算法
    双端Diff算法 双端Diff在可以解决更多简单Diff算法处理不了的场景，且比简单Diff算法性能更好。本篇是以简单Diff算法的案例来展开的，不过没有了解简单Diff算法直接看双端Diff算法也是
    前端 Vue.js
  • 不会 Vue，但不影响我学 diff 算法
    现在就业形势确实严峻，前端面试时考查的难度也越来越大，面试官会问很多关于框架原理的知识点以区分候选人的水平和学习能力，而 diff 算法就属于面试中的高频问题，下面我们就来了解一下 diff
    前端 React.js Vue.js
    不会 Vue，但不影响我学 diff 算法
  • 前端面试必考题：React Hooks 原理剖析
    首先，功利点来说：目前前端框架三分天下：React、Vue、Angular，而 React 自从 v16.8.0 版本正式推出 React Hooks 概念后，风势已经从原来的类组件猛地转向函数组件，这是一个在设计模式、心智模型层次，且非常近期的革新，因此只要是你谈到自己会 R…
    React.js
  • Vue源码学习之代码实现生成原理及render函数执行准备
    这一篇写的是将ast语法树转换成字符串拼接的形式，并写了render函数执行前准备，为下一步将虚拟FOM转换为真实DOM做准备！
    掘金·日新计划 前端 Vue.js
    Vue源码学习之代码实现生成原理及render函数执行准备
  • 简单手写实现React的createElement和render
    今天开始正式，学习写源码系列，本系列是学习系列。 本文的目标是，手写实现createElement和render。总体简单，可以跟练
    前端 React.js JavaScript
  • VirtualDOM与diff(Vue实现)
    因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。 文章的原地址：https://github.com/answershuto/learnVue。 在学习过程中，为Vue加上了中文的注释http…
    Vue.js JavaScript 算法
  • 在 Vue3 中实现 React 原生 Hooks（useState、useEffect）进而深入理解 React Hooks 的本质原理
    希望本文可以给你不一样的角度去理解 React Hooks 的本质原理，也只有理解了 React Hooks 实现的本质原理，才可以在 Vue3 的函数式组件上实现 React-style Hooks
    Vue.js React.js
  • 关于react diff 算法（译文）
    React是由facebook开发，用于构建用户界面的js类库，以提升性能为设计理念。在本文中，我将为大家介绍在React中的diff算法，以及它的渲染机制，以便于你能够更好的优化你的程序。 在深入了解实现细节之前，了解React如何工作是很重要的。 在任何时候，你可以将UI描…
    React.js 算法 JavaScript
  • 详解vue的diff算法
    目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…
    Vue.js
    详解vue的diff算法