本文的目标读者是入门级Web前端开发人员。 本文介绍了CSS选择符表达式引擎的基本原理。CSS选择符引擎几乎是前端开发人员每天在使用的工具。本文将逐一介绍实现该引擎的各种策略。首先，我们介绍基于W3C标准API的方法。 W3C标准的Slectors API能够支持的平台： Safari 3+, Firefox 3.1+, Internet Explorer 8+, Chrome and Opera 10+两个最常用的方法：querySelector，该函数接受一个CSS选择符字符串，返回找到的第一个元素，如果没...
//by 夏天以南 /**/[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]原文：http://www.jb51.net/article/13237.htm
1.根据公司项目封装ajax请求，结合layer框架一起使用/*提取接口公共部分*/var ApiConf = {server:"http://localhost:8080/Battery/", };/*** 调用接口方法* api:接口* callback:回调函数* info:参数* type:请求方式*/function WFang (api, callback, info , type){//加载动画 layer.load();//参数var data = info;var contentType = ‘application/x-www-form-urlencoded; charset=UTF-8‘;if(type == ‘post‘){contentType = ...
闭包这个东西，网上有很多介绍资料。个人看了很多，还是一知半解。这里不做理论介绍，直接给出2个例子。 代码1：记录函数被调用的次数function a() {var i = 0;function b(){return ++i;}return b; }var c = a(); c();//1 c();//2这种方式类似C语言中的private static变量，能够保持局部变量的内存不释放。 代码2：正确给DOM注册事件处理函数<body><input type="button" id="b1" value="1"><input type="button" id="b2" value="2"...
我们都知道在 JavaScript 中 for...in 和 for...of 都可以迭代一个数组，但他们之间也有着很大的区别： 区别一：用于迭代器的返回值不同 for...in 和 for...of 最明显的区别莫过于他们用于迭代器的返回值不同，for...in 迭代的是对象的键，而 for...of 迭代的是对象的值。我们可以通过下面的例子对二者进行区分：const array = [3,4,5]for (let i in array) {console.log(i) //0,1,2 }for (let i of array) {console.log(i) ...
由于 JavaScript中没有类，对象充当着一系列集合的模板，包含着属性和方法，而每个对象中也有一个原型对象，可以存放共享方法和属性 。创建自定义类型的最常见方式，就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性，而原型模式用于定义方法和共享的属性 //组合使用构造函数模式(构造函数设置自己的属性)和原型模式(原型设计那些共享的方法和属性)function Person(name,age,job){this.name=name;this.age=a...
写本章的内容的出发点主要是 为了对于之前关于 JS 版本的一个总结，在之前的开发中，我们始终对于 ECMAScript 的版本的更新不够重视，以至于在后面的 开发过程中，我们始终会被各种新奇的语法打断了我们的思考思路，所以对于基础的追求，是任何时候都不能忘记的。不然会的框架再多，会玩儿的花样再多，到头来都只是API 。另外 一个目的就是想做一个好玩的东西，就是 实时编译所写的高版本（ES2015+）的 JS 代码。转化成现在大部分浏...
正则表达的创建方式http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp1var box =new RegExp(‘Box‘); //第一个参数是模式字符串2 alert(box); //Box/两个反斜杠是正则表达式的字面量表示法34var box =new RegExp(‘box‘); //第一个参数字符串5var box= new RegExp(‘box‘,‘ig‘) //第二个参数可选，模式修饰符67var box=/Box/; //使用字面量正...
谈到面向对象，我们之前学过Vb和C#，从抽象到封装再到继承和多态，面向对象的世界真的很好玩，但是JavaScript中的面向对象有些特殊，因为里面没有类，而且对象的创建方式也不同。 对象的创建大约有四种方式：使用new关键字创建、使用字面量创建、使用工厂方法创建、使用构造函数创建。 1、使用new关键字var box = new Object(); //创建一个 Object 对象 box.name = 'Lee'; //创建一个 name 属性并赋值 box.age = 100; //...
// 定义的那个对象 var xxx = {}; // amd if(typeof define ===‘function‘ && define.amd){ define(function(){return xxx}) } // cmd else if(typeof module !== ‘undefined‘ && module.exports){ module.exports = xxx; } // window else{ window.xxx = xxx; }原文：http://my.oschina.net/bosscheng/blog/497292
引入扩展文件Extjs4.2根目录下：examples \ ux \ css \ images （这是选择按钮的图片资源）examples \ ux \ css \ ItemSelector.cssexamples \ ux \ form \ MultiSelect.jsexamples \ ux \ form \ ItemSelector.js 我是将以上文件取出来打包到我项目中自己创建的ux目录，没有全部使用ExtJs的包，然后引入以上文件：<script src="/ExtJs/ux/MultiSelect.js"></script><script src="/ExtJs/ux/ItemSelector.js"></script> <link h...
1.windows对象 全局作用域：2.窗口关系及框架 如果页面包含框架，则每个框架都有自己的window对象，并且保存在iframes集合中，在iframe集合中，可以通过数值索引（从0开始，从左至右，从上到下。）或者框架名称来访问相应的window对象。每个window对象都有一个name属性，其中包含框架的名称。下面是一个包含框架的页面。以上代码创建了一个框架集，其中一个框架居上，两个框架居下、对这个例子而言，可以通过window.frames[0]...
转自：http://kb.cnblogs.com/page/191787/ 首先要说明的是，咱现在不是高手，最多还是一个半桶水，算是入了JS的门。 谈不上经验，都是一些教训。 这个时候有人要说，“靠，你丫半桶水，凭啥教我们”。您先别急着骂，先听我说。 你叫一个大学生去教小学数学，不见得比一个初中生教得好。因为大学生早已经过了那个阶段，都忘记自己怎么走过来的了。而对于初中生，刚好走过那个阶段，对自己怎么走过来的还记忆犹新，或者...
JavaScript CSS Style属性对照表盒子标签和属性对照CSS语法 (不区分大小写)JavaScript语法 (区分大小写)borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorborder-leftborderLeftborder-left-colorborderLeftColorborder-left-styleborderLeftStyleborder-left-widthborderLeftWidthborder-rightborder...
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。GET 还是 POST？与 POST 相比，GET...