振之博文

摘要：object作为javascript的一种数据存储格式，采用哈希表的存取方式，即一个key对应唯一的值，这种特性会给开发带来很大的便利，但是也有一定的风险，正如你看到的文章标题，object数据存储时没有顺序的，当业务的需求对数据的顺序有严格要求的时候，这恰恰就是致你于死地的那滴毒液。 阅读全文

摘要：设置请求目标域页面的window.name，通过iframe引用至本域，由于js受到浏览器同源策略限制，无法跨域通信，取不到iframe中传过来的window.name设置值，所以需要在本域设置一个代理页面（空文件即可），监听iframe的load事件，一旦加载完成，设置iframe指向本域下的代理页面，此时就不存在跨域问题了，同时js可以取得iframe传输过来的跨域数据，即window.name值。 阅读全文

摘要：今天是2011年1月10日，已经离2010年越来越远了（瞬间过去了一个多星期），过去的一年，工作中遭受过挫折，也收获了许多宝贵的开发经验，应该算是丰收的一年吧，本来打算在跨年那天做一个详细的工作总结发到博客，由于工作繁忙（借口），给耽搁了，时至今日权且把2010的述职报告借来用用吧。 阅读全文

摘要：很多的web开发人员都使用Mozilla firefox并且绝大多数都使用firebug来测试、调试前端代码，firebug在调试html+css方面的能力是毋庸置疑的，但仅仅使用它来完成这样的任务并没有发挥firebug的巨大潜能。 随着web apps越来越庞大，JavaScript的性能也被推到风头浪尖，在此之前或许你已经知道哪些操作会减缓JavaScript程序运行速度，并且养成良好的编码习惯。 阅读全文

摘要：对于object的取值，一种是通过逻辑定位符（.），另外一种就是通过hash map的方式。对于第一种方法，没有过多的疑问，对象标识符.对象键标识符，如var o = { a: 1} ; o.a就取到对象o的属性a的值，如果用哈希表的方法取，则为o['a']，那么一定要o['a']才可以吗？是否有其他方法呢？看下面这段“怪异”的代码： 阅读全文

摘要：提及hack，总是和“猥琐”联系起来，的确使用hack并不能从根本上解决问题，只是一种临时补救的方法，并且会降低项目的可维护性，也难免给人留下如此“猥琐”的印象。 事实上，使用hack能帮助我们很快的完成工作任务，节省更多宝贵的时间去投入其他工作中，尤其在css方面，有时候面对一些无法规避的bug，使用hack还是非常有效的。即使自己很少或者从不使用，但作为一个知识点，个人认为还是有必要略知一二的，当你维护别人的代码的时候（各种hack），也不至于手忙脚乱。 阅读全文

摘要：JavaScript中的prototype，即构造函数的原型对象，我想对于使用过JavaScript oo模式编程的你来说，肯定都能很好的利用prototype的特性来编写出优美的面向对象的代码，因为它的确很好用。但是你真的足够了解prototype吗？ 首先我觉得，在分析prototype之前，应该先了解为什么要使用prototype来实现继承，而并不是把所有属性写到构造函数内部，那么这样做优势体现在哪里呢，如果你跟我有一样的困惑，请看如下两段代码： 阅读全文

摘要：近期项目中，发现这个诡异的问题，IE（以下如有特殊说明，指全部IE系列浏览器）下透明滤镜竟然会失效。起因在于，在做一个lightbox时，发现遮罩层透明效果是失效的，在第一时间里，我当然是把问题定位在YUI组建设计的缺陷上，但是当我用IE调试工具看到遮罩层渲染的样式时，我震惊了。如下图： 阅读全文

摘要：老实说在今天之前，我对javascript的浮点数运算毫无认识，觉得应该和实际运算中一样，然而，有些事情往往会出人意料。 先看一组数据: 0.1 + 0.11 = 0.21000000000000002 0.2 * 3 = 0.6000000000000001 0.7 / 10 = 0.06999999999999999 你相信吗？如果不信，那么立即打开firefox浏览器测试吧。有一点可以确信，你看到测试结果的表情，一定先是惊讶，后来是迷惑。 阅读全文

摘要：近期在做排列五的彩票项目，每一期都有购彩时段，即用户打开这个排列五的页面时，会从服务器传来一个remaintime（离本次彩期结束的剩余时间），然后这个时间在客户端递减呈现给用户看，让用户获得本次彩期的剩余时间。 阅读全文

摘要：对“捕获”和“冒泡”这两个概念，我想我们对冒泡更熟悉一些，因为在我们使用的所有浏览器中，都支持事件冒泡，即事件由子元素向祖先元素传播的，就像气泡从水底向水面上浮一样。而在像firefox,chrome,safari这类所谓的标准浏览器中，事件传播还有个阶段，那就是捕获阶段，这个很少有用武之地，所以被人疏忽遗忘也在所难免了，不常用不代表它不存在，本着科学严谨的态度，我们有必要去看一下它的庐山真面目。 阅读全文

摘要：给dom元素绑定事件监听，很easy，即使刚入门的javascript编程人员都可以办到，比如obj.onclick = fn就可以很轻松的监听obj的单击事件，这固然是没有问题的，但是问题就在于在这个监听过程中，很难触发N个代码片段... 阅读全文

摘要：对于&&和||运算符，相信大家都用过，分别进行逻辑与运算和逻辑或运算符。如果&&的第一个运算数是false，则不再考虑第二个运算数，直接返回false。如果||的第一个运算数是true，那么也不再考虑第二个运算数。 阅读全文

摘要：一个陷阱，引发一次深刻的思考，代码如下： var a = 11111; var b = { pro: "test" } function fn(a,b){ a = 2222; b.pro = "zhenn"; } fn(a,b); console.log(a); // 11111 console... 阅读全文

摘要：delete这个操作符呢，在javascript中不是很常用，但是他的特性的确很诡异。 1，删除对象的属性，代码： var o = { a: 1, b: 2 }; delete o.a; alert(o.a); //undefined 那么到底delete删除的是对象的属性还是对象的属性值... 阅读全文

摘要：今天一个挚友给我出了道javascript笔试题，代码如下： function test(){ var a = b = 2; } test(); alert(b); alert(a); 我看到这段代码，我笑了，很自信的回答道，会报错，因为a,b都是局部变量，所以a and b is not... 阅读全文

摘要：“计算出字符串中出现次数最多的字符是什么，出现了多少次？” 看到这个需求，我想大多数人应该首先想到的是转换成数组，再做处理，当然是可以解决问题的，然后这里提供一个巧妙的算法设计，无需转数组，可以很快解决问题，代码如下： var str = "adadfdfseffserfefsefseeffff... 阅读全文

摘要：在做一件事情之前，首先要清楚做这件事情的好处有什么，相信不会有哪个人愿意无缘无故的去做事情。一般说来，我们在设计类的时候，实际上就是希望能减少重复性的代码，使用继承可以完美的做到这一点，借助继承机制，你可以在现有类的基础上再次进行设计并且充分利用它们已经具备的各种方法，而对设计的修改也更为轻松。废话... 阅读全文

摘要：由于项目需要，写了个日历控件，仿照windows的日历写的，可以添加备忘录，备忘录操作所存取数据，没有数据库的支持，只在js中建立一个数组来存储，故而在不刷新页面的情况下，可以进行添加查看备忘录操作，如需和服务器进行交互，使用ajax也十分的方便！ demo如下： JavaScript日... 阅读全文

摘要：tab（选项卡）技术很常见，即使刚踏入前端开发的同学都会使用它去完成一些基本的任务。这里讨论的是一种面向对象的tab，其实是换一种设计模式来设计代码，这里用到的是简单工厂，这个Tab类提供很多借口，如onSwitch,switchTo...利用这个tab组件可以定制形式多样化的tab。 使用方法简单... 阅读全文

摘要：先看看关于call()的官方解释，“调用一个对象的一个方法，以另一个对象替换当前对象。”，看了这样的解释，或许让你更摸不着头脑了。看例子： 1 var x = "我是全局变量"; //定义全局变量x 2 function a(){ //定义函数类结构a 3 this.x = "我是在函数类... 阅读全文

摘要：在此之前，针对页面中的这种效果，一直用sina的某高人写的脚本，因为写的真的不错，可扩展性很强，但是在ie8面世之后，却发现在ie8中不兼容，所有滚动元素只能在可视范围内滚动一次。 既然如此，这个脚本就不能再用了，毕竟随着win7被炒的越来越热，而ie8又预装在win7中，所以不得不考虑不兼容ie8... 阅读全文

摘要：不得不承认，兴趣是激发人进步的最好催化剂。以前还没写过类似这样的东西，不过数月之前就很想把他写出来，由于时间的短缺，一直没有执行，直到这个周末， 终于按捺不住写了这个“七彩贪吃蛇”，虽然功能很简单，但是对我来说，还是从中汲取了不少养分，或者说以前掌握的知识点记得更牢固了，要不怎么说实践是最 好的老师... 阅读全文

摘要：浏览器的渲染引擎负责取得网页的内容（html、xml、图像等）、整理讯息（加入css,javascript等），以及计算网页的显示方式，然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要渲染引擎。 了解浏览器的渲染类型有助于我们理解浏览器的私有属... 阅读全文

摘要：list-style实在是在太脆弱了，这是我目前给予它的评价。先看代码： 1 style type="text/css">2 *{ font-size:18px; margin:0; padding:0;} 3 ol{ width:600px; border:1px solid #d5d5d5;... 阅读全文

摘要：在JavaScript的世界里，定义函数的方法多种多样，这正是JavaScript灵活性的体现，但是正是这个原因让初学者摸不着头脑，尤其对于没有 语言基础的同学。正所谓条条大道通罗马，但是如果道路太多，会让行路者不知所措，因为不知道走那条路才是正途，呵呵，废话一大篇，闲言少叙，先看代码： 1 ... 阅读全文

摘要：在默认情况下，发生在一个子元素上的单击事件（或者其他事件），如果在其父级元素绑定了一个同样的事件，此时点击子元素，click事件会首先被子元素捕获，执行绑定的事件程序，之后会被父级元素捕获，再次激发一段脚本的执行，这就是所谓的“事件冒泡”。 看个例子： 无标题文档 运行... 阅读全文

摘要：先贴代码： 1 ul id="newsList"> 2 li>span class="txt">a href="#">新闻标题a>span>span class="date">[2009-10-29]span>li> 3 li>span class="txt">a href="#">新闻标题... 阅读全文

摘要：关于div高度的自适应，一直是个让人头疼的问题，整理了一下以前总结的方法，仅表示我也玩过。 html code: 1 div id="container"> 2 div id="leftSide">这边的高度自适应右侧的高度div> 3 div id="rightSide"> 4 sc... 阅读全文

摘要：haslayout是Windows Internet Explorer渲染引擎的一个内部组成部分。在IE中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了hasLayout的属性，属性值可以为true或false。 在h... 阅读全文

摘要：记得刚认识absolute的时候，不知道在哪本参考书上看到过关于关于它的介绍，大概意思是这样的，“一个定义了absolute的子级元素（以下简称child）总离不开一个定义relative的父级元素（以下简称parent），否则child将相对于body定位”，时至今日，我不敢说这样的理解是错误的，... 阅读全文

摘要：在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为。 例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页。 Return False 就相当于终止符，Return True 就相当于执行符。在js中return false的作用一般是用来取消默认动作的。比如你单击... 阅读全文

摘要：在google个性化首页和tom网都有这种自定义网页布局的应用，兴趣所至，自己动手写了一个js拖动模型，发出来共享一下，声明：只是阐述拖动的基本原理，仅供参考： 阅读全文