dongkuan2508-CSDN博客

转载如何实时监听一个对象----模仿vue写一个对象的双向数据绑定

最近学习vue源码，在学习关于数据双向绑定的时候。看了好几遍，还是有很多点不太理解。部门的大神建议自己按照思想模仿的写一个，体会会深很多。于是照做了，还真是神清气爽。这篇文章记录自己在写demo时遇见的思路和问题，日后回忆复习起来也方便。vue的双向数据绑定是区分普通对象和数组的。数组的比较复杂，下篇再介绍。今天介绍vue对于对象数据的双向绑定。vue是通过数据劫持的方式来实现双向数...

2017-12-14 20:41:00 168

转载 vue源码学习--vue源码学习入门

本文为开始学习vue源码的思路整理。在拿到vue项目源码的之后看到那些项目中的文件夹，会很困惑，不知道每个文件夹内的世界，怎么变换，怎样的魔力，最后产生了vue框架。学习源码也无从学起。我解决了这些困惑之后，形成了这篇文章----vue源码学习入门。文章会根据我自己的学习思路，理清vue项目的大体框架。文章先介绍vue项目中各个文件夹中内包含的功能，然后是从package.json文件开...

2017-11-15 21:02:00 229

转载 vue源码学习--合并策略对象mergeOptions

源码vue在实例化对象、vue子类声明的时候会对父实例和子实例的参数使用设定好的合并策略合并父、子实例的参数。以及实例化前期、数据绑定时均有使用到合并策略合并参数。定义合并策略的js文件路径是：\vue-dev\src\core\util\options.js在合并策略中对不同类型的参数使用了不同的合并策略。例如：strat.data合并data、defaultStrat合并[e...

2017-10-26 12:09:00 217

转载 vue数据绑定总结

数据绑定是将数据和视图关联，当数据发生变化的时候，可以自动更新视图。这也是数据的单向绑定。数据的双向绑定是，视图和数据是相互影响的。当视图中的值改变后，数据随之改变，数据改变后视图随之改变（v-model）。vue中关于数据绑定的方式有插值和指令两种。指令出现在标签上，插值出现在标签的开始和结束之间，但也能出现在标签上（绑定自定义属性的值）。###Vue指令和自身特性内不允许...

2017-09-11 20:47:00 129

转载 video标签播放视频只有声音没有画面&在iOS9中video标签播放无效

video标签定义视频，比如电影片段或者其他视频流。目前video标签只支持MP4，WebMail，Ogg格式的视频。兼容性：IE8以及更早的版本不支持video标签。其他现代浏览器均支持。各浏览器对于各个视频格式的支持如下：MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器WebM = WebM 文件使用 VP8 视频编解码器和 Vor...

2017-08-18 11:54:00 1910

转载 vueJS学习手记（一）

最近看了vue的官方文档，学习写了一些demo。记一些笔记，方便以后查阅：Vue常用指令：　　v-model：与表单元素双向绑定（input textarea等），表单中的内容变化了，v-model绑定的变量会做出同步的变化　　　　<input id="model" v-model="message">　　　　new Vue({　　　　　　el:"mod...

2017-08-07 21:19:00 138

转载 html5 input[number]类型输入非数字字符val()为“”和解决方案

html5新增的number输入类型会在input框获得焦点的时候呼起数字键盘，增加了体验的效果。但是在一些安卓机器上，还是能够切换道字符输入，用户也会不小心输入“+”“—”之类的非数字字符。测试了一下，number类型是会自动忽略字母字符和其他非数字字符的，除了“+”“—”“.”这两个字符可以输入,因为这两个是正负数和小数点的符号。number类型还有一个很坑的点是，如果输入框中的...

2017-04-10 20:51:00 692

dongkuan2508的博客