vue
文章平均质量分 89
0斌果0
怀着破碎的花瓶,朝着光的方向不断前进!
展开
-
vue源码解析之实例挂载
vm.$mount([elementOrSelector])用法:如果vus.js实例在实例化时没有收到el选项,则它处于“未挂载”状态,没有关联的DOM元素。我们可以使用vm.$mount手动挂载一个未挂载的实例。如果没有提供elementOrSelector参数,模板将被渲染为文档之外的元素,并且必须使用原生DOM的API把它插入文档中。这个方法返回实例自身,因而可以链式调用其他实例方法。注:在使用vue-cli搭建vue项目的时候,其已经帮我们挂载好了,可能很少会接触到这个方法。但我们仍需要了解其原创 2020-08-09 00:11:35 · 343 阅读 · 0 评论 -
CSS动画文字闪烁问题
动画文字闪烁问题1.动画加载后,浏览器没有发现任何合成因素,因此选择最佳策略:将页面的全面内容绘制再单个背景层上。2.当执行transition动画的时候,我们明确了将合成添加到元素中-具有tranform属性过度的动画。但是由于隐私合成层的原因,位于动画元素之上的属性会全部提升为合成层。3.提升到合成层总是会导致重新绘制:浏览器必须为该元素创建一个新的纹理并将其从上一层移除。4.新增图层之后,必须将新的图层传送到CPU,已获得用户将再屏幕上看到的最终图像合成。这取决与层数,纹理大小和内容的复杂度,原创 2020-07-20 23:33:19 · 1417 阅读 · 0 评论 -
VUE源码解析之变化侦测(三)
在之前的两篇博客已经写了vue的变化侦测实现原理。大致回顾下,主要VUE实现变化侦测主要是:开始通过Observer类遍历每个属性,然后通过Object.defineProperty对属性进行数据劫持,每当其触发getter的时候通过依赖收集器(Dep)来收集依赖(Watcher)。当侦听属性发生变化的时候,会触发setter进而触发遍历Dep里面的依赖Watcher,然后Watcher会通知其他地方做相应的操作。Array则是通过拦截器来进行相应的侦听,原理也是差不多,不同的只是Dep收集的位置和侦听数原创 2020-06-07 01:29:07 · 133 阅读 · 0 评论 -
VUE源码解析之变化侦测(二)
在VUE源码解析之变化侦测(一)中知道VUE中Object的变化是靠setter来追踪,只要一个数据发生变化,就会触发setter,进而遍历告知Dep里面的Watcher,Watcher再进一步进行相应的处理。 接下来探讨下VUE中的Array侦测。VUE中ARRAY的数据侦测array和object大有不同,如下例子:this.list.push("binguo") 当我们时候list方法的时候,根本没有触发到getter/setter方法,所以我们得通过第二方法侦测。你可能会想到了,原创 2020-06-03 01:23:43 · 170 阅读 · 0 评论 -
VUE源码解析之变化侦测(一)
变化侦测主要分为两种类型,一种是“推”(push),另一种是“拉”(pull)。 Angular和React中的变化侦测都属于“拉”,这就是说当状态发生变化时,它不知道那个状态变了,只知道状态有可能变,然后会发送一个信号告诉框架,框架内部接收到信号后,会进行一个暴力比对来找出哪些DOM节点需要重新渲染。这在Angular中是脏数据检查的流程,在React中使用的是虚拟DOM。 而Vue.js的变化侦测属于推。当状态发生变化时,Vue.js立刻就知道哪发生了变化。“拉”的粒度是较大的,而“推”需要绑定原创 2020-06-01 00:44:48 · 287 阅读 · 0 评论 -
vue中keep-alive、activated的探讨和使用
在修改公司的一个项目的时候发现了activated这个东西,一直觉得很疑惑,之前也没怎么用过啊!官网的生命周期那也没说过这东西啊!生命周期不就create mount update 和destory这几个东东么,怎么多了个activate出来。百思不得其解,于是去问了下度娘和查了下文档!恍然大悟,原来这东东是结合keep-alive这东东使用的,下面顺便记录一下。 keep-ali.........原创 2019-08-02 14:08:55 · 30594 阅读 · 3 评论 -
vuex快速入门和总结。
vuex是专门为vue.js设计的状态管理模式。vuex应用的核心是store,store包含了应用中的大部分状态。可以理解为其就是一个“前端数据库”,让其在各个页面上实现数据的共享。...原创 2019-07-10 18:52:32 · 182 阅读 · 0 评论 -
深入探索vue底层原理系列(开篇)------vue是什么
开篇本系列文章主要是探索vue的底层的实现、解读vue的源码。毕竟vue3.0即将发布,vue最主要的特点就是响应式机制、模块、以及对象式的组件声明语法,而3.0对这三部分都有所更改。所以如果我们只是懂得如何去使用vue的话,不了解其实现原理的话,那么vue3.0的到来可能会给我们带来很大的冲击,仿佛学习一种新的语言一般。 vue是什么vue.js是一套用于构建用户界面的渐进式框...原创 2019-07-13 15:34:20 · 1741 阅读 · 0 评论 -
vue-cli项目webpack打包结构
每次我们拿到vue的项目,第一步都是先npm install加载其依赖,其然后是npm run dev执行这个项目,我很好奇其内部的怎样执行的,就把这大概的流程走一走,以供参考。我们先来看一下package.json的目录每次当我们npm run dev的时候,其首先执行的是build/webpack.dev.conf.js的文件,我们进到这文件里面接着看:'use strict'con...原创 2019-07-13 15:32:37 · 401 阅读 · 0 评论 -
vue的使用和知识点总结
什么是vueVue.js是一套构建用户界面的渐进式的MVVM框架,Vue 采用自下向上增量开发的设计,其核心库只关注视图层,易于上手,同时vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。其实抛开官方的一些不知所云的说法,简单来说,在传统web开发中,我们搭建项目都以html结构为基础,然后通过jquery或者js来添加各种特效功能,需要去选中每一个元素进行命令,...原创 2019-07-09 19:58:15 · 486 阅读 · 0 评论