10 2016 档案
摘要:gitHub地址:https://github.com/lily1010/vue_learn/tree/master/lesson05 http://www.cnblogs.com/lily1010/category/872662.html 一 过滤器写法 {{ message | Filter}}
阅读全文
摘要:gitHub地址: https://github.com/lily1010/vue_learn/tree/master/lesson05 一 自定义过滤器(注册在Vue全局) 注意事项: (1)全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面 (2) 过滤器函数始终
阅读全文
摘要:在这个教程中,我们将会通过几个例子,了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器,比如orderBy 和 filterBy。而且我们可以链式调用过滤器,一个接一个过滤。因此,我们可以定义我们自己的过滤器在我们的Vue实例中。 阅读这个教程的前提是你对Vue已经有了基本的语法基础。 V
阅读全文
摘要:Knockout应用开发指南 第八章:简单应用举例(1)http://www.cnblogs.com/TomXu/archive/2011/11/30/2257067.htmlKnockout应用开发指南 第八章:简单应用举例(2)http://www.cnblogs.com/TomXu/archi
阅读全文
摘要:模板绑定器 如今页面结构越来越复杂,仅仅依靠foreach已经不足以我们的使用,这个时候我们就需要模板的存在,模板的优点自然很多,首先会让页面整洁,同时修改起来也可以方面的定位,最重要的是ko可以条件式选择模板来呈现数据。下面我们将开始逐一的学习。 1.呈现一个简单的模板 常规的js我们需要写上去,
阅读全文
摘要:https://pan.baidu.com/s/1gf9JZ8n#list/path=%2F
阅读全文
摘要:前言 有时候,在使用ko.mapping.fromJS的时候,可能有必要去使用mapping的高级用法来定义mapping的详细过程,以后定义了,以后再调用的时候就不必再定义了。这里有一些情形,你可能需要使用这些option。 使用keys来使对象unique化 你有一个JavaScript对象,如
阅读全文
摘要:使用ignore忽略不需要map的属性 如果在map的时候,你想忽略一些属性,你可以使用ignore累声明需要忽略的属性名称集合: 这样执行后age不会在viewModel中 你声明的忽略数组被编译到默认的ignore数组里。你可以像下面代码一样来维护它: 使用include声明需要map的属性 默
阅读全文
摘要:前言 Knockout设计成允许你使用任何JavaScript对象作为view model。必须view model的一些属性是observable的,你可以使用KO绑定他们到你的UI元素上,当这些observable值改变的时候,这些UI元素就会自动更新。 使用mapping要引用的Js文件htt
阅读全文
摘要:前言 Knockout可以实现很复杂的客户端交互,但是几乎所有的web应用程序都要和服务器端交换数据(至少为了本地存储需要序列化数据),交换数据最方便的就是使用JSON格式 – 大多数的Ajax应用程序也是使用这种格式。 加载或保存数据 Knockout不限制你用任何技术加载和保存数据。你可以使用任
阅读全文
摘要:前言 你可以创建自己的自定义绑定 – 没有必要非要使用内嵌的绑定(像click,value等)。你可以你封装复杂的逻辑或行为,自定义很容易使用和重用的绑定。例如,你可以在form表单里自定义像grid,tabset等这样的绑定。 注册你的绑定 添加子属性到ko.bindingHandlers来注册你
阅读全文
摘要:selectedOptions绑定 selectedOptions绑定用于控制multi-select列表已经被选择的元素,用在使用options绑定的<select>元素上。 当用户在multi-select列表选择或反选一个项的时候,会将view model的数组进行相应的添加或者删除。同样,如
阅读全文
摘要:前言 options绑定控制什么样的options在drop-down列表里(例如:<select>)或者 multi-select 列表里 (例如:<select size='6'>)显示。此绑定不能用于<select>之外的元素。关联的数据应是数组(或者是observable数组),<selec
阅读全文
摘要:前言 checked绑定是关联到checkable的form表单控件到view model上 - 例如checkbox(<input type='checkbox'>)或者radio button(<input type='radio'>) 。当用户check关联的form表单控件的时候,view
阅读全文
摘要:前言 value绑定是关联DOM元素的值到view model的属性上。主要是用在表单控件<input>,<select>和<textarea>上。 当用户编辑表单控件的时候, view model对应的属性值会自动更新。同样,当你更新view model属性的时候,相对应的元素值在页面上也会自动更
阅读全文
摘要:enable绑定 enable绑定使DOM元素只有在参数值为 true的时候才enabled。在form表单元素input,select,和textarea上非常有用。 enable简单示例 这个例子里,“Your cellphone number”后的text box 初始情况下是禁用的,只有当用
阅读全文
摘要:event绑定 event绑定在DOM元素上添加指定的事件句柄以便元素被触发的时候执行定义的JavaScript 函数。大部分情况下是用在keypress,mouseover和mouseout上。 简单示例 就是通过在一个div上绑定两个事件,一个鼠标点上去的mouseover让下面的div内容显示
阅读全文
摘要:Style绑定 style绑定是添加或删除一个或多个DOM元素上的style值。比如当数字变成负数时高亮显示,或者根据数字显示对应宽度的Bar。(注:如果你不是应用style值而是应用CSS class的话,请参考CSS绑定。) Style简单示例 简单示例代码,运行后发现为红色的字体 当curre
阅读全文
摘要:前言 click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button,input和连接a上,但是可以在任意元素上使用。 简单示例 预览效果 每次点击按钮的时候,都会调用incrementClickCounter()函数,然后更新自动更新点击
阅读全文
摘要:Html绑定 html绑定到DOM元素上,使得该元素显示的HTML值为你绑定的参数。如果在你的view model里声明HTML标记并且render的话,那非常有用。 简单示例 这样Html 的EM标签就会显示于此 KO设置该参数值到元素的innerHTML属性上,元素之前的内容将被覆盖。 如果参数
阅读全文
摘要:前言 text 绑定到DOM元素上,使得该元素显示的文本值为你绑定的参数。该绑定在显示<span>或者<em>上非常有用,但是你可以用在任何元素上。 简单绑定 KO将参数值会设置在元素的innerText (IE)或textContent(Firefox和其它相似浏览器)属性上。原来的文本将会被覆盖
阅读全文
摘要:前言 让visible绑定到DOM元素上,使得该元素的hidden或visible取决于绑定的值。 简单的绑定 首先还是先定义一个ViewModel 并且通过ko.applyBindins进行激活Knockout。 然后定义一个UI界面元素 运行之后此div在初始化的时候还是显示的可以,之后就被重新
阅读全文
摘要:前言 1.创建一个ViewModel 2.为ViewModel创建一个声明式绑定的简单的View 3.激活Knockout 1 ko.applyBindings(myViewModel); 1 ko.applyBindings(myViewModel); 1 ko.applyBindings(myV
阅读全文
摘要:前言 如果你要探测和响应一个对象的变化,你应该用observables。 如果你需要探测和响应一个集合对象的变化,你应该用observableArray 。 在很多场景下,它都非常有用,比如你要在UI上需要显示/编辑的一个列表数据集合,然后对集合进行添加和删除。 使用observables数组 1.
阅读全文
摘要:http://www.cnblogs.com/aehyok/p/3345454.html
阅读全文
摘要:1.Vuejs组件 vuejs构建组件使用 这里注意一点,组件要先注册再使用,也就是说: 如果反过来会报错,因为反过来代表先使用了组件的,但是组件却没注册。 webpack报错后,使用webpack --display-error-details可以排错 2.指令keep-alive 在看demo的
阅读全文
摘要:本文的主要内容如下: 介绍vue-resource的特点 介绍vue-resource的基本使用方法 基于this.$http的增删查改示例 基于this.$resource的增删查改示例 基于inteceptor实现请求等待时的loading画面 基于inteceptor实现请求错误时的提示画面
阅读全文
摘要:前言:出于某种原因,需要学习下Knockout.js,这个组件很早前听说过,但一直没尝试使用,这两天学习了下,觉得它真心不错,双向绑定的机制简直太爽了。今天打算结合bootstrapTable和Knockout去实现一个简单的增删改查,来体验一把神奇的MVVM。关于WebApi的剩余部分,博主一定抽
阅读全文
摘要:http://www.cnblogs.com/Leo_wl/p/5702350.html
阅读全文
摘要:1.取消双向绑定,在绑定的值前加*号。 如: 2.如果数据html代码,需要将{{}}修改为{{{}}}
阅读全文
摘要:以前看到有些朋友说必须SQL Server 2008才能导出包含数据的脚本,后来仔细研究发现其实SQL Server 2008 R2也是可以的,只需在导出的时候在高级中设置一下即可。 1.首先在数据库上右键依次选择任务=>生成脚本。 2.在弹出的窗口中选择要操作的表,然后点击下一步。 3.点击窗口上
阅读全文
摘要:基础 类似于自定义指令,可以用全局方法 Vue.filter() 注册一个自定义过滤器,它接收两个参数:过滤器 ID 和过滤器函数。过滤器函数以值为参数,返回转换后的值: 过滤器函数可以接收任意数量的参数: 双向过滤器 目前我们使用过滤器都是在把来自模型的值显示在视图之前转换它。不过也可以定义一个过
阅读全文
摘要:基础 除了内置指令,Vue.js 也允许注册自定义指令。自定义指令提供一种机制将数据的变化映射为 DOM 行为。 可以用 Vue.directive(id, definition) 方法注册一个全局自定义指令,它接收两个参数指令 ID 与定义对象。也可以用组件的 directives 选项注册一个局
阅读全文
摘要:深入响应式原理 大部分的基础内容我们已经讲到了,现在讲点底层内容。Vue.js 最显著的一个功能是响应系统 —— 模型只是普通对象,修改它则更新视图。这让状态管理非常简单且直观,不过理解它的原理也很重要,可以避免一些常见问题。下面我们开始深挖 Vue.js 响应系统的底层细节。 如何追踪变化 把一个
阅读全文
摘要:什么是组件? 组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。 使用组件 注册 之前说过,我
阅读全文
摘要:基础用法 可以用 v-model 指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。尽管有点神奇,v-model 不过是语法糖,在用户输入事件中更新数据,以及特别处理一些极端例子。 Text Checkbox 单个勾选框,逻辑值: 多个勾选框,绑定到同一个数组: Rad
阅读全文
摘要:方法处理器 可以用 v-on 指令监听 DOM 事件: 我们绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法: 自己测试一下 内联语句处理器 除了直接绑定到一个方法,也可以用内联 JavaScript 语句: 类似于内联表达式,事件处理器限制为一个语句。 有时也需要
阅读全文
摘要:v-if 在字符串模板中,如 Handlebars,我们得像这样写一个条件块: 在 Vue.js,我们使用 v-if 指令实现同样的功能: 也可以用 v-else 添加一个 “else” 块: template v-if 因为 v-if 是一个指令,需要将它添加到一个元素上。但是如果我们想切换多个元
阅读全文
摘要:数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是 attribute,我们可以用 v-bind 处理它们:只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易错。因此,在 v-bind 用于 class 和 style 时,Vue.js 专门增强了它。表达式的结果类
阅读全文
摘要:http://blog.csdn.net/i10630226/article/details/51855286
阅读全文
摘要:Vue.js 的模板是基于 DOM 实现的。这意味着所有的 Vue.js 模板都是可解析的有效的 HTML,且通过一些特殊的特性做了增强。Vue 模板因而从根本上不同于基于字符串的模板,请记住这点。 插值 文本 数据绑定最基础的形式是文本插值,使用 “Mustache” 语法(双大括号): Must
阅读全文
摘要:我们以 Vue 数据绑定的快速导览开始。如果你对高级概述更感兴趣,可查看这篇博文。 尝试 Vue.js 最简单的方法是使用 JSFiddle Hello World 例子。在浏览器新标签页中打开它,跟着我们查看一些基础示例。如果你喜欢用包管理器下载/安装,查看安装教程。 1.Hello World
阅读全文
摘要:一、vue中的自定义组件 html的代码: vue3.js的代码: 运行效果如下: 二、vue中的自定义指令 html的代码: vue4.js: 运行的效果: console打印的日志: 三、vue中的自定义过滤器 html的代码如下: js的代码如下: 运行的效果如下:
阅读全文
摘要:一、v-bind 缩写 <!-- 完整语法 --> <a v-bind:href="url"></a> <!-- 缩写 --> <a :href="url"></a> <!-- 完整语法 --> <button v-bind:disabled="someDynamicCondition">Butto
阅读全文
摘要:在使用 Windows7 64 位操作系统时,无法运行 VMWare 或 MS Virtual server 等软件虚拟操作系统。提示为“提示:软件虚拟化与此平台上的长模式不兼容. 禁用长模式. 没有长模式支持, 虚拟机将不能运行 64 位程序. ”产生这个错误的主要原因是现在平常用的 VMWare
阅读全文
摘要:Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: Zen coding下的编码演示 去年年底,该插件已经改名为Emmet。但Emmet不只改名,还带来
阅读全文
摘要:问题描述: 在plsql里执行多条sql语句的时候,使用“,”(逗号)分隔,测试可以执行多条,而在C#执行多条sql语句的时候【ORA-00911: 无效字符】。 有时我们需要一次性执行多条sql语句,而用来更新的sql是根据实际情况用代码拼出来的解决方案是把sql拼成下面这种形式: begin u
阅读全文
摘要:1.下载安装原程序,然后运行 Reflector.exe 2.运行注册机,点击 Generate 获得序列号 3.把序列号填写到 Reflector 软件上4.断开网络,点击 Activate 激活(运行“禁止检查升级.reg”即可)5.提示说无法连接服务器,点击手动激活 Manually Acti
阅读全文