摘要：HTTP状态码http://zh.wikipedia.org/wiki/HTTP%E7%8A%B6%E6%80%81%E7%A0%81CDNhttp://zh.wikipedia.org/wiki/CDN内容分发网络是一种透过互联网互相连接的电脑网络系统，提供高效能、可扩展性、及低成本的网络将内容传递给使用者。TCP协议是面向连接的，而HTTP是无状态的，面向连接和无状态怎么感觉好像有点矛盾呢？不矛盾，一个是面向链接的，一个是无连接的。面向链接的可靠些，无连接的就不那么可靠。主要是因为这两个协议所处的层不一样。互联网的设计者认为，用户层应是简单的，直接的。所以无连接的设计能够简化设备的成本，利 阅读全文

摘要：写出运行结果，说明理由。<script type="text/javascript">function test(num) { this.m_num = 5; var func1 = function() { alert(num); alert(this.m_num); } this.func2 = function() { func1(); } this.func3 = func1;}new test(1).func2();new test(1).func3();</script>运行结果：1undefined15点击查看DemoHTTP 缓存ht 阅读全文

摘要：下面是早期的IE浏览器最短判定方法点击查看Demo在 IE9 RC 的版本中开启“开发人员工具”选择不同的“文档模式”会发现结果有所不同。参考资料全球最短的IE判断:http://www.cnblogs.com/rubylouvre/archive/2010/01/28/1658006.html 阅读全文

摘要：DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。父、子、兄弟parentNode、firstChild、lastChild、previousSibling、nextSiblingDOM操作——怎样添加、移除、移动、复制、创建和查找节点。添加：insertBefore(), appendChild()移除：removeChild()移动：replaceChild()复制：cloneNode()创建：createElement(), createElementNS(), createTextNode()查找：getElement 阅读全文

摘要：除了Opera，目前的浏览器均已经支持系统拖放了。拖放事件1.拖动项事件dragstart; drag; dragend;点击查看Demo2. 放置目标事件dragenter; dragover; dragleave; drop;点击查看Demo一般来说，拖动项的事件总是先发生，除了 drop 事件要比 dragend 先触发。点击查看Demo默认情况下，文本框（<input/>或者<textarea/>是网页上唯一有效的放置目标），不过通过改变 dragover 和dragenter 事件的行为，可以在任何对象创建放置目标。不允许放置，点击查看Demo允许放置，点击查 阅读全文

摘要：Google 在2008年发布了 Google Libraries API。Google 将优秀的 JavaScript 框架部署在其 CDN 上，在我们的网站上使用 Google Libraries API可以加速 JavaScript 框架的加载速度。可是由于 Google 有时会被不稳定，所以一直也不敢使用Google Libraries API。今天在 jQuery.com 的源代码中看到了非常棒的使用方法，可以避免Google Libraries API 没有正确加载时造成的影响。判断 window.jQuery 对象是否存在，不存在则使用由网站自己提供的 jQuery。 阅读全文

摘要：拖放（Drag-and-Drop）是网页中经常出现的效果，比如：iGoogle里的gadget、QZone里的模块、cnblogs里的插入代码对话框等。咋一看对于实现该效果毫无头绪，实际上理清思路就比较好实现了。问：把大象放冰箱里分几步？答：分三步。1. 打开冰箱门；2. 把大象放进去；3. 关上冰箱门。那拖放效果分几步呢？1. 按下鼠标mousedown；2. 移动鼠标mousemove；3. 松开鼠标mouseup。一、简单实现根据上面的思路开始编码。HTML 代码：#box是拖放的对象CSS 代码：#box 绝对定位JavaScript 代码：为 box 对象绑定了 4 个事件。在鼠标按 阅读全文