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