=================
答案
数组就是使用 object.defineProperty 重新定义数组的每一项，那能引起数组变化的方法我们都是知道的， pop 、 push 、 shift 、 unshift 、 splice 、 sort 、 reverse 这七种，只要这些方法执行改了数组内容，我就更新内容就好了，是不是很好理解。
-
是用来函数劫持的方式，重写了数组方法，具体呢就是更改了数组的原型，更改成自己的，用户调数组的一些方法的时候，走的就是自己的方法，然后通知视图去更新。
-
数组里每一项可能是对象，那么我就是会对数组的每一项进行观测，（且只有数组里的对象才能进行观测，观测过的也不会进行观测）
vue3：改用 proxy ，可直接监听对象数组的变化。
那你说说Vue的事件绑定原理吧
===============
答案
-
原生 DOM 的绑定：Vue在创建真实DOM时会调用 createElm ，默认会调用 invokeCreateHooks 。会遍历当前平台下相对的属性处理代码，其中就有 updateDOMLListeners 方法，内部会传入 add（） 方法
-
组件绑定事件，原生事件，自定义事件；组件绑定之间是通过Vue中自定义的 $on 方法实现的。
（可以理解为：组件的 nativeOnOn 等价于 普通元素on 组件的on会单独处理）
v-model中的实现原理及如何自定义v-model ❗
============================
答案
v-model 可以看成是 value+input 方法的语法糖（组件）。原生的 v-model ，会根据标签的不同生成不同的事件与属性。解析一个指令来。
自定义：自己写 model 属性，里面放上 prop 和 event
还行哟~知道响应式数据和数据绑定问完了，接着问问渲染呗：
为什么Vue采用异步渲染呢？
==============
答案
Vue 是组件级更新，如果不采用异步更新，那么每次更新数据都会对当前组件进行重新渲染，所以为了性能， Vue 会在本轮数据更新后，再异步更新视图。核心思想 nextTick 。
dep.notify（） 通知 watcher进行更新， subs[i].update 依次调用 watcher 的 update ， queueWatcher 将watcher 去重放入队列， nextTick（ flushSchedulerQueue ）在下一tick中刷新watcher队列（异步）。
接着追问，要是你nextTick都能讲得很清楚的话那基本你是明白了。
了解nextTick吗？
============
答案
异步方法，异步渲染最后一步，与JS事件循环联系紧密。主要使用了宏任务微任务（setTimeout、promise那些），定义了一个异步方法，多次调用nextTick会将方法存入队列，通过异步方法清空当前队列。
可以的可以的，先问你个生命周期，我再想想怎么难住你
说说Vue的生命周期吧 ❗
=============
答案
什么时候被调用？
-
beforeCreate ：实例初始化之后，数据观测之前调用
-
created：实例创建完之后调用。实例完成：数据观测、属性和方法的运算、 watch/event 事件回调。无 $el .
-
beforeMount：在挂载之前调用，相关 render 函数首次被调用
-
mounted：了被新创建的vm.$el替换，并挂载到实例上去之后调用改钩子。
-
beforeUpdate：数据更新前调用，发生在虚拟DOM重新渲染和打补丁，在这之后会调用改钩子。
-
updated：由于数据更改导致的虚拟DOM重新渲染和打补丁，在这之后会调用改钩子。
-
beforeDestroy：实例销毁前调用，实例仍然可用。
-
destroyed：实例销毁之后调用，调用后，Vue实例指示的所有东西都会解绑，所有事件监听器和所有子实例都会被移除
每个生命周期内部可以做什么？
-
created：实例已经创建完成，因为他是最早触发的，所以可以进行一些数据、资源的请求。
-
mounted：实例已经挂载完成，可以进行一些DOM操作。
-
beforeUpdate：可以在这个钩子中进一步的更改状态，不会触发重渲染。
-
updated：可以执行依赖于DOM的操作，但是要避免更改状态，可能会导致更新无线循环。
-
destroyed：可以执行一些优化操作，清空计时器，解除绑定事件。
ajax放在哪个生命周期？：一般放在 mounted 中，保证逻辑统一性，因为生命周期是同步执行的， ajax 是异步执行的。单数服务端渲染 ssr 同一放在 created 中，因为服务端渲染不支持 mounted 方法。 什么时候使用beforeDestroy？：当前页面使用 $on ，需要解绑事件。清楚定时器。解除事件绑定， scroll mousemove 。
父子组件生命周期调用顺序（简单）
================
答案
渲染顺序：先父后子，完成顺序：先子后父
更新顺序：父更新导致子更新，子更新完成后父
销毁顺序：先父后子，完成顺序：先子后父
Vue组件通信 ❗
=========
答案
-
父子间通信:父亲提供数据通过属性 props传给儿子；儿子通过 $on 绑父亲的事件，再通过 $emit 触发自己的事件（发布订阅）
-
利用父子关系 $parent 、 $children ，
获取父子组件实例的方法。
-
父组件提供数据，子组件注入。 provide 、 inject ，插件用得多。
-
ref 获取组件实例，调用组件的属性、方法
-
跨组件通信 Event Bus （Vue.prototype.bus=newVue）其实基于bus = new Vue）其实基于bus=newVue）其实基于on与$emit
-
vuex 状态管理实现通信
Vuex 工作原理
=========
答案
官网：vuex.vuejs.org/zh/
-
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
-
状态自管理应用包含以下几个部分： state，驱动应用的数据源； view，以声明方式将 state 映射到视图； actions，响应在 view 上的用户输入导致的状态变化。下图单向数据流示意图：
-
vuex，多组件共享状态，因-单向数据流简洁性很容易被破坏： 多个视图依赖于同一状态。 来自不同视图的行为需要变更同一状态。
问虚拟 DOM 吧，看你能不能讲清楚从真实 DOM 到虚拟 DOM ，再和我说说 diff
如何从真实DOM到虚拟DOM
==============
答案
涉及到Vue中的模板编译原理，主要过程：
-
将模板转换成 ast 树， ast 用对象来描述真实的JS语法（将真实DOM转换成虚拟DOM）
-
优化树
-
将 ast 树生成代码
用VNode来描述一个DOM结构
================
答案
虚拟节点就是用一个对象来描述一个真实的DOM元素。首先将 template （真实DOM）先转成 ast ， ast 树通过 codegen 生成 render 函数， render 函数里的 _c 方法将它转为虚拟dom
diff算法
======
答案
时间复杂度： 个树的完全 diff 算法是一个时间复杂度为 O(n*3） ，vue进行优化转化成 O(n) 。
理解：
-
最小量更新， key 很重要。这个可以是这个节点的唯一标识，告诉 diff 算法，在更改前后它们是同一个DOM节点 扩展 v-for 为什么要有 key ，没有 key 会暴力复用，举例子的话随便说一个比如移动节点或者增加节点（修改DOM），加 key 只会移动减少操作DOM。
-
只有是同一个虚拟节点才会进行精细化比较，否则就是暴力删除旧的，插入新的。
-
只进行同层比较，不会进行跨层比较。
diff算法的优化策略：四种命中查找，四个指针
-
旧前与新前（先比开头，后插入和删除节点的这种情况）
-
旧后与新后（比结尾，前插入或删除的情况）
-
旧前与新后（头与尾比，此种发生了，涉及移动节点，那么新前指向的节点，移动到旧后之后）
-
旧后与新前（尾与头比，此种发生了，涉及移动节点，那么新前指向的节点，移动到旧前之前）
— 问完上面这些如果都能很清楚的话，基本O了 —
以下的这些简单的概念，你肯定也是没有问题的啦
Computed watch 和 method
=======================
答案
computed：默认computed也是一个watcher具备缓存，只有当依赖的数据变化时才会计算, 当数据没有变化时, 它会读取缓存数据。如果一个数据依赖于其他数据，使用 computed
watch：每次都需要执行函数。 watch 更适用于数据变化时的异步操作。如果需要在某个数据变化时做一些事情，使用watch。
method：只要把方法用到模板上了,每次一变化就会重新渲染视图，性能开销大
v-if 和 v-show 区别
================
答案
-
v-if 如果条件不成立不会渲染当前指令所在节点的DOM元素
-
v-show 只是切换当前DOM的显示与隐藏
v-for和v-if为什么不能连用
=================
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
ajax
1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？
有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！**
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-tv81W50R-1711827912916)]
ajax
1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？
[外链图片转存中…(img-nQz1xdTM-1711827912916)]
[外链图片转存中…(img-Ynz5Rhh6-1711827912916)]
2300
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
