james 的个人主页 - 动态

前端工程师 @luckincoffee

·

1年前

Serverless 基础篇系列文章 —— WebIDE创建云函数实践

本章节主要涉及以下的知识点一、具体实现步骤 1、创建一个云函数这里如果选中模板创建的方式就会创建成serverless 2、给云函数创建触发器来访问创建了触发器后，就...

0

前端工程师 @luckincoffee

·

1年前

Serverless 基础篇系列文章 —— 在vscode中配置插件来开发 serverless

在vscode中配置插件来开发serverless 上一章节Serverless 系列文章（一）—— 脚手架的安装及常见的命令我们介绍了使用命令的方式创建serverles...

3

前端工程师 @luckincoffee

·

1年前

Serverless 基础篇系列文章 —— 脚手架的安装及常见的命令

脚手架的安装及常见的命令一、先去腾讯云开通账号并且实名认证为开发者 1、腾讯云地址 2、实名认证后可以在控制台看到二、使用serverless命令创建第一个应用 1、全...

6

3

前端工程师 @luckincoffee

·

1年前

Vite2 自动化测试-e2e

Vite2 自动化测试-e2e 1 初始化 1.1 安装 1.2 tsconfig.node.json compiler-options 2.3 tsconfig.json...

0

关注了

前端工程师 @luckincoffee

·

1年前

Vue3源码解读之Vue3 整体架构

1.Vue3 架构介绍 1.1 Monorepo 管理项目 Monorepo 是管理项目代码的一个方式，指在一个项目仓库(repo)中管理多个模块/包(package)。 ...

11

前端工程师 @luckincoffee

·

1年前

Serverless 基础篇系列文章 —— 基础介绍

一、Serverless架构介绍 1、Serverless又名无服务器,所谓无服务器并非是说不需要依赖和依靠服务器等资源,而是开发者再也不用过多考虑服务器的问题,可以更专注...

0

前端工程师 @luckincoffee

·

1年前

Vue3 源码解读之副作用函数与依赖收集

1、副作用函数副作用函数是指会产生副作用的函数，如下面的代码所示：当 effect 函数执行时，它会设置 body 的文本内容，但除了 effect 函数之外的任何函数...

7

4

前端工程师 @luckincoffee

·

1年前

Vue3 源码解读之 JavaScript AST 转换器

Vue3 源码解读之 JavaScript AST 转换器 JavaScript AST 转换器 transform 在编译器的编译过程中负责将模板AST 转换为 Jav...

0

前端工程师 @luckincoffee

·

1年前

Vue3 源码解读之监听器watch的实现原理

watch 的本质所谓的watch，其本质就是观测一个响应式数据，当数据发生变化时通知并执行相应的回调函数。实际上，watch 的实现本质就是利用了 effect 和 o...

5

前端工程师 @luckincoffee

·

1年前

Vue3 源码解读之内置组件-Transition 组件

## Transition 组件的实现原理 `Vue 3` 内建的 `Transition` 组件可以为单个元素或单个组件添加过渡效果。它的核心实现原理如下： - 当 `D...

4

1

前端工程师 @luckincoffee

·

1年前

Vue3 源码解读之内置组件-Teleport 组件

Teleport 组件解决的问题如果要实现一个弹窗组件“蒙层” 的功能，并且该 “蒙层” 可以遮挡页面上的所有元素，通常情况下我们会选择直接在 <body> 标签下渲染 ...

0

2

前端工程师 @luckincoffee

·

1年前

Vue3 源码解读之内置组件 - KeepAlive 组件

KeepAlive 组件的作用 Vue 内建的 KeepAlive 组件用于缓存组件，可以避免一个组件被频繁的销毁/重建。假设我们的页面中有一组 <Tab> 组件，如下面的...

8

前端工程师 @luckincoffee

·

1年前

Vue3 源码解读之计算属性computed的实现原理

懒执行的 effect 通过在 effect 函数的 options 选项中添加 lazy 属性，可以实现一个懒执行的 effect，如下面的代码所示：在 effect ...

0

前端工程师 @luckincoffee

·

1年前

Vue3 源码解读之非原始值的响应式原理

在上个章节《Vue3 源码解读之原始值的响应式原理》，我们讲了 Vue3 原始值的响应式原理，这节我们来看看非原始值的响应式原理我们知道，Vue 3 中的响应式数据是基于...

0

前端工程师 @luckincoffee

·

2年前

Vue3 源码解读之原始值的响应式原理

Vue3 源码解读之原始值的响应式原理原始值指的是 Boolean、Number、BigInt、String、Symbol、undefined 和 null 等类型的值。...

1

前端工程师 @luckincoffee

·

2年前

Vue3 源码解读之patch算法(二)

Vue3 源码解读之patch算法(二) 在《Vue3 源码解读之patch算法(一) 》一文中，我们对 patch 过程中的文本节点、注释节点、静态节点、Fragment...

0

前端工程师 @luckincoffee

·

2年前

Vue3 源码解读之patch算法(一)

Vue 在处理虚拟DOM的更新时，会对新旧两个 VNode 节点通过 Diff 算法进行比较，然后通过对比结果找出差异的节点或属性进行按需更新。这个 Diff 过程，在 V...

0

1

前端工程师 @luckincoffee

·

2年前

Vue3 源码解读之静态提升

什么是静态提升静态提升是Vue3编译优化中的其中一个优化点。所谓的静态提升，就是指在编译器编译的过程中，将一些静态的节点或属性提升到渲染函数之外。...

2