vue.js

vue2.7 源码中，nextTick并没有直接使用某个 API ，而是采用了优雅降级的方案去实现异步更新。我们额外维护了一个 callbacks，用于存储 nextTick 回调 vue 官网中是这样描述 nextTick 的 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据 »

我们只会在 Observer 类 和 defineReactive 函数中实例化 dep。在 getter 方法中依赖收集，在 setter 方法中派发更新通知 观察者模式定义了对象间一对多的依赖关系。即被观察者状态发生变动时，所有依赖于它的观察者都会得到通知并自动更新。解决了主体对象和 »

目录 后端实现 1. 数据库设计 2. 创建 Maven 项目 3. 配置数据库 4. 创建实体类 5. 创建 Repository 6. 创建 Service 7. 创建 Controller 8. 启动应用 9. 完整的SecurityConfig.java： 前端实现 1. 创建 Vu »

目录 后端实现 1. 数据库设计 2. 创建 Maven 项目 3. 配置数据库 4. 创建实体类 5. 创建 Repository 6. 创建 Service 7. 创建 Controller 8. 启动应用 9. 完整的SecurityConfig.java： 前端实现 1. 创建 Vu »

模版 template和响应式数据是如何渲染成最终的DOM？new Vue又发生了什么？render和update的作用又是什么？ 上一篇文章我们介绍了 Vue2模版编译原理，这一章我们的目标是弄清楚模版 template和响应式数据是如何渲染成最终的DOM。数据更新驱动视图变化这部分后 »

在Vue $mount过程中，我们需要把模版编译成render函数，整体实现可以分为三部分： parse、optimize、codegen。 在Vue $mount过程中，我们需要把模版编译成render函数，整体实现可以分为三部分： parse：解析模版 template生成 AS »

在Vue $mount过程中，我们需要把模版编译成render函数，整体实现可以分为三部分： parse、optimize、codegen。 在Vue $mount过程中，我们需要把模版编译成render函数，整体实现可以分为三部分： parse：解析模版 template生成 AS »

响应式基本原理就是，在初始化vue实例的时候，对data的每一个属性都通过 Object.defineProperty 定义一次，在数据被set的时候，做一些操作，改变相应的视图 Vue.js 基本上遵循 MVVM（Model–View–ViewModel）架构模式，数据模型仅仅是普通的 »

响应式基本原理就是，在初始化vue实例的时候，对data的每一个属性都通过 Object.defineProperty 定义一次，在数据被set的时候，做一些操作，改变相应的视图 Vue.js 基本上遵循 MVVM（Model–View–ViewModel）架构模式，数据模型仅仅是普通的 »

目录 一、Vue概述 1、Web前端框架介绍 2、MVC和MVVM 3、Vue介绍 4、安装Vue 二、Vue使用 1、第一个Vue应用  2、Vue的双向绑定 3、实践练习 三、Vue生命周期 1、Vue的实例和数据 2、Vue生命周期钩子函数 3、实践练习 四、过滤器 1、过滤器 »

目录 一、Vue概述 1、Web前端框架介绍 2、MVC和MVVM 3、Vue介绍 4、安装Vue 二、Vue使用 1、第一个Vue应用  2、Vue的双向绑定 3、实践练习 三、Vue生命周期 1、Vue的实例和数据 2、Vue生命周期钩子函数 3、实践练习 四、过滤器 1、过滤器 »

目录 Vue.js、React和Angular对比 以下是Vue.js的代码示例： 以下是React的代码示例： 以下是Angular的代码示例： Vue.js、React和Angular对比 Vue.js、React和Angular都是流行的前端框架，它们都有自己的优势和 »

目录 选择框架 Vue Composition API 导入依赖 代码分割 懒加载 异步组件 分割API请求 有条件加载组件 CSS 完善加载状态 取消API请求 Stale While Revalidate 更新指示 总结 单页面应用（SPAs）当处理实时、异步数据时，可以提供丰 »

目录 前言 Pinia 和 Vuex 简介 什么是Pinia？ 什么是 Vuex？ Pinia 的特点 模块化设计 完整的开发工具支持 Pinia 很直观 Pinia 是可扩展的 TypeScript 支持 Pinia 轻量的 Vuex的特点 模块 开发工具支持 热重载 TypeScri »

目录 一、Nginx 二、Apache 三、IIS 四、Apache Tomcat Web 服务器是一种用于存储，处理和传输Web内容的软件。它是一种特殊类型的服务器，具有处理 HTTP 请求并向浏览器返回 Web 页面和其他内容的能力。Web服务器支持多种编程语言，如 PHP，JavaScr »

目录 一、Nginx 二、Apache 三、IIS 四、Apache Tomcat Web 服务器是一种用于存储，处理和传输Web内容的软件。它是一种特殊类型的服务器，具有处理 HTTP 请求并向浏览器返回 Web 页面和其他内容的能力。Web服务器支持多种编程语言，如 PHP，JavaScr »

目录 前言 实例代码 总结 前言 基于Element-UI的Table 组件开发的虚拟滚动组件，支持动态高度，解决数据量大时滚动卡顿的问题 实例代码 <template> <div ref="listWrap" style="height: »

目录 正文 什么是vue-router，它是如何工作的？ 如何安装vue-router库 自动安装Vue Router 创建一个基本的vue-router例子 在vue-router中创建路由 在组件中渲染你的视图 用vue-router管理视图之间的导航 最后的思考 正文 单页应用 »

目录 前言 到底什么是组件？ 为什么你一定要使用组件 在Vue中创建一个组件 模板部分 脚本部分 选项API：旧的方式 合成API：现在和未来 风格部分 总结 前言 Vue.js是一个渐进式框架，旨在以一种非常简单、直接的方式构建用户界面。它被设计成易于使用，并且足够灵活，可以 »

目录 前言 到底什么是组件？ 为什么你一定要使用组件 在Vue中创建一个组件 模板部分 脚本部分 选项API：旧的方式 合成API：现在和未来 风格部分 总结 前言 Vue.js是一个渐进式框架，旨在以一种非常简单、直接的方式构建用户界面。它被设计成易于使用，并且足够灵活，可以 »