JavaScript - 随笔分类(第2页) - 小玉西瓜

[dom] children属性的陷阱

摘要：children是个好属性，通过这个属性取得的节点不饱和文本节点，如果使用childNodes的话会包括文本节点。这个属性首先有ie进入，现在已经跨浏览器。使用他可以减少我们过滤节点的操作。兼容情况见http://www.quirksmode.org/dom/w3c_core.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html x 阅读全文

posted @ 2012-03-26 13:56 小玉西瓜阅读(402) 评论(0) 推荐(0)

[javascript]最短 domready

摘要：javascript 设计模式大神原创http://dustindiaz.com/smallest-domready-everfunction r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}　我改造了一下function ready(fn){var delay;/complete/.test(document.readyState)?delay=setTimeout(function(){arguments.callee.apply(null,arguments)},9):del 阅读全文

posted @ 2012-03-16 13:24 小玉西瓜阅读(517) 评论(0) 推荐(1)

[dom]outerHTML 终于一统天下

摘要：随着firefox11的发布这个技术壁垒已经被打破。可能大家对innerHTML非常熟悉，outerHTML还有点眼生。这一组4个方法都是由微软发明的，自ie4.0起纳入html DOM，后面各浏览器厂商陆续提供了支持。但是由于firefox不支持所以还不能直接使用。以至于出现了各种版本如修改HTMLElement.prototype.__defineSetter__来达到跨浏览器性。这个和innerHTML的区别在那？见例子<p><b>abc</b></p> p.innerHTML //<b>abc</b>p.oute 阅读全文

posted @ 2012-03-14 10:31 小玉西瓜阅读(321) 评论(1) 推荐(1)

Navigation Timing API 准确掌握浏览器各项开销时间

摘要：这个是同事分享的，拿出来给大家共享一下。w3c 地址https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/Overview.html#sec-window.performance-attribute相比其他浏览器api 这个api可能关注度不高但是很有用。直接上图这个api有两个属性performance.timing 记录浏览器各项开销时间performance.navigation 记录浏览器状态浏览器支持情况chrome 6+ ie9+ ff7+ android4+ 阅读全文

posted @ 2012-01-11 17:30 小玉西瓜阅读(741) 评论(0) 推荐(1)

[javascript]避免悲剧密码生成器

摘要：最近被暴库的很多，密码安全成为重大问题！如何避免简单密码呢？还在冥思苦想密码？no我为大家准备了一个密码生成工具，有0-9和a-k的英文字母组成，数字是乱序排列。字母随机一个替换掉一个数字，生成一个长度为10的密码。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/ 阅读全文

posted @ 2011-12-22 15:30 小玉西瓜阅读(2448) 评论(12) 推荐(1)

jQuery创建实例与原型继承揭秘

摘要：在普通情况下我们要用原生类、或者自定义类创建实例要用new运算符，使构造函数创建一个实例，并且实例继承构造器prototype上的所有公有方法。如 new Object()、new Date()等等！（object有{}，数组有[]这样的快捷方式，我们主要探讨new这种方式。）我们在使用jQuery时从来没有使用过new，他是不是用其他方法来生成实例呢？是不是没有使用prototype属性呢？事实上他都有使用，只是内部处理的非常巧妙，提高了使用的爽快度。我们来看看他的源码funtion jQuery( selector, context){ return new jQuery.fn... 阅读全文

posted @ 2011-12-20 23:42 小玉西瓜阅读(2930) 评论(5) 推荐(5)

[Javascript]单例模式（singleton ）

摘要：Javascript中大家都很习惯用new运算符创建实例。现在看看另外一种创建实例的方法------单例模式。单例模式的意思就是只有一个实例。单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。单例模式的特点有：1，该类只有一个实例2，该类自行创建该实例(在该类内部创建自身的实例对象)3，向整个系统公开这个实例接口。下面我们分析一下实现的可行性第1个特点：Javascript是不支持重载的，如果不能被new的话，多次调用会被覆盖所以第一点也很好实现第2个特点：自行创建实例这点我们用匿名包装器也比较好实现第2个特点：javascript是运行在宿主环境中的，我们向globa 阅读全文

posted @ 2011-12-15 16:38 小玉西瓜阅读(2006) 评论(6) 推荐(4)

javascript1.7新语法

摘要：web技术近两年来发展迅速，随着开发环境的变化，我们也能使用新技术来提高生产力。javascript1.6对数组增加了一系列的新方法，可能大家都比较熟悉了。下面看看javascript1.7带来的新变化，想要使用新版本的javascript要使用支持新版本的浏览器，比如firefox最高已经支持javascript1.8.5，同时要处理一下scirpt标签的mime类型为：<script type="application/javascript;version=1.7">例如：1 <script type="application/javascr 阅读全文

posted @ 2011-12-13 16:37 小玉西瓜阅读(3560) 评论(12) 推荐(3)

[JavaScript]跨浏览器可8方向拖拽剪裁框

摘要：1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c 阅读全文

posted @ 2011-12-11 01:01 小玉西瓜阅读(363) 评论(0) 推荐(1)

仅限正整数输入

摘要：在某些浏览器不支持type number时这个是一个很好的替代方案 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <meta http-equiv="Content-T 阅读全文

posted @ 2011-12-09 10:47 小玉西瓜阅读(1216) 评论(0) 推荐(3)

duffsDevice 高速版

摘要：相信大家都在高性能javascript或者红宝书上看见过这个，书里面的有误这个是已勘误过的。 1 function duffsDevice(items, fn) { 2 if ('function' !== typeof(fn)) return; 3 var iterations = items.length % 8, i = items.length - 1,callback = fn; 4 while (iterations) { 5 callback(items[i--]); 6 ... 阅读全文

posted @ 2011-12-08 22:00 小玉西瓜阅读(283) 评论(0) 推荐(0)

随笔分类 - JavaScript

公告