超超玄著

无论是从技术角度还是开发视角，对于web前端开发规范文档都有一定规范，本文就css3和html5的发展前景总结了一系列的web开发文档，仅供大家参考。规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决

一、什么是跨域？跨域请求，简单说就是从一个域访问另一个域下的数据或资源。受同源策略限制，JavaScript不能跨域!　这里提到了同源策略，那么什么是同源策略呢？同源策略(Same Origin Policy)，它是由Netscape提出的一个著名的安全策略。 现在所有支持JavaScript 的浏览器都会使用这个策略。同源策略阻止从一个域上加载的脚本去获取或操作另一个域上的文

1、javascript的类型转换（比如"2"*1, "a"*1）javascript会调用valueOf来转换为一个基本数据类型，在这种情况下，如果javascript不能通过valueOf转成一个number，会尝试调用toString，然后再转。实在无法转就只能NaN了。2、类的创建、继承和闭包JavaScript中严格说来没有类的概念，但是可以用Function来模

1、鼠标点击页面中的任意标签，alert该标签的名称document.onclick=function(e){ e=e||window.event; var o=e.srcElement||e.target; alert(o.tagName);}兼容性问题：1）e=e||window.event;做事件处理时候区分IE和其他浏览器事件对象时常用的写法2）IE下是s

根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为块级元素；而span元素的默认display属性值为“inline”，称为行内元素。块级元素：会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子。行内元素：则没有

大多数情况下，jQuery代码的编写，都要求我们将jquery的代码放在$(document).ready(function(){      ........jquery代码...........});上面的代码和$().ready(function(){      ........jquery代码...........});$(function(){

有这么一段HTML，请挑毛病：  哥写的不是HTML，是寂寞。  我说：不要迷恋哥，哥只是一个传说考点1：html和 xhtml的区别这行代码在html 4.01 strict下是完全正确的，在xhtml 1.0 strict下是错误一堆的。所以明显是一个考点。在xhtml下所有标签是闭合的，p,br需要闭合, 标签不允许大写，P

onkeypress是在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。  onkeyup 是在用户放开任何先前按下的键盘键时发生。  onkeydown 是在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生。 onkeypressAs of Microsoft® Internet Explorer 4.0, the onke

原因An  element is invalid HTML unless it has either an href or name attribute.If you want it to render correctly as a link (ie underlined, hand pointer, etc), then it will only do so if it ha

JavaScript的引号嵌套时单引号和双引号是交替使用的，但是到第三层就会出现解析错误如：''这种用情况下something前的单引号会成为整个字符串的结束，解决方式：''转义单引号即可，但是转义时不可用双引号：''这样的话解析时，something前的双引号会被作为href属性的结束。所以转义时也必须交替进行。另外也可以把引号用HTML代码来代替引号

1. Key code：A(65) Enter(13)2. top与pixelTop：前者返回String，后者返回int3. parseInt："0x"开头，转换成16进制，parseInt("0x10") -> 16；4. 解决jQuery命名冲突：JQ = jQuery.noConflict()；5. jQuery = window.jQuery = window.$ = f

在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。 window.self：当前窗口自身的引用，和window属性是等价的。注：window、self、window.self是等价的。 window.top

http://resumablejs.com/

偶然看到来自博客园汤姆大叔的一个JS系列，虽然自己能完全明白的不多，但是作为以后提高的一种资源必须收藏，慢慢拜读总结吧！深入理解JavaScript系列（1）：编写高质量JavaScript代码的基本要点深入理解JavaScript系列（2）：揭秘命名函数表达式深入理解JavaScript系列（3）：全面解析Module模式深入理解JavaScript系列（4）：立

JavaScript：1. JavaScript编程风格HTML/HTML5

上周六有幸同我们人人网的几个同事一起去Google总部参加了《给力HTML5 —— 2011 Google HTML5 训练营》，从下午1点多到晚上9点多8个小时左右的时间，收获还是很大的，8个小时的时间把以前一直想学或想做的事情都给搞了一些。好久没有写博客了，今天也该分享些给力的东西了，正好借此次机会跟大家分享些HTML5相关的给力的技术（sessionStorage、localStorage、

我们曾经在《HTML5 中 File 对象初探》中，使用到了FileReader，在那篇文章中，它被用来将一个文件读取为二进制字符串，并通过 xhr 发送到后端形成交互。作为 File API 的一部分，FileReader 专门用于读取文件，根据 W3C 的定义，FileReader 接口 "提供一些读取文件的方法与一个包含读取结果的事件模型"。接下来，我们将逐一了解 FileRea

对比一下XHTML 1.0 Transitional的规范，html5基本上没有XHTML 1.0 Transitional严格的要求，并且简化了很多东西。•文档声明更简单了。1  2  3 •html标签上不需要声明命名空间。1  2  3 •字符集编码声明也简单了1  2  3 •

1.html5新元素：新的输入类型：email；url；number；range；Date pickers (date, month, week, time, datetime, datetime-local)；search；color新的表单元素：datalist；keygen；output2.video和audio    Your browser doe

html文件内容（需要部署在服务器上才可使用）：拖拽本地图片到页面指定元素内window.onload = function() {var oDropBox = document.getElementById('dropBox');oDropBox.addEventListener('dragover', function(e) {e.stopPropaga

CSS Sprite是一种利用CSS特性对网页中图片进行的特殊处理的运用方式，主要是将多张零星图片综合到一张图片中。这样做的好处是可以减少用户浏览网页时对服务器的请求数，减少服务器负载，达到优化网站的目的。目前多内外著名网站都在使用这种技术。    CSS Sprite是如何在一张图片中集合多张零星图片的呢？请看图一、图二、图三，它们分别是google、土豆网和

1. 注明关闭的是哪个div块2. 使用CSS重置3. 不要用@import4. smush你的图片5. 不要在html中混写CSS6. 不要在html中混写Javascript7. 使用条件注释8. 在body的最后导入Javascript文件9. 照语义使用html10. 测试时就要加入跨浏览器thanks: http://www.catswho

body{ margin:0px; width:100%; height:100%; } .box{ position:absolute; top:50%; left:50%; width:500px; height:200px; } .content{ position:relative; top:-50%; le

IE中的盒模型bug在IE6及以后的版本中，还有其它主流浏览器对盒模型宽高的解析不包括border和padding，而在IE6以前的版本中，IE对盒模型宽高的解析包括border和padding，这就是IE中盒模型的bug。通常解决这个bug都是通过voice-family属性。在css3中新添加了box-sizing属性，可以更好的实现这“content-box”和”border

1. HTML标签大小写不敏感，属性名和属性值大小写敏感

要删除一个对象的某个属性：delete dog.tail;onclick中的方法传当前对象：onclick="click(this);"；

(function() { // 匿名函数    function log(msg) {      console.log(msg);  }    // 其他代码    }()); // 立即执行 该方式用于限定该文件内的所有变量仅局部访问，详情参靠“一等公民函数”博客；如需在其他文件中调用该包内的元素，可将该元素直接声明为全局变量；

function getparastr(strname) { var hrefstr, pos, parastr, para, tempstr; hrefstr = window.location.href; pos = hrefstr.indexOf("?"); parastr = hrefstr.substring(pos + 1); para = parastr.split("&"

1. 批量增加 Dom尽量使用修改 innerHTML 的方式而不是用 appendChild 的方式 ; 因为使用 innerHTML 开销更小 , 速度更快 , 同时也更加内存安全 .有一点需要注意的是 , 用 innerHTML 方式添加时 , 一定不要在循环中使用 innerHTML += 的方式添加 , 这样反而会使速度减慢 ; 而是应该中间用 array 缓存起来 , 循环结束