摘要：
为什么使用虚拟 Dom 提升页面性能，用最少的操作来达到最大的性能 虚拟 DOM 作用 维护视图和状态的关系 复杂视图情况下提升渲染性能 跨平台 浏览器平台渲染DOM 服务端渲染 SSR(Nuxt.js/Next.js) 原生应用(Weex/React Native) 小程序(mpvue/uni-a 阅读全文
摘要：
Vue 响应式原理模拟 接上一步 模拟一个 简易版的 vue 整体分析 Vue 基本结构 打印 Vue 实例观察 整体结构 Vue 要实现的 功能 负责接收初始化的参数（选项） 负责把 data 中的属性注入到 Vue 实例，转换成 getter/setter 负责调用 observer 监听 da 阅读全文
摘要：
前期准备工作 数据驱动 响应式的核心原理 发布订阅者模式和观察者模式 数据驱动 数据响应式 数据模型仅仅是普通的 JavaScript 对象，而当我们修改数据时，视图会进行更新，避免了繁琐的 DOM 操作，提高开发效率 双向绑定 数据改变，视图改变；视图改变，数据也随之改变 我们可以使用 v-mod 阅读全文
摘要：
Vue Router 实现原理 会用到以下几个前置知识 插件 混入 Vue.observable() 插槽 render 函数 运行时和完整版的 Vue 概念 当前端路由切换的时候，在浏览器端判断当前路径，并加载当前路径对应的组件 Hash 模式 URL 中 # 后面的内容作为路径地址 监听 has 阅读全文
摘要：
简单概要 内存管理 垃圾回收与常见 GC 算法 V8 引擎的垃圾回收 Performance 工具 代码优化栗子 内存管理 简单叙述内存，下面是一个小 code function fn() { arr = [] arr[1000000] = 'hellow' } fn() // 如果不是很了解内存机 阅读全文
摘要：
就是干 ECMAscript 6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。 接下来用分块、分步骤、加注释来一步一步，实现手写 Promise。 一、实现 Promise 的基本使用 Promise 就是一个类在执行这个类的时候需要传递一 阅读全文
摘要：
Js 单线程之异步编程 先了解一个概念，为什么 JavaScript 采用单线程模式工作，最初设计这门语言的初衷是为了让它运行在浏览器上面。它的目的是为了实现页面的动态交互，而交互的核心是进行 Dom 操作，这也就决定了必须使用单线程模式，否则就会出现很复杂的线程同步问题。假如有两个同步线程工作，其 阅读全文
摘要：
函数式编程 为什么要学习函数式编程以及什么是函数式编程，包括函数式编程的特性（纯函数、柯里化、函数组合等） 函数式编程就是利用纯函数来实现一些细粒度的函数，再通过函数的组合把这些细粒度的函数组合成为功能更强大的函数 为什么要学习函数式编程 函数式编程是非常古老的一个概念，早于第一台计算机的诞生。有兴 阅读全文
摘要：
rem 移动端自适应 移动端适配 在用 vue cli3.x 写项目的过程中，遇到了一些问题，当我 用 Vant 框架时，官方文档提示说 Vant的样式默认使用 px 作单位，如果使用 rem 的话，推荐使用以下两个工具： postcss-pxtorem 是一款 postcss 插件，用于将单位转化 阅读全文
摘要：
Vue3.0 Beta 北京时间4月21日，Vue 作者尤雨溪大大受邀和他的朋友在 bilibili 平台直播间分享了关于 Vue3.0 Beta的一些新特性。 一、视频链接 这个是我在 bilibili 找了个完整版的。 这个是在掘金社区 剪掉了前期调试部分直接进入主题部分 的。 二、搬运工 我是 阅读全文