- 博客(7)
- 收藏
- 关注
RSS订阅原创 从虚拟dom知识无痛深入vue与react的原理
我们都知道像vue、react都有用到虚拟dom,那么虚拟dom到底是什么？框架为什么不直接操作真实dom而要在中间要引入虚拟dom呢？vue和react的虚拟dom又有什么异同呢？我们就从虚拟dom开始讲起，再来逐步引入讲解vue与react的部分原理及其异同，这里会顺便讲解到数据驱动视图及视图驱动数据，顺便明白MVVM、MVC这两种模式，顺便引入相关的八股文知识点，不小心一下子就明白了一大堆知识。
2024-03-29 21:30:57
1412
1
原创 this指向&call,apply,bind的用法及手写
我们知道 call,apply,bind 主要用来修改 this 指向。那么这三个方法的用法区别是什么？具体是怎么修改 this 指向的？我们该如何手写自己的 call,apply,bind 函数？我们先从 this 指向讲起。明白了this在不同情况的指向，再来看这三个方法在操纵 this的具体情况及异同，明白其作用后再来讲解如何实现这样功能的函数。
2024-03-27 23:56:41
1125
原创 关于Vue的数据响应式
我们也不知道函数名称是什么，所以不如就将调用的函数都统一起一个名称，如叫"__func"，框架也好实现了，只要调用到响应式数据的函数临时改名为__func，直接通过window.__func就可以拿到调用响应式数据的函数并将其往funcs数组里塞就行了。当数据修改时（也就是set调用时），则遍历funcs数组里的函数，将每个数组里的函数都调用一遍。好了，明白了Vue数据响应式的本质，我们再来简述一下其实现的原理，也就是：响应式数据（被监听到的数据）发生变化，该怎么确保涉及到该数据的函数都执行一遍呢？
2024-03-26 22:07:01
1165
原创 浏览器的渲染原理及相关八股文知识点
浏览器在拿到html、css、js代码信息后是如何渲染成为页面的呢，事实上，当我们从浏览器地址栏上输入网址，这里进行网络通信后从服务器端拿到了页面信息，浏览器就可以渲染页面了。而服务器给我们的信息实际上是给客户端返回一个HTML字符串，那么这个字符串是如何转换成一个我们可直观交互的功能画面的呢？这里我们肉眼感官只是一瞬间的页面显现，但实际上浏览器底层已进行了一套复杂的渲染流程，具体渲染流程步骤大致如下：HTML字符串→解析HTML→样式计算→布局→分层→绘制→分块→光栅化→画→像素信息。
2024-03-25 22:27:32
901
原创 一篇搞定→进程线程&事件循环&同步异步&宏任务微任务&代码执行顺序
只有深入理解，才能真正理解。要搞清事件循环，需先明白这两个重要概念–进程、线程，然后我们由外向内逐一引入事件循环这回事。
2024-03-21 13:09:21
930
原创 从根源理解Proxy对比defineProperty优势
defineProperty和Proxy分别是Vue2和Vue3实现响应式的核心原理，实现数据响应式的关键在于对数据进行监听及操作，如以下对象obj，当我们读取对象属性obj.name或修改对象属性obj.age=81，该如何监听到进行了obj属性的读取或修改操作的行为呢？思路是→。那么怎么把对象属性的读取赋值操作转变为一个函数呢？Vue2采用了ES5提供的Object.defineProperty方法。通过代理对象obj2即可对obj中的属性进行操作（即数据代理）。那么怎么代理obj对象的所有属性呢。
2024-03-19 22:01:35
1128
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人