donghan2967-CSDN博客

转载 jqueryEasyUI之增删改查

提示框触发$.messager.confirm('提示',message , function (r) { if (r) { $.ajax({ type:"PUT", url:'/applybatchs/'+id+'/releaseStatus/toggle',...

2017-09-26 11:14:00 91

转载 jqueryEasyUI之DataGrid(数据网格)

页面<table id="TopGrid" class="easyui-datagrid" ></table>javaScript代码$('#TopGrid').datagrid({ singleSelect:true, collapsible:true, paginatio...

2017-09-26 10:23:00 418

转载 jqueryEasyUI之ComboBox（下拉列表框）

页面布局<div class="col-md-4 col-sm-6 col-xs-12" style="display: none;" id="applybatchNameOne"> <span style="display: inline-block;margin-left: 23px;">项&emsp;&emsp;目：<...

2017-09-25 16:27:00 215

转载 vue之组件

组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以is特性扩展。要注册一个全局组件，你可以使用Vue.component(tagName, options)。例如：Vue.compon...

2017-09-25 11:42:00 105

转载 vue之自定义指令

除了默认设置的核心指令 (v-model和v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 里面，代码复用的主要形式和抽象是组件——然而，有的情况下，你仍然需要对纯 DOM 元素进行底层操作，这时候就会用到自定义指令钩子函数指令定义函数提供了几个钩子函数 (可选)：bind：只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑...

2017-09-25 10:48:00 86

转载 vue之过滤器

Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和v-bind表达式(后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示：{{ message | capitalize }}&l...

2017-09-25 10:23:00 191

转载 vue之生命周期

<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js"></script>&...

2017-09-25 09:22:00 97

转载 vue之事件处理器

可以用v-on指令监听 DOM 事件来触发一些 JavaScript 代码。　监听事件　　可以用v-on指令监听 DOM 事件来触发一些 JavaScript 代码。　　<div id="example-1"> 　　<button v-on:click="counter += 1">增加 1</button> ...

2017-09-22 10:03:00 103

转载 vue之循环v-for

data:{ arr:['apple','banana','orange','pear'], json:{a:'apple',b:'banana',c:'orange'}}<ul> <li v-for="value in arr"> {{value}} </l...

2017-09-22 09:05:00 93

转载 vue样式之class

1.首先要定义样式 .red{color: red;} .green{ color: green;} .blue{background: blue;} 2.数组里的red是data对象里面的red变量，值‘red’是我们定义的样式，多个以，隔开<div id="box"> <strong :class="[red]...

2017-09-21 16:43:00 95

转载 vue样式之style

1.直接写样式1 <div id="box">2 <strong :style="{color:'green'}">文字...</strong>3 </div>2.以数组的方式显示<div id="box"> <strong :style="[c]"&...

2017-09-21 16:25:00 127

转载 vue指令之v-bind

v-bind指令用于绑定元素的属性<img v-bind:src="url" />简写形式<img :src="url" />new Vue({ el:'#box', data:{ url:'https://www.baidu.com/img/bd_logo1.png' }, methods:{ }}...

2017-09-21 16:08:00 108

转载 vue基本语法入门

首先定义模板区域<div id="box"> 　　{{msg}} </div>var c=new Vue({ 　　el:'#box', //选择器 class tagName 　　data:{ 　　　　msg:'welcome vue' 　　} });new 一个vue实例,通过el属性找到需要显示的模板...

2017-09-21 15:57:00 66

转载 Vue雏形和Angualr的对比

vue仅仅是mvvm中的view层，只是一个如jquery般的工具库，而不是框架，而angular而是mvvm框架。vue的双向邦定是基于ES5 中的 getter/setter来实现的，而angular而是由自己实现一套模版编译规则，需要进行所谓的“脏”检查，vue则不需要。因此，vue在性能上更高效，但是代价是对于ie9以下的浏览器无法支持。vue需要提供一个el对象进行...

2017-09-21 15:42:00 63

转载常用的正则表达式

数字型验证1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d...

2017-09-21 14:44:00 57