兜兜潴

摘要： 结构jQuery.each({..},function(){})jQuery.fn.extend({..})jQuery.extend({...})jQuery.extend(jQuery.tmpl,{..})function xx(){}//自定义方法结构上非常简单，但template插件却提供了... 阅读全文

摘要： 前言以现在前端js激增的态势，一个项目下来几十个js文件轻轻松松对于复杂一点的单页应用来说，文件上百简直是家常便饭，那么这个时候我们的js文件应该怎么处理呢？另外，对于css文件，又该如何处理呢？？这些都是我们实际工作中要遇到的问题，比如我们现在框架使用zepto、backbone、undersco... 阅读全文

摘要： 如你所知，JavaScript是世界上第一的编程语言，它是Web的语言，是移动混合应用（mobile hybrid apps）的语言（比如PhoneGap或者Appcelerator），是服务器端的语言（比如NodeJS或者Wakanda），并且拥有很多其他的实现。同时它也是很多新手的启蒙语言，因为它不但可以在浏览器上显示一个简单的alert信息，而且还可以用来控制一个机器人（使用nodebot，或者nodruino）。掌握JavaScript并且能够写出组织规范并性能高效的代码的开发人员，已经成为人才市场上的猎寻对象。在这篇文章中，我将分享一组JavaScript的技巧、窍门和最佳实践，这些 阅读全文

摘要： 一、函数和方法差异1 . getYear()方法【分析说明】先看一下 以下代码：var year = new Date().getYear();document.write(year); 在IE中得到的日期是"2010"，在Firefox中看到的日期是"110"，主要是因为在 Firefox 里面 getYear 返回的是 "当前年份-1900" 的值。【兼容处理】 加上对年份的判断，如:var year= new Date().getYear();year = (year 这个函数在IE上运行 正常，Firefox下却报错了。【兼容 阅读全文

摘要： 1.优先使用===，而不是==JavaScript使用两种相等性操作符：===|!==和==|!=。通常认为做比较的最佳实践是使用前一组操作符。“若两个操作数的类型和值相同，那么===比较的结果为真，!==比较的结果为假。” — JavaScript语言精粹(JavaScript: The Good Parts)然而，如果使用==和!=，当比较不同类型的操作数时，你就会碰到问题啦。在这种情况下，这组操作符会尝试对操作数的值做无用的强制转换。2.Eval就是糟糕的代名词对于那些不熟悉JavaScript的人来说，函数”evel”让我们能够访问JavaScript编译器。我们可以通过给”eval” 阅读全文

摘要： 每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节，与大家分享。 （1）简化代码JavaScript定义对象和数组非常简单，我们想要创建一个对象，一般是这样写的： ?12345var car = new Object();car.colour = 'red';car.wheels = 4;car.hubcaps = 'spinning';car.age = 4;下面的写法可以达到同样的效果：?1 阅读全文

摘要： 这是stackoverflow上的一个老问题，却有个干货答案，但是扩展的信息量很大，我只在此抛个砖。Not jQuery. Not YUI. Not 等等…js的框架的确很有用，但是它们却常常把一些js的丑陋细节和DOM原理给你隐藏了。如果你的目标是做一个精通JavaScript的工程师，那花大把的时间放在框架上可能恰恰背道而驰了。下面就有javascript这门语言的一些特性，你应该知道并且深谙此道，但是很多人可能还并不清楚。一、对象属性，object.prop和object['prop']是一回事(所以你能停止使用eval了吗？！3KU)；对象的属性多是String类型（有 阅读全文

摘要： Web前端开发所涉及的内容主要包括W3C标准中的结构、行为和表现，那么这三项中我们需要掌握的核心技能是什么呢？1.开发语言HTML发展历史有二十多年，历经多次版本更新，HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单，不就是制作网页 嘛，其实不然，web前端需要掌握的核心语言xHTML+CSS+JavaScript，JavaScript作为最难的语言之一，许多编程高手也不敢妄 自菲薄自封精通。由于JavaScript与html的差异性，以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成 的。小公司因为需要压缩成本，就要求每个人会的越多 阅读全文

摘要： JavaScript有“预解析”行为，理解这一特性是很重要的，不然在实际开发中你可能会遇到很多无从解析的问题，甚至导致程序bug的存在。为了解析这一现象，也作为自己的一次学习总结，本文逐步引导你来认识JavaScript“预解析”，如果我的见解有误，还望指正。 （1）如果JavaScript仅是运行时自上往下逐句解析的，下面的代码能正确运行是可以理解的，因为我们先定义函数，然后才调用它。 代码如下:function showMsg() { alert('This is message'); } showMsg(); // This is message （2）我们也知道函数可以 阅读全文

摘要： CSS 中的 z-index 属性用 于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index 的使用方法进行分析, 并且为各位带入 z-index 层级树的概念.这个星期我们团队做了一次内部的技术分享, 南瓜小米粥为我们分享了他对 CSS z-index 的理解和引入层级树这个概念. 这个分享的现场效果很好, 所以我也将 z-index 和层级树话题搬到博客来谈一谈.本文谈及多个影响节 阅读全文