摘要： 1 var s=1;2 console.log(typeof s); //number3 s+="1";4 console.log(typeof s); //string5 console.log(s); //116 s++;7 console.log(typeof s); //number8 console.log(s); //12第三行，number和string相加得到的结果是string，这很容易理解。但是第六行，++操作符得到的结果是number类型。var ss = "1";ss++;console.log(ss);//2"1&qu 阅读全文

摘要： JavaScript使用面向对象的技术创建高级 Web 应用程序本文来自：Ray Djajadinata本文讨论:JavaScript 是基于原型的语言用 JavaScript 进行面向对象的编程JavaScript 编码技巧JavaScript 的未来本文使用了以下技术:JavaScript目录JavaScript 对象是词典JavaScript 函数是最棒的构造函数而不是类原型静态属性和方法闭包模拟私有属性从类继承模拟命名空间应当这样编写 JavaScript 代码吗？展望最近，我面试了一个有五年 Web 应用程序开发经验的软件开发人员。四年半来她一直在从事 JavaScript 相关的工 阅读全文

摘要： 随着Retina 屏幕的逐渐普及，网页中对图片的适配要求也越来越高。如何让图片在放大了两倍的Retina屏幕显示依然清晰，曾经一度困扰着网页开发者，好在CSS3 与 HTML5 已经着力在改变这种现状。那么到底什么是响应式图片呢？什么是响应式图片？响应式图片是指：用户代理根据输出设备的分辨率不同加载不同类型的图片，不会造成带宽的浪费。同时，在改变输出设备类型或分辨率时，能及时加载对应类型的图片。CSS 响应式图片对于很多 IOS 开发者来说可能已经不太陌生了，为了适配Retina屏幕，传统的 CSS3 实现方式是通过加载一张宽高分别放大两倍的图片，然后通过Media Queries使背景图片尺 阅读全文

摘要： 一个典型的插件的代码如下：(function($){ $.fn.myNewPlugin = function() { return this.each(function(){ // 一堆代码... }); };}(jQuery));那几行代码，没把你搞晕吧？ 其实里面的重点就是扩展 jQuery 的 prototype 对象，看下面这行：$.fn.myNewPlugin = function() { //...这里只是将它放在一个即时执行的函数内部：(function($){ //...}(jQuery));这样做是为了营造一... 阅读全文

摘要： 在javascript中，对象实际上就是一个哈希表，比如下面这个user对象：function user(n, a){ this.name = n; this.age = a; this.toString = function() { return "Name:" + this.name + ", Age:" + this.age; }}var u = new user("tom", 18);for (var k in u) { alert('key: ' + k + ', value:' + u[k] 阅读全文

摘要： constructor：对象的构造器,是一个函数。prototype：构造器的原型，只有函数才具有这个属性。isPrototypeOf：如果对象A存在于对象obj的原形链中，则A.isPrototypeOf(obj)返回true，而obj必定继承了A的属性。__proto__：访问对象的原型链在当前对象的上一级对象，即对象的父级对象，非W3C或ECMAscript标准，是浏览器对原型继承 的一种实现手段，存在于firefox和chrome，IE下不存在这个属性。js 对象的原形链应当是由 js 引擎维护的，属于“引擎级”的数据，__proto__ 属性的出现使原形链可以被修改，这使得在 js 阅读全文

摘要： 比onload更快获取图片尺寸文章更新：2011-05-31lightbox类效果为了让图片居中显示而使用预加载，需要等待完全加载完毕才能显示，体验不佳（如filick相册的全屏效果）。javascript无法获取img文件头数据，真的是这样吗？本文通过一个巧妙的方法让javascript获取它。这是大部分人使用预加载获取图片大小的例子：var imgLoad = function (url, callback) {02 var img = new Image();03 04 img.src = url;05 if (img.complete) {06 call... 阅读全文

摘要： 优秀的Stoyan Stefanov在他的新书中（《Javascript Patterns》）介绍了很多编写高质量代码的技巧，比如避免使用全局变量，使用单一的var关键字，循环式预存长度等等。这篇文章不仅仅从代码本身来考虑如何优化编码，也从代码的设计阶段来考虑，包括书写API文档，同事的review，使用JSLint。这些习惯都能帮助你编写更加高质量的、更易于理解的、可维护的代码（让你的代码在多年之后仍使你引以为傲）。编写可维护的代码软件的BUG修复需要花费大量的精力。尤其当代码已经发布之后，随着时间的增长，维护的成本愈发的高。当你一发现BUG的时候，就立即去修复，这时候你的代码还是热乎的，你 阅读全文

摘要： 1. offsetTop、offsetLeft、offsetWidth、offsetHeight假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。obj.offsetLeft 指 obj 距离左方或上层控件的位置(具体为从obj的外侧边界到外层控件的内侧边界)，整型，单位像素。（注意：以上是IE中的解释，FF下，它是obj的外侧边界到浏览器左侧的距离。offsetTop也是一样）obj.offsetWidth 指 obj 控件自身的宽度，整型，单位像素。obj.offsetHeight 指 obj 控件自身的高度，整型，单位 阅读全文

摘要： 1,判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;reg.test("a1a__a1a__a1a__a1a__");2，截取字符串abcdefg的efgvar str = "abcdefg";if (/efg/.test(str)) { var efg = str.substr(str.indexOf("efg"), 3); alert(efg);}3，判断一个字符串中出现次数最多的字符，统计这个次数//将字 阅读全文