vue.js
文章平均质量分 75
Creabine
时无重至,华不再扬
展开
-
Vue.js 实践笔记
很久没更新博客了,最近看了很多零零碎碎的知识,记在本子上,今天感觉有一些量了,整理在这里。这些基本上都是我在看完vue官网教程之后实际写demo的时候遇到的一些问题,只看教程没能很好的理解那些概念,果然还是实际写起来更有用,现在看来其实都是些没什么技术含量的小问题,但是当时摸索的时候都是一个个折腾过来的,谨在这里记下来提醒自己吧。1.vue.js和vue.min.js的区别,开发版默认可调式,可以用原创 2016-09-22 15:19:38 · 1535 阅读 · 0 评论 -
虚拟DOM和Diff算法
虚拟DOM (virtual dom)vdom 是 vue 和 react 的核心,学习他们绕不开vdomvdom比较独立,使用也比较简单如果面试问到了vue和react的实现,免不了问vdom问题:什么是vdom?为何会存在vdom?vdom如何应用,核心API是什么?介绍一下diff算法什么是vdom?为何会存在vdomvirtual dom , 虚拟dom用js...原创 2019-03-27 17:28:29 · 370 阅读 · 0 评论 -
ES6中的Proxy、Reflect以及Vue3.0中的应用原理
Vue3.0中,Even You表示会使用Proxy代替Object.defineProperty来做数据的响应式。对于Object.defineProperty我们已经很熟悉了,之前也写过相关的Vue双向绑定原理(二)访问器属性defineProperty()和发布/订阅模式。我们也知道了使用Object.defineProperty的一些劣势:Object.definePropert...原创 2019-02-20 17:59:39 · 2126 阅读 · 0 评论 -
Object.assign及在Vue中的应用小技巧
最近看代码的时候跟同事学到了一招。Object.assign() Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。// 目标对象有1个,后边可以有多个源对象。注意他只会拷贝源对象自身且是可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set]],所以它会调用相关 getter 和 set...原创 2018-08-14 11:40:13 · 22660 阅读 · 1 评论 -
初窥设计模式----策略模式及相关应用场景
一直觉得设计模式是非常高端的东西,之前也简单的了解过一些,但总是没有找到合适的应用场景,所以也没能深入的去理解他。直到最近在工作中,需要写一个通话记录的功能,每个记录后边要显示该条记录是多久之前产生的。写完的时候用了很多的if else来判断,看起来很不优雅,请教了leader之后,给我指点了一下,按照思路尝试之后,一下子有种豁然开朗的感觉。其实设计模式并非高不可攀或是难以应用的东西,很多代...原创 2018-05-03 17:43:41 · 359 阅读 · 0 评论 -
Vue子组件向父组件通信
子组件向父组件通信,发送事件//子组件<child>this.$emit('eventName')//父组件<div> <child @eventName="func" ref="child"></child></div>//在父组件调用子组件的方法func(){ this.$refs.chil原创 2018-04-03 19:36:01 · 360 阅读 · 0 评论 -
Vue全家桶实践(一)---vue-cli
最近公司要重写运营管理系统,不想再维护之前的backbone了,赶紧要求前端整个重写。重开新坑,用了两周多撸出了第一版,收获很大。在实践中学习永远都是最高效的。趁热把学到的东西都记录总结下来,也算前端梳理一下思路。相关博客:Vue全家桶实践(一)—vue-cliVue全家桶实践(二)—iViewVue全家桶实践(三)—axiosVue全家桶实践(四)—vue-routerVue原创 2017-12-25 18:03:59 · 10360 阅读 · 0 评论 -
Vue全家桶实践(二)---iView
最近公司要重写运营管理系统,不想再维护之前的backbone了,赶紧要求前端整个重写。重开新坑,用了两周多撸出了第一版,收获很大。在实践中学习永远都是最高效的。趁热把学到的东西都记录总结下来,也算前端梳理一下思路。相关博客:Vue全家桶实践(一)—vue-cliVue全家桶实践(二)—iViewVue全家桶实践(三)—axiosVue全家桶实践(四)—vue-routerVue原创 2017-12-23 13:19:08 · 25051 阅读 · 0 评论 -
Vue全家桶实践(三)---axios
最近公司要重写运营管理系统,不想再维护之前的backbone了,赶紧要求前端整个重写。重开新坑,用了两周多撸出了第一版,收获很大。在实践中学习永远都是最高效的。趁热把学到的东西都记录总结下来,也算前端梳理一下思路。相关博客:Vue全家桶实践(一)—vue-cliVue全家桶实践(二)—iViewVue全家桶实践(三)—axiosVue全家桶实践(四)—vue-routerVue原创 2017-12-27 19:43:47 · 5256 阅读 · 0 评论 -
Vue全家桶实践(四)---vue-router
最近公司要重写运营管理系统,不想再维护之前的backbone了,赶紧要求前端整个重写。重开新坑,用了两周多撸出了第一版,收获很大。在实践中学习永远都是最高效的。趁热把学到的东西都记录总结下来,也算前端梳理一下思路。相关博客:Vue全家桶实践(一)—vue-cliVue全家桶实践(二)—iViewVue全家桶实践(三)—axiosVue全家桶实践(四)—vue-routerVue原创 2017-12-28 14:48:13 · 3598 阅读 · 0 评论 -
Vue全家桶实践(五)---渲染函数&JSX
最近公司要重写运营管理系统,不想再维护之前的backbone了,赶紧要求前端整个重写。重开新坑,用了两周多撸出了第一版,收获很大。在实践中学习永远都是最高效的。趁热把学到的东西都记录总结下来,也算简单梳理一下思路。相关博客:Vue全家桶实践(一)—vue-cliVue全家桶实践(二)—iViewVue全家桶实践(三)—axiosVue全家桶实践(四)—vue-routerVue原创 2018-01-07 17:09:22 · 4536 阅读 · 0 评论 -
Vue全家桶实践(六)---自定义指令(directive)
最近公司要重写运营管理系统,不想再维护之前的backbone了,赶紧要求前端整个重写。重开新坑,用了两周多撸出了第一版,收获很大。在实践中学习永远都是最高效的。趁热把学到的东西都记录总结下来,也算简单梳理一下思路。相关博客:Vue全家桶实践(一)—vue-cliVue全家桶实践(二)—iViewVue全家桶实践(三)—axiosVue全家桶实践(四)—vue-routerVue原创 2018-01-07 17:21:11 · 2080 阅读 · 0 评论 -
Vue过渡的应用及技巧
Vue中提供了`<transition>`和`<transition-group>`来为元素增加过渡动画。文档写的很清楚,但是实际使用起来还是费了一番功夫。这里做一个简单的记录:单个过渡使用`<transition>`元素把要过渡的部分包裹起来,`<transition>`不会在DOM中渲染出来,只是做一个标记。其中常用的属性主要是:- name : 匹配相应的过渡类名,当没有name的时候默认原创 2016-11-16 15:05:51 · 8100 阅读 · 0 评论 -
Vue 双向绑定的原理及实现Demo
Vue双向绑定的原理Vue用了一段时间了,一直没有纠结过它的原理,今天看了一篇很不错的文章:Vue.js双向绑定的实现原理,跟着敲了一遍,发现其中有意思的地方还是很多的,一些知识我之前都没有接触过,这里要好好整理一下思路。这篇博客涉及的东西比较多,还需要慢慢整理。目前还未写完。主要的知识点: 1.Vue双向绑定原理(一)文档片段DocumentFragment 2.Vue双向绑定原理(二)访问器原创 2017-03-01 23:41:39 · 8841 阅读 · 1 评论 -
Vue双向绑定原理(二)访问器属性defineProperty()和发布/订阅模式
访问器属性的介绍参考资料:《JavaScript高级程序设计》(第三版)第六章js的对象有两种属性: 数据属性和访问器属性。1.数据属性数据属性包含一个数据值的位置。这个位置可以读取和写入值。数据属性也就是我们最常见的对象属性。数据属性有4个描述他行为的特性:Configurable: 能否用delete删除属性从而重新定义属性。默认为trueEnumerable: 能否通过for-in遍历原创 2017-03-05 18:54:59 · 4987 阅读 · 1 评论 -
Vuex学习笔记
之前了解过Vuex,并且做了个小demo,但是做完之后很久不用,忘了大半,到新公司又要用到的时候,就很捉急了。正好遇到清明节,于是来重新认真过一遍文档,写一篇笔记来好好搞懂他,方便在工作中使用。参考资料:vuex官方文档安装&使用npm install vuex --save通过Vue.use()来使用:import Vue from 'vue'import Vuex from 'vuex'原创 2017-04-02 18:02:18 · 5200 阅读 · 0 评论 -
Vue双向绑定原理(一)文档片段DocumentFragment
DocumentFragment介绍JavaScript有以下几种创建节点的方式:createAttribute(name): 用指定名称name创建特性节点createComment(text): 创建带文本text的注释节点 createElement(tagname): 创建标签名为tagname的节点creat原创 2017-03-03 15:09:58 · 3913 阅读 · 1 评论 -
Vue.js学习笔记
数据绑定语法插值文本插值: {{ mas }} 单次插值: {{ * msg }}html插值: {{{ html }}}绑定表达式单个表达式:{{ message.split(”).reverse().join(”) }}串联过滤器: {{ message | filterA | filterB }} message先进入过滤器A,出来进入过滤器B,然后原创 2016-09-07 10:33:07 · 1659 阅读 · 0 评论 -
MVVM 和 VUE
MVVM 和 VUE如何理解mvvm如何实现mvvm是否读过vue源码题目说一下使用jQuery和使用mvvm框架的区别说一下对mvvm的理解vue如何实现响应式vue如何解析模板vue的整个实现流程jQuery和vue的区别:数据和视图分离,解耦(开放封闭原则)以数据驱动视图,只关心数据变化,DOM操作被封装对mvvm的理解mvc(modal, view...原创 2019-03-27 17:29:24 · 951 阅读 · 0 评论