vue
13篇文章 · 0订阅
  • 【Vue3响应式原理#01】Reactivity
    接下来，我们将会用 Vue3 建造响应式的方法，从头开始制造一个响应式引擎，让我们一步一步的来解决这个问题！
    前端 Vue.js JavaScript
    【Vue3响应式原理#01】Reactivity
  • vue + canvas 实现九宮格手势解锁器
    此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器，用户可以通过在九宫格中绘制特定的手势来解锁。
    前端 Vue.js JavaScript
    vue + canvas 实现九宮格手势解锁器
  • vue + canvas 实现涂鸦面板
    我们基于 canvas 实现了一款简单的涂鸦面板，用于在网页上进行绘图和创作。此篇文章用于记录柏成从零开发一个canvas涂鸦面板的历程。
    前端 Vue.js JavaScript
    vue + canvas 实现涂鸦面板
  • Vue Router 源码分析💪
    最终成果，实现了一个可运行的核心路由工程：柏成/vue-router3.x。地址如下：https://gitee.com/lbcjs/vue-router3.x
    前端 JavaScript Vue.js
    Vue Router 源码分析💪
  • vue + echarts实现中国地图三级下钻
    最近项目中遇到了一个地图下钻的需求，并且需要钻入钻出的动画效果。此篇文章用于记录柏成从零开发一个地图三级下钻Demo的历程
    前端 JavaScript Vue.js
    vue + echarts实现中国地图三级下钻
  • 【Vue2.x源码系列07】侦听器watch原理
    本章目标：监听器是如何实现的？监听器选项 - immediate、deep 内部实现？在初始化Vue实例时，我们会给每个侦听器都创建一个对应watcher，我们称之为侦听器watcher
    前端 Vue.js
    【Vue2.x源码系列07】侦听器watch原理
  • 【Vue2.x源码系列06】计算属性computed原理
    本章目标：计算属性是如何实现的？计算属性缓存原理以及洋葱模型的应用？在初始化Vue实例时，我们会给每个计算属性都创建一个对应watcher，我们称之为计算属性watcher
    前端 Vue.js
    【Vue2.x源码系列06】计算属性computed原理
  • 【Vue2.x源码系列05】异步更新及nextTick原理
    vue2.7 源码中，nextTick并没有直接使用某个 API ，而是采用了优雅降级的方案去实现异步更新。我们额外维护了一个 callbacks，用于存储 nextTick 回调
    前端 Vue.js
    【Vue2.x源码系列05】异步更新及nextTick原理
  • 【Vue2.x源码系列04】依赖收集（Dep、Watcher、Observer）
    我们只会在 Observer 类 和 defineReactive 函数中实例化 dep。在 getter 方法中依赖收集，在 setter 方法中派发更新通知
    前端 Vue.js
    【Vue2.x源码系列04】依赖收集（Dep、Watcher、Observer）
  • 【Vue2.x源码系列01】响应式原理
    响应式基本原理就是，在初始化vue实例的时候，对data、props等对象的每一个属性都通过 Object.defineProperty 定义一次，在数据被set的时候，做一些操作，改变相应的视图
    前端 Vue.js