var方法

一、字符串概述 1.字符串描述：由单引号或者双引号包裹起来的，零个或多个排列在一起的字符构成的结构注意： (1)字符串在定义的时候，不要使用容易引起歧义的内容 (2)由于JSON解析中规定字符串采用单引号定义，因此统一规定定义字符串时采用单引号。补充： 字符串提供了一些特殊字符用来替代，在字符串中容易引起歧义的字符 (1) \' 代表 ' (2) \" 代表 "例子： var introduceWord1 = 'my name is \'frank\'.'; var introduceWord2 = "my name is \"frank\"."; console.log(introduceWord1); console.log(introduceWord2);扩展： (1)字符串必须在一行之内定义，不能分成多行。 如果必须分成多行定义，可以采用【在一行末尾添加\反斜线】作为连接符 var str1 = 'hello\ world!\ goodbye\ world!'; console.log(str1); (2)实际上还能够通过“+”加号作为连接符，分成多行定义字符串。 var str2 = 'hello ' + 'world!' + ' goodBye' + ' world!'; console.log(str2); 二、字符串长度 1.length属性：描述

1、元素获取 /*******************原生js**************************/ var ele = document.getElementById('idName'); var eleArr = document.getElementsByClassName('className'); var eleArr = document.getElementsByTagName('div'); var ele = document.querySelector('#idName');//('.className')//('tagName'); //取第一个满足条件的元素 var eleArr = document.querySelectorAll('.className');//('tagName'); /*******************jQuery**************************/ var ele = $('#idName'); var ele = $('.className:eq(0)'); //取第一个元素 var eleArr = $('tagName'); 2、class选择器操作 /*******************原生js**************************/ //className 属性

一：导言 　　有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写 ("#")， (".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。 二：普及JQuery知识 知识1：用JQuery写插件时，最核心的方法有如下两个： $.extend(object) 可以理解为JQuery 添加一个静态方法。 $.fn.extend(object) 可以理解为JQuery实例添加一个方法。 基本的定义与调用： /* $.extend 定义与调用 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ $.extend({ fun1: function () { alert("执行方法一"); } }); $.fun1(); /* $.fn.extend 定义与调用 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ $.fn.extend({ fun2: function () { alert("执行方法2"); } }); $(this).fun2(); //等同于 $.fn.fun3

一：导言 　　有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写 ("#")， (".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。 二：普及JQuery知识 知识1：用JQuery写插件时，最核心的方法有如下两个： $.extend(object) 可以理解为JQuery 添加一个静态方法。 $.fn.extend(object) 可以理解为JQuery实例添加一个方法。 基本的定义与调用： /* $.extend 定义与调用 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ $.extend({ fun1: function () { alert("执行方法一"); } }); $.fun1(); /* $.fn.extend 定义与调用 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ $.fn.extend({ fun2: function () { alert("执行方法2"); } }); $(this).fun2(); //等同于 $.fn.fun3

http://cavalry800528.iteye.com/blog/1953917 一：导言 　　有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写$("#")，$(".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。 二：普及JQuery知识 知识1：用JQuery写插件时，最核心的方法有如下两个： $.extend(object) 可以理解为JQuery 添加一个静态方法。 $.fn.extend(object) 可以理解为JQuery实例添加一个方法。 基本的定义与调用： /* $.extend 定义与调用 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ $.extend({ fun1: function () { alert("执行方法一"); } }); $.fun1(); /* $.fn.extend 定义与调用 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ $.fn.extend({ fun2: function () { alert(

知识1 ： 用JQuery写插件时，最核心的方法有如下两个： $.extend(object) 可以理解为JQuery 添加一个静态方法。 $.fn.extend(object) 可以理解为JQuery实例添加一个方法。 基本的定义与调用： /* $.extend 定义与调用 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ $.extend({ fun1: function () { alert("执行方法一"); } }); $.fun1(); /* $.fn.extend 定义与调用 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ $.fn.extend({ fun2: function () { alert("执行方法2"); } }); $(this).fun2(); //等同于 $.fn.fun3 = function () { alert("执行方法三"); } $(this).fun3(); 知识2: jQuery(function () { }); 与 (function ($) { })(jQuery);的区别： jQuery

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1、jquery获取url很简单，代码如下： window.location.href; 其实只是用到了javascript的基础的window对象，并没有用jquery的知识。 2、jquery获取url参数比较复杂，要用到正则表达式，所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如何来获取url中的某个参数： //获取url中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return unescape(r[2]); return null; //返回参数值 } 通过这个函数传递url中的参数名就可以获取到参数的值，比如url为 http://localhost:33064/WebForm2.aspx?reurl=WebForm1.aspx 我们要获取reurl的值，可以这样写： var xx = getUrlParam(

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1、jquery获取url很简单，代码如下： window.location.href; 其实只是用到了javascript的基础的window对象，并没有用jquery的知识。 2、jquery获取url参数比较复杂，要用到正则表达式，所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如何来获取url中的某个参数： //获取url中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return unescape(r[2]); return null; //返回参数值 } 通过这个函数传递url中的参数名就可以获取到参数的值，比如url为 http://localhost:33064/WebForm2.aspx?reurl=WebForm1.aspx 我们要获取reurl的值，可以这样写： var xx = getUrlParam(

~~教你向老鸟一样敲代码~~。 1. 将脚本放在页面的底部 ... <script src="./jquery.min.js"></script> <script src="./index.js"></script> </body> </html> 2. 变量声明合并 　　将多条var语句合并为一条语句，我建议将未赋值的变量放在最后面。 　　并且为了代码的美观，还可以将等号对齐。 //糟糕 var oBtn = document.getElementById('button'); var name = ''; var index; var oLis = document.getElementsByTagName('li'); var result = [1,2,3,4]; var i; //建议 var oLis = document.getElementsByTagName('li'), oBtn = document.getElementById('button'), result = [1,2,3,4], name = '', index, j; 　　 3. 减少全局变量 　　减少全局变量，并不是说不定义全局变量，而是我们可以定义一个对象，来保存我们定义的全局变量。 　　我称这个对象为变量空间。 //不推荐 var global = 'This is global

原生js实现一个简单的vue的数据双向绑定 vue是采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter ， getter ，在数据变动时发布消息给订阅者，触发相应的监听回调 所以我们要先做好下面3步： 1.实现一个监听器Observer，用来劫持并监听所有属性，如果有变动的，就通知订阅者。 2.实现一个订阅者Watcher，可以收到属性的变化通知并执行相应的函数，从而更新视图。 3.实现一个解析器Compile，可以扫描和解析每个节点的相关指令，并根据初始化模板数据以及初始化相应的订阅器。 1. 实现一个Observer Observer是一个数据监听器，主要依赖于Object.defineProperty()方法，而这个方法在ie8及以下存在兼容问题，请看（ MDN defineProperty ）所以如vue官网所说： 兼容性 Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有（ 兼容 ECMAScript 5 的浏览器 。） 正因为这个方法，我们就可以利用 Obeject.defineProperty() 来监听属性变动 那么就可以把需要observer的数据对象进行递归遍历，给他的每个属性都可以加上 get，set。