随笔分类 -  JS

摘要:一、原生js: 二、jquery版本: 采用deferred对象返回结果 阅读全文
posted @ 2016-05-26 12:15 douglasvegas 阅读(242) 评论(0) 推荐(0)
摘要:fastclick.js解决了什么问题? 自己接触WebApp开发的前期, 总感觉WebApp上的按键操作不如NativeApp的灵敏, 好像有那么一小点延迟. 后来才知道, 这是移动端浏览器特意设计的延迟 -- 在移动端, "用户的点击"和"点击生效"之间会有300ms的延迟. 这一设计是为了支持 阅读全文
posted @ 2016-05-11 16:03 douglasvegas 阅读(444) 评论(0) 推荐(0)
摘要:r.js是RequireJS的一部分(optimizer)。它依赖于UglifyJS,而UglifyJS基于nodejs。r.js多数时候配合模块化(AMD)写法进行合并,压缩。如果你的代码不采用AMD方式,也可以用它来压缩。这篇讨论的是当不采用AMD方式组织代码时压缩整个项目的js文件。 假设项目 阅读全文
posted @ 2016-04-25 17:36 douglasvegas 阅读(791) 评论(0) 推荐(0)
摘要:Console 是用于显示 JS和 DOM 对象信息的单独窗口。并且向 JS 中注入1个 console 对象,使用该对象 可以输出信息到 Console 窗口中。 使用 alert 不是一样可以显示信息,调试程序吗?alert 弹出窗口会中断程序, 如果要在循环中显示信息,手点击关闭窗口都累死。而 阅读全文
posted @ 2016-04-25 16:50 douglasvegas 阅读(185) 评论(0) 推荐(0)
摘要:将属性添加到对象,或修改现有属性的特性。 将属性添加到对象,或修改现有属性的特性。 语法 Object.defineProperty(object, propertyname, descriptor) 参数 object 必需。 要在其上添加或修改属性的对象。 这可能是一个本机 JavaScript 阅读全文
posted @ 2016-04-25 14:18 douglasvegas 阅读(307) 评论(0) 推荐(0)
摘要:引言 说到枚举,可能很多人都会想到枚举类型,但在javascript对象中有一个属性为可枚举性,他是什么呢? 概念 可枚举性(enumerable)用来控制所描述的属性,是否将被包括在for…in循环之中。具体来说,如果一个属性的enumerable为false,下面三个操作不会取到该属性: for 阅读全文
posted @ 2016-04-25 13:46 douglasvegas 阅读(523) 评论(0) 推荐(0)
摘要:hasOwnProperty:是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员。isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中,是则返回true,否则返回false。 1 阅读全文
posted @ 2016-04-25 13:40 douglasvegas 阅读(167) 评论(0) 推荐(0)
摘要:ECMAScript 6(ES6)的发展或者说普及之快可以说是难以想象的,对很多人来说ECMAScript 5(ES5)都还普及呢。现代浏览器对ES6新特新或多或少的有些支持,但支持度不高,所以要想在浏览器中直接使用ES6的新特性,还得等上一段时间。 对ES6的普及起到至关重要的就不得不说babel 阅读全文
posted @ 2016-04-24 15:00 douglasvegas 阅读(835) 评论(0) 推荐(0)
摘要:浏览器安全的基石是"同源政策"(same-origin policy)。很多开发者都知道这一点,但了解得不全面。 本文详细介绍"同源政策"的各个方面,以及如何规避它。 一、概述 1.1 含义 1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个政策。 最初,它的含义是 阅读全文
posted @ 2016-04-22 18:09 douglasvegas 阅读(231) 评论(0) 推荐(0)
摘要:在JavaScript中,this关键字是动态绑定的,或称为运行期绑定,这极大地增强的我们程序的灵活性,同时也给初学者带来了很多困惑。本文总结了this的几个使用场景和常见误区。 全局环境 在全局环境中使用 this ,它会指向全局对象。在web游览器中,也就是window对象。 函数调用 当作为普 阅读全文
posted @ 2016-04-22 17:43 douglasvegas 阅读(136) 评论(0) 推荐(0)
摘要:多年来,Javascript一直在web应用开发中占据重要的地位,但是很多开发者往往忽视一些性能方面的知识,特别是随着计算机硬件的不断升级,开发者越发觉得Javascript性能优化的好不好对网页的执行效率影响不明显。但在某些情况下,不优化的Javascript代码必然会影响用户的体验。因此,即... 阅读全文
posted @ 2015-10-20 10:04 douglasvegas 阅读(156) 评论(0) 推荐(0)
摘要:在如今都追求用户体验的时代,Ajax应用真的是无所不在。加上这些年浏览器技术、HTML5以及CSS3等的发展,越来越多的富Web应用出现;在给与我们良好体验的同时,Web开发人员在背后需要处理越来越多的异步回调逻辑。笔者对最近读完的《Async Javascript-Build More Respo... 阅读全文
posted @ 2015-10-19 13:51 douglasvegas 阅读(203) 评论(0) 推荐(0)
摘要:nodejs的fs模块并没有提供一个copy的方法,但我们可以很容易的实现一个,这种方式是把文件内容全部读入内存,然后再写入文件,对于小型的文本文件,这没有多大问题,比如grunt-file-copy就是这样实现的。一,开篇分析流是一个抽象接口,被 Node 中的很多对象所实现。比如对一个 HTTP... 阅读全文
posted @ 2015-10-19 10:13 douglasvegas 阅读(292) 评论(0) 推荐(0)
摘要:页面加载完毕时会触发onload事件。基于内容(HTML)要与行为(JavaScript)分离的编码思想,我们需要将一些对页面的初始化操作写在方法内,并通过window.onload = functionName调用这些方法.需要调用多个方法时,若使用window.onload = function... 阅读全文
posted @ 2015-10-09 17:57 douglasvegas 阅读(230) 评论(0) 推荐(0)
摘要:因为我想在我的项目里引入JS模版,所以就研究了一下,有人告诉我这个引擎的速度很慢,于是我又去搜集了一下资料,结果发现jquery tmpl是最慢的,于是乎我就放弃了,对比下来发现胜出的有以下几种artTemplate,dot,juicer三个从速度上胜出(chrome),但 是在IE下最终选择了do... 阅读全文
posted @ 2015-09-17 16:40 douglasvegas 阅读(258) 评论(0) 推荐(0)
摘要:DOMDocument 属性和方法 最近发现DOMDocument对象很重要,还有XMLHTTP也很重要注意大小写一定不能弄错.属性:1Attributes 存储节点的属性列表(只读)2childNodes 存储节点的子节点列表(只读)3dataType 返回此节点的数据类型4Definition ... 阅读全文
posted @ 2015-09-16 11:01 douglasvegas 阅读(142) 评论(0) 推荐(0)
摘要:这里的主题是 this ,不扯远了。this 本身原本很简单,总是指向类的当前实例,this 不能赋值。这前提是说 this 不能脱离 类/对象 来说,也就是说 this 是面向对象语言里常见的一个关键字。说的极端点,如果你编写的JS采用函数式写法,而不是面向对象式,你所有的代码里 this 会少很... 阅读全文
posted @ 2015-09-15 15:05 douglasvegas 阅读(143) 评论(0) 推荐(0)
摘要:我们都知道,JavaScript数据类型分两大类,基本类型(或者称原始类型)和引用类型。基本类型的值是保存在栈内存中的简单数据段,它们是按值访问的。JS中有五种基本类型:Undefined、Null、Boolean、Number和String。引用类型的值是保存在堆内存中的对象,它的值是按引用访问的... 阅读全文
posted @ 2015-09-15 14:59 douglasvegas 阅读(206) 评论(0) 推荐(0)
摘要:[a]函数声明function functionName(arg0,arg1,arg2){ //函数体 } [b]函数表达式:function关键字后面没有标识符的函数称为匿名函数,在把函数当成值来使用的情况下,都可以使用匿名函数var functionName = function(... 阅读全文
posted @ 2015-09-15 14:51 douglasvegas 阅读(143) 评论(0) 推荐(0)
摘要:'biuuu.com','title'=>'必优博客');echo 'var data=' . json_encode($InfoBox) . ';';?>JQuery1.2后getJSON方法支持跨域读取json数据,原理是利用一个叫做jsonp的概念。当然,究其本质还是通过script标签动态加... 阅读全文
posted @ 2015-09-15 12:44 douglasvegas 阅读(198) 评论(0) 推荐(0)