本篇文章笔者会讲解 Vue3 中侦听器相关的 api：watchEffect 和 watch 。在 Vue3 之前 watch 是 option 写法中一个很常用的选项，使用...
发简信
IP属地：新北
-
Vue3 源码解析（十）：watch 的实现原理
-
Vue3 源码解析（九）：setup 揭秘与 expose 的妙用
在前几篇文章中我们一起学习了 Vue3 中新颖的 Composition API，而今天笔者要带大家一起看一下 Vue3 中的另一个新鲜的写法 —— setup。 在绝大多数...
-
如果有 ts 基础的话，感觉有了类型定义的辅助，更容易看懂具体函数的作用
Vue3 源码解析（八）：ref 与 computed 原理揭秘
在 Vue3 新推出的响应式 API 中，Ref 系列毫无疑问是使用频率最高的 api 之一，而 computed 计算属性是一个在上一个版本中就非常熟悉的选项了，但是在 V...
-
Vue3 源码解析（八）：ref 与 computed 原理揭秘
在 Vue3 新推出的响应式 API 中，Ref 系列毫无疑问是使用频率最高的 api 之一，而 computed 计算属性是一个在上一个版本中就非常熟悉的选项了，但是在 V...
-
Vue3 源码解析（七）：依赖收集与副作用函数
在上一篇文章《响应式原理与 reactive》中由于篇幅限制笔者留下了两个小悬念 track 依赖收集处理器与 trigger 派发更新处理器没有细致讲解，而在本篇文章中笔者...
-
Vue3 源码解析（六）：响应式原理与 reactive
今天这篇文章是笔者会带着大家一起深入剖析 Vue3 的响应式原理实现，以及在响应式基础 API 中的 reactive 是如何实现的。对于 Vue 框架来说，其非侵入的响应式...
-
Vue3 源码解析（五）：Patch 算法与 React 一样，Vue 在处理虚拟 DOM 的更新时，也有自己的 diff 算法 —— patch。 什么是 patch Vue 在通过 VNode 节点渲染 DOM ...
-
Vue3 源码解析（四）：代码生成器
在 Vue3 源码解析系列的第一篇文章中，笔者带领大家一起走了一遍一个 Vue 对象实例化的流程，在一起看 @vue/compiler-core 编译模块的时候，首次出现了代...
-
Vue3 源码解析（三）：静态提升
什么是静态提升 Vue3 尚未发布正式版本前，尤大在一次关于 Vue3 的分享中提及了静态提升，当时笔者就对这个亮点产生了好奇，所以在源码阅读时，静态提升也是笔者的一个重点阅...
-
Vue3 源码解析（二）：AST解析器上一篇文章中，我们从 packges/vue/src/index.ts 的入口开始，了解了一个 Vue 对象的编译流程，在文中我们提到 baseCompile 函数在执行过程...
-
Vue3 源码解析(一)：编译流程Vue3 发布已经有一段时间了，最近也有机会在公司项目中用上了 Vue3 + TypeScript + Vite 的技术栈，所以闲暇之余抽空也在抽空阅读 Vue3 的源码。本...
-
M1芯片Mac搭建前端开发环境
M1芯片出来了有一段时间了，各类软件的兼容性已经跟进的差不多了，迫于 M1 实在太香，我的 M1 Macbook 也于本周到达了我的手上。在花费了两三个小时搭建完开发环境后，...
-
环境变量的问题
M1芯片Mac搭建前端开发环境
M1芯片出来了有一段时间了，各类软件的兼容性已经跟进的差不多了，迫于 M1 实在太香，我的 M1 Macbook 也于本周到达了我的手上。在花费了两三个小时搭建完开发环境后，...
-
M1芯片Mac搭建前端开发环境M1芯片出来了有一段时间了，各类软件的兼容性已经跟进的差不多了，迫于 M1 实在太香，我的 M1 Macbook 也于本周到达了我的手上。在花费了两三个小时搭建完开发环境后，...
-
初学者也能懂的Event Loop对于初学者来说，在面试或者学习的过程中，几乎都能接触到事件循环 (Event Loop) 这个名词，但是对于一个刚入门的前端工程师来说大部分都不明白事件循环到底是什么东西，以...
-
JavaScript —— Array 使用汇总
作为一名前端工程师，数组应该是我们写的最频繁的一种数据结构。所以弄懂 js 中的数组用法，是非常有必要的一件事情。今天我就准备按分类，总结一下数组的各种用法。 Propert...
-
H5 页面 iPhoneX 刘海屏适配随着这两年苹果坚定不移的走刘海屏路线，Hybrid 页面在 iPhoneX 上刘海屏的适配也是每个前端开发的小伙伴都会碰到的问题，今天就记录一下我关于刘海屏适配的部分经验。 ...
-
JavaScript —— Map转换Object
本文记录 ES6 中新增的 Map 对象转换为 Object 的几种方式，以及测试各种方式转换的性能。 第一种方式 首先我们准备一个 map 对象，接下来看第一种方式： 但是...
-
CSS的优先级
CSS 中的优先级也叫做特异性，浏览器使用它来判断在元素上使用何种属性，优先级是基于不同的选择器组合而成的匹配规则。 选择器的优先级 下面罗列的选择器，选择器的优先级是递增的...
-
Window.location 详细介绍
本文翻译自 @samanthaming 发表于 dev.to 的博文原文地址 https://dev.to/samanthaming/window-location-chea...