摘要：
1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码；2、HTML5标签的使用在开始编写webapp时，哥建议前端工程师使用HTML5，而放弃HTML 阅读全文
摘要：
this在js中的地位可以说是相当高了，本文介绍下this的基本相关情况，以后还会慢慢介绍在页面中aler(this)//this的指向是window在DOM操作中this的指向是当前发生事件的对象window.onload=function(){ var aLi=document.getElementsByTagName('li'); for(var i=0;i<aLi.length;i++){ aLi[i].onmouseover=function(){ var oDiv=this.getElementsByT... 阅读全文
摘要：
Modernizr——为HTML5和CSS3而生！Tags :HTML5CSS3译文JS03-10 / 20110 comments原文地址：http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/堂主译文地址：http://www.osmn00.com/translation/221.html转载请尊重原作者及译者劳动，附带以上信息，谢谢合作~-------------------- 分割线，以下是正文 --------------------10年前，只有最尖端的网站设计师会为 阅读全文
摘要：
众所周知用html5新增标签布局不光可以使页面更具有可读性，也能使代码更清晰规范，但是兼容性成为了首要的问题，如何解决也是问题的关键。【兼容HTML5方案】百度贴吧，百度图片的实现：腾讯ISUX研究院的实现： 淘宝-我的淘宝页实现和腾讯一样，只不过是不同版本：不得不提的一个插件https://github.com/aFarkas/html5shiv在github上达到了3453星的高度，获得了国内外的广泛认可，如果你厌烦了满页面的div想尽早拥抱HTML5元素，就使用它吧。【兼容模式的选择】百度首页使用的是：百度搜索页使用的是：百度图片，腾讯ISUX研究院，淘宝收藏页使用的是：X-UA-Com 阅读全文
摘要：
在IE中scrollWidth:获取对象的滚动宽度scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置event.clientX 相对文档的水平座标event.clientY 相对文档的垂直座标event.offsetX 相对容器的水平坐标eve 阅读全文
摘要：
function ajax(url, fnSucc, fnFaild){ //1.创建 if(window.XMLHttpRequest) { var oAjax=new XMLHttpRequest(); } else { var oAjax=new ActiveXObject('Microsoft.XMLHTTP'); } //2.连接 oAjax.open('GET', url, true); //3.发送 oAjax.send(); //4.接收 oAjax... 阅读全文
摘要：
通过上一个基础篇我们知道插件的格式，这次我来写一个tab插件$(function() { $.fn.插件名称 = function(options) { var defaults = { Event : "click", //触发响应事件 ... 阅读全文
摘要：
原生Javascript写法:Jquery写法:$(document).ready(function(){$("按下回车的控件").keydown(function(e){var curKey = e.which;if(curKey == 13){$("#回车事件按钮控件").click();return false;}});}); 阅读全文
摘要：
1.1 背景半透明遮罩层样式 需要一个黑色（当然也可以其他）背景，且须设置为绝对定位，以下是项目中用到的css样式：/* 半透明的遮罩层 */#overlay { background: #000; filter: alpha(opacity=50); /* IE的透明度 */ opacity: 0.5; /* 透明度 */ display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; /* 此处的图... 阅读全文
摘要：
var Client = { viewportWidth: function() { return self.innerWidth || (document.documentElement.clientWidth || document.body.clientWidth); }, viewportHeight: function() { return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight); }, viewportSize: function() { re 阅读全文