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

css鼠标手型cursor中hand与pointerExample：CSS鼠标手型效果 CSS鼠标手型效果Example：CSS鼠标手型效果 CSS鼠标手型效果注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。Example：CSS鼠标由系统自动给出效果 CSS鼠标由系统自动给出效果Example：CSS鼠标十字型 效果 CSS鼠标十字

mouseover  鼠标移入mouseout   鼠标移除mouseenter  鼠标穿入mouseleave   鼠标穿出mouseenter()  mouseleave() 穿过子元素不会触发mouseover() mouseout()则会触发keydown()按下  keyup()按下弹起 返回的是键码keypress()返回的是字符编码

1、hide() 隐藏  show() 显示  toogle() 既有显示又有隐藏2、fadeIn() 淡入  fadeout() 淡出  fadeToggle() 淡入淡出切换      fadeTo() 设置透明     fagdeTo('slow',0.5);3、sildeDown() 向下滑动   sildeUp() 向上滑动  sildeToggle() 向上向下滑动4、

javascript(简称js)语言在移动前端应用很广。可以说必不可少，许多效果都是和js相关的。包括现在移动端的一些框架。jqmobi、jqtouch、sencha touch、jquerymobile等等。这些都是基于js而进行编写的。这篇暂时不讨论这些框架。以后会慢慢介绍其中的一两个框架的具体使用方法。这篇主要讨论一下部分常用的js事件在移动端的使用。举几个例子：1、隐藏地址导航栏：

变量的作用域变量的作用域其实很简单：在函数内定义的局部变量只在本函数内有效，在所有函数体外定义的变量在JS代码的全局有限，叫全局变量。有一个特殊情况，如果有全局变量和局部变量重名了，局部变量优先级高于全局变量，为什么会这样？后面再加以解释。变量与对象属性在学习Javascript的时候，会发现变量的使用与对象属性非常类似，比如赋值，已经在表达式中的使用方式，你甚至就可以把JS里面的每一

1．进入主页以后自动播放声音2．进入主页后自动最大化,省的去在自己单击了 self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) 3．显示现在时间的脚本document.write now4．显示最后修改时间的脚本document.write(document.lastModi

//禁用右键、文本选择功能、复制按键 $(document).bind(“contextmenu”,function(){return false;}); $(document).bind(“selectstart”,function(){return false;}); $(document).keydown(function(){return key(arguments[0])})

拖放效果#idContainer{ border:10px solid #990000; width:600px; height:300px;}#idDrag{ border:5px solid #C4E3FD; background:#C4E3FD; width:50px; height:50px; top:50px; left:50px;}#idHandle{cursor

html5

设计表单在HTML5中，表单已经做了重大的修整，一些以前需要JavaScript编码的任务现在已经可以在不需要编码的情况下就很容易地完成。本文中的表单例子分析了HTML5的表单创新套件的用法，当然，这一过程的第一步是规划表单。你要开发的表单例子的布局如图1所示，你要开发表单页面的三个区域：Header区、Form区和Footer区。Header区包含了封装在标签中的页面标题和副

作为WEB设计者，为了在网页展示上加强用户体验，经常会利用图象载入显示状态方法，这自然需要Image对象的onload事件。 在firefox浏览器下完成开发后，可是在IE浏览器中进行调试总不能被调用。不管是最新版的IE8还是旧版本的IE7和IE6都无效，最初的代码简化后如下：var img = new Image();img.src = "test.gif";img.onlo

IOS5中的Safari不兼容Javascript中的Date问题，做下笔录吧！奶奶的，折腾我半天！ 在做Mobile终端的Website开发中，我遇到一个很懊恼的问题。在IOS5以上版本（不包含IOS5）中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。但是在IOS5版本里面的Safari解释

在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，用一个attr()就可以全部搞定了,赞一个先 ^^jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。1. 

图4的显示——从左到右——为一条圆弧、一条二次曲线、一条贝塞尔曲线、一个半圆和一个圆。图4. 圆弧、曲线和圆

使用HTML5来编写代码的人，有着设计者和开发者双重身份的强悍组合，其职责是构造出高效的富互联网应用（rich Internet application，RIA），特别是丰富的用户界面。就高效这个字眼来说，我的意思是指系统级的和系统性的创造力增强，这种增强以数字化的方式促进了站点所有者、所有者的代理机构和站点用户之间的对话。RIA是用户获得满意体验的来源之处和媒介，因此，它是任何成功的

那么，什么是API呢？　　应用编程接口（application program interface，API）是访问一个软件应用的编程指令和标准的集合。通过使用API，你就可以设计出由API提供的服务来驱动的产品。　　HTML5拥有一些新的API，例如：　　1. 一个与新的画布元素一起使用的2D绘图API，用于渲染图形或是其他的视觉图像。2. 一个支持离线web应用的缓存机制

Aside区Acme United规划中的Aside区可通过使用标签来创建。这一标签被看作是用来存放补充内容的地方，这些内容不是其所补充的一篇连续文章的组成部分。在杂志上，插入语（aside）通常被用来突出文章本身所制造的一个观点。标签包含的内容可被删除，而这不会影响到包含了该内容的文章、章节或是页面所要传达的信息。清单10提供了标签用法的一个例子。清单10. 标签的例子

最新javascript自动按比例显示图片，按比例压缩图片显示function AutoResizeImage(maxWidth,maxHeight,objImg){var img = new Image();img.src = objImg.src;var hRatio;var wRatio;var Ratio = 1;var w = img.width;var h = img

1.对象字面量。 var clock={  hour:12,  minute:10,  second:10,  showTime:function(){   alert(this.hour+":"+this.minute+":"+this.second);  } } clock.showTime();//调用2.创建Object实例 var clock

什么是FOUC(文档样式短暂失效)?如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式显示页面内容的瞬间闪烁,这似乎不可想象,我将这种现象称之为文档样式短暂失效(Flash of Unstyled Content),简称为FOUC.因为这种奇怪的现象似乎只会在Internet Explorer中出现,

我的常识里面get最大传递的值为256b，post 是2M。这是很久以前不知在哪看到的。于是又百度一下。看到两篇文章装过来看看：浅谈 HTTP中Get与Post的区别GET方式传值的最大长度都有些道理。引用其中一些观点：get 首先是"GET方式提交的数据最多只能是1024字节"，因为GET是通过URL提交数据，那么GET可提交的数据量就跟URL的长度有直接关系 了。而实际

1　请实现，鼠标点击页面中的任意标签，alert该标签的名称．（注意兼容性）答：document.onclick=function(e){  e=e||window.event;  var o=e.srcElement||e.target;  alert(o.tagName);}   2 请指出一下代码的性能问题，并经行优化。   var info="腾讯拍拍网

JavaScript创建表格的方法很多。    方法1：    可以使用createElement方法来创建table，tbody，tr，td，然后使用createTextNode创建文本，最后使用appendChild来添加元素。    http://cssrain.cn/demo/cccreatetable/demo1.html    方法2：也可以使用HTML专门的创建表

js 获取元素下面所有的livar content=document.getElementById("content");var items=content.getElementsByTagName("ul");var itemss=items[2].getElementsByTagName("li");或    var div=document.getElementByI

在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_<John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀.一.PageX和clientXPageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面

js arguments对象在javascript中，不需要明确指出参数名，就能访问它们。如：function hi(){if(arguments[0]=="andy"){     return;}alert(arguments[0]);}用arguments[0]可以访问第一个参数，如此类推。利用arguments对象可以实现重载，利用ar

网页主要有3部分组成：结构structure、表现presentation、行为behavior对应的标准有三方面：结构化标准语言主要包括xhtml和xml表现标准语言包括css行为标准语言主要包括：对象模型(dom)、ECMAAcript我们应该有这样的思维：什么是标准？什么叫分离？什么叫结构？标准其实就是一系列标准，分离就是表现、内容和行为分离。而内容则决定了结构

jQuery提供css()的方法来实现嵌入式改变元素样式，css()方法在使用上具有多样性。其中一种接受两个输入参数：样式属性和样式值，它们之间用逗号分开。比如我们要改变链接颜色，我们可以使用下面的代码：$("#61dh a").css('color','#123456');//这里选择器‘$("#61dh a")’表示ID为‘#61dh’的元素下的所有链接。//.css(‘color

在对设置表格设置table-layer:fixed样式后，发现表格中有一行合并过，其它没有合并的行的列宽会平均化，对列宽的设置会失效。如果把表格的合并行去掉，又能正常显示。原因：table-layout: fixed 的表格，各列宽度由第一行决定，后面指定的宽度会被忽略。你第一行合并了，所以各列宽度均分了。解决方法一：在tbody前加解决方法二：设置一个隐藏的行来规

动态效果       在将这部分之前我们先看个例子，相信做网页的朋友都遇到n级菜单的情景，但点击某菜单按钮时，如果它的子菜单是显示的，则隐藏子菜单，如果子菜单隐藏，则 显示出来，传统的javascript做法是先用getElementById取出子菜单所在容器的id，在判断该容器的style.display是否 等于none，如果等于则设为block,如果不等于这设为none，如果在将效果

CSS操作      传统javascript对css的操作相当繁琐，比如css取它的background语法是 document.getElementById("a").style.background，而jQuery对css更方便的操 作，$("#a").background()，$("#a").background(“red”)$("#a")得到jQuery对象[ ]$("#

官方网站：http://jquery.com    jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！   下载地址：Starterkit （http://jquery.bassistance.de/jquery-starterkit.zip

Ajax支持 通用方式：$.ajax(prop)    通过一个ajax请求，回去远程数据，prop是一个hash表，它可以传递的key/value有以下几种。         (String)type：数据传递方式(get或post)。         ((String)url：数据请求页面的url         ((String)data：传递数据的参数字符串，只适合

事件处理 hover(Function,Function)    当鼠标move over时触发第一个function，当鼠标move out时触发第二个function样式：.red{color:#FF0000}Html代码： sdfjQuery代码及效果$(function(){  $("#a").hover(function(){$(this).addClass(

JavaScript处理$.browser()  判断浏览器类型，返回boolen值$(function(){    if($.browser.msie) {        alert("这是一个IE浏览器");}    else if($.browser.opera) {        alert("这是一个opera浏览器");}})当页面载入式判断浏览器类

DOM操作属性我 们以为例，在原始的javascript里面可以用var o=document.getElementById('a')取的id为a的节点对象，在用o.src来取得或修改该节点的scr属性，在jQuery 里$("#a")将得到jQuery对象[ ]，然后可以用jQuery提供的很多方法来进行操作，如$("#a").scr()将得到5.jpg,$("#a").scr("1.

请编写一个JavaScript 函数toRGB，它的作用是转换CSS中常用的颜色编码。 要求： alert(toRGB("#0000FF"));         // 输出 rgb(0, 0, 255)alert(toRGB("invalid"));         // 输出 invalidalert(toRGB("#G00"));             // 输出 #G00

1. 默认的内外边距不同问题：各个浏览器默认的内外边距不同解决：*{margin:0;padding:0;} 2. 水平居中的问题问题：设置 text-align: center   ie6-7文本居中，嵌套的块元素也会居中ff /opera /safari /ie8文本会居中，嵌套块不会居中解决：块元素设置 1、margin-left:auto