2017年03月_Bwz_Learning

12月 10月 09月 08月 06月 05月 04月 03月 02月 01月

原创 JavaScript创建对象的几种模式

1. 工厂模式其基本思想是：创建一个函数，在函数中创建一个对象，给对象增加属性和方法，最后返回该对象。下面是一个简单的工厂模式： function createPerson(name, age){ var obj = new Object(); //创建一个新对象 obj.name = name; //给对象增加属性和方法 ob

2017-03-27 10:48:18 319

原创 JavaScript 数组方法大全

为了方便以后查看数组的方法，现将对数组的操作方法进行汇总整理。数组创建JavaScript中创建数组有两种方式，第一种是使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lily","lucy","Tom");

2017-03-27 10:27:26 453

原创 JavaScript对于Form的序列化和填充数据

1、html页面代码用户名: 密码: 2、关于JavaScript对于Form的序列化和填充数据的封装var util = { serializeObject: function(form) { var formEL = $(form); var o = {}; var a = formEL.serializeArray()

2017-03-11 20:48:29 5734

原创 JavaScript获取get方式的请求参数值

1、通过JavaScript获取浏览器的URL的实现window.location.href其实只是用到了JavaScript的基础的window对象。2、首先看看单纯的通过javascript是如何来获取url中的某个参数，function getUrlParam(name) { //构造一个含有目标参数的正则表达式对象 var reg = new RegExp("(^|

2017-03-11 19:44:19 12786

原创 Vue.js之在数组中插入重复数据

1、在默认的情况下，Vue.js默认不支持往数组中加入重复的数据。可以使用track-by="$index"来实现。2、不使用track-by="$index"的数值插入，数组不支持重复数据的插入 2.1 JavaScript代码 window.onload = function() { vm = new Vue({ el: '#app',

2017-03-05 15:09:06 10169

原创 Vue.js之事件的绑定(v-on: 或者 @ )

1、Vue.js事件绑定的一般格式 v-on:click='function' v-on:click/mouseout/mouseover/2、Vue.js事件绑定的实现 2.1 JavaScript代码 window.onload = function() { vm = new Vue({ el: '#app',

2017-03-05 14:49:36 31156

原创 Vue.js之遍历输出JavaScript的常见数据类型(v-for)

1、JavaScript数据类型在Vue.js中的遍历输出。以便于在html页面上方便的显示数据的类型。2、简单的遍历输出代码 2.1 JavaScript的代码 window.onload = function() { vm = new Vue({ el: '#app', data: { iMsg: 10, sMsg

2017-03-05 14:35:02 22896 2

原创 Vue.js之视图和数据的双向绑定(v-model)

1、使用v-model指令,使得视图和数据实现双向绑定。v-model主要用在表单的input输入框，完成视图和数据的双向绑定。2、JavaScript代码 window.onload = function() { vm = new Vue({ el: '#app', data: { msg: 'Hello World',

2017-03-05 13:53:54 7158