5coder
JavaScript-堆栈分析 JavaScript-堆栈分析
JavaScript-堆栈分析1.堆栈处理堆栈准备 JavaScript执行环境 执行环境栈(ECStack,execution context stack) 全局执行环境栈(EC(G)) 执行上下文 VO(g):Variable Obj
2022-08-23
Nuxt.js 综合案例 Nuxt.js 综合案例
Nuxt.js 综合案例介绍 GitHub仓库:https://github.com/gothinkster/realworld 在线示例:https://demo.realworld.io/#/ 接口文档:https://github.c
2021-07-26
Nuxt.js基础 Nuxt.js基础
Nuxt.js基础Nuxt.js介绍Nuxt.js是什么? 官网 GitHub仓库 官网介绍 Nuxt.js 是一个基于 Vue.js 的服务端渲染应用框架,它可以帮我们轻松的实现同构应用。 通过对客户端/服务端基础架构的抽象组织,Nu
2021-07-22
服务端渲染基础 服务端渲染基础
服务端渲染基础概述随着前端技术栈和工具链的迭代成熟,前端工程化、模块化也已成为了当下的主流技术方案,在这波前端技术浪潮中,涌现了诸如 React、Vue、Angular 等基于客户端渲染的前端框架,这类框架所构建的单页应用(SPA)具有用户
2021-07-22
Vuex 状态管理 Vuex 状态管理
Vuex状态管理课程目标 组件通信方式回顾 Vuex核心概念和基本使用 购物车案例 模拟实现Vuex 组件内的状态管理流程Vue最核心的两个功能:数据驱动和组件化 组件化开发给我们带来了: 更快的开发效率 更好的可维护性 每个组件都有
2021-07-19
Vue.js 源码剖析-模板编译和组件化 Vue.js 源码剖析-模板编译和组件化
Vue.js 源码剖析-模板编译和组件化模板编译 模板编译的主要目的是将模板(template)转换为渲染函数(render) <div> <h1 @click="handler">Title</h1&g
2021-07-16
Vue.js 源码剖析-虚拟DOM Vue.js 源码剖析-虚拟DOM
Vue.js 源码剖析-虚拟DOM 响应式原理回顾 Vue初始化过程 Vue中静态成员和实例成员初始化的过程 首次渲染过程 响应式实现过程 虚拟DOM回顾什么是虚拟DOM虚拟DOM(Virtual DOM)是使用JavaScript对象来
2021-07-09
Vue.js 源码剖析-响应式原理 Vue.js 源码剖析-响应式原理
Vue源码解析-响应式原理课程目标 Vue.js的静态成员和实例成员初始化过程 vue.use()、vue.set()、vue.extened()等这些全局成员的创建过程 vm.$el、vm.$data、vm.$on、vm.$mount等这
2021-06-21
Virtual DOM 的实现原理 Virtual DOM 的实现原理
Virtual DOM的实现原理一、Virtual DOM1.课程目标 了解什么是虚拟DOM,以及虚拟DOM的作用 Snabbdom的基本使用 Vue内部的虚拟DOM改造了一个开源库Snabbdom Snabbdom的源码解析 2.
2021-06-04
模拟Vue.js响应式原理 模拟Vue.js响应式原理
模拟 Vue.js 响应式原理 摘要: 接下来学习Vue响应式的原理,其中会模拟实现一个最简单的Vue。下面先来看一段代码,这段代码是Vue最基础的结构,我们要做的事情就是自己实现一个实现相同的效果。模拟的原因是我们都知道在面试的时候,Vu
2021-05-26
Vue-Router 原理实现 Vue-Router 原理实现
Vue-Router 原理实现 摘要: 首先来复习一下Vue-Router的基本使用,模拟实现之前,通过它的基本使用方式来进行分析如何实现。然后再来回顾一下,Hash模式和History模式的区别,演示一下History模式如何去使用,Hi
2021-05-23
Vue.js基础回顾 Vue.js基础回顾
一、Vue基础结构Vue代码的基础结构: 这是最基础的Vue代码,在创建Vue实例时,传入el和data选项,Vue内部会把data中的数据传入到el指向的模板中,并把模板渲染到浏览器。 本段代码执行的效果与上面相同,这里使用了re
2021-05-23
2 / 3