OnePsycho

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…

如今前端工程师的技术要求越来越高，会使用常见的API已经不能满足现如今前端日益快速发展的脚步。现在中大厂基本都会要求面试者手写前端常见API的原理，以此来证明你对该知识点的理解程度。接下来，我将列举我面试时以及自认为比较重要的CSS部分、JS部分常见手写原理题！ 如今Flex布…

具体的关于TCP是什么，我不打算详细的说了；当你看到这篇文章时，我想你也知道TCP的概念了，想要更深入的了解TCP的工作，我们就继续。它只是一个超级麻烦的协议，而它又是互联网的基础，也是每个程序员必备的基本功。首先来看看OSI的七层模型： 我们需要知道TCP工作在网络OSI的七…

javascript语言的执行环境是单线程（single thread），就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；但是只要耗时比较多，假如有一个任务耗时很长，后…

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。 在 Vue 的文档中，说明 Vue 是异步执行 DOM 更新的。关于异步的解…

大家都知道，Vue中默认是支持双向绑定的，在Vue2.x中 组件与DOM之间可以通过v-model来进行双向绑定，然而 React 从诞生之初就不支持双向绑定，React一直提倡的是单向数据流，他称之为 onChange/setState()模式。 不过由于我们一般都会用 Vu…

易于使用： Vue.js包含基于HTML的标准模板，可以更轻松地使用和修改现有应用程序。 更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vue.js都可以更平滑地集成更小的部件，而不会对整个系统产生任何影响。 更好的性能，更小的尺寸：它占用更少的空间，并且往往比其他框架…

view和model之间的同步是自动的 无需人为干涉 所以开发者只需要关注业务逻辑而不需要操作dom 更无须关注数据状态的同步问题 复杂的数据状态维护就交给mvvm统一管理。

vue实例从创建到销毁的过程，就是生命周期。 也就是从开始创建、初始化数据，编译模板、挂载DOM —渲染、更新—渲染、卸载等一系列过程，称为Vue的生命周期 分为 8个阶段 创建前后 载入前后 更新前后 销毁前后。 BeforeCreate 组件实例刚刚被创建，获取不到prop…