liuyong1855

摘要： 本文地址：http://www.zhangxinxu.com/wordpress/?p=1907就在8月份，也就是上次gf大姨妈来的时候，W3C出炉了CSSOM视图模块(CSS Object Model View)草案。CSSOM视图模块(CSSOM View Module)定义了一些 API，Web 开发人员使用这些 API 可以进行检查，也可以以编程方式更改文档及其内容的视觉属性，包括布局框定位、视区宽度和元素滚动。以下就是一些API属性的相关内容，包括兼容性，使用，测试等。一、Window视图属性这些属性可以hold住整个浏览器窗体大小。微软则将这些API称为“Screenview 接口 阅读全文

摘要： 1、各浏览器下 scrollTop的差异IE6/7/8：对于没有doctype声明的页面里可以使用document.body.scrollTop来获取 scrollTop高度；对于有doctype声明的页面则可以使用document.documentElement.scrollTop；Safari:safari 比较特别，有自己获取scrollTop的函数 ：window.pageYOffset ；Firefox:火狐等等相对标准些的浏览器就省心多了，直接用document.documentElement.scrollTop ；2、获取scrollTop值完美的获取scrollTop 赋值短语 阅读全文

摘要： Js中 关于top、clientTop、scrollTop、offsetTop的用法网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scrollWidth;网页正文全文高： document.body.scrollHeight;网页被卷去的高： document.body.scro 阅读全文

摘要： 转http://i.wanz.im/2010/07/01/html5_offline_file_cache_guide_for_beginner/comment-page-5/#comment-6363所有的浏览器都有自己的缓存机制，但那些机制并不可靠而且难以控制，在你做web开发的时候可能经常因为浏览器缓存带来的问题而烦恼不已。html5通过ApplicationCache接口解决了一些问题，并且使离线存储成为可能，离线存储使得你的web应用可以在用户离线的状况下进行访问。这个技术显然至少有三个好处：最直接的好处就是用户可以离线访问你的web应用因为文件被缓存在本地使得web页面加载速度提升 阅读全文

摘要： iPhone首先屏幕变长了，分辨率从iPhone 4s的640px*960变成了640*1136，长宽比变成了16：9。DPI依然是326。其它表现看起来是一样的。检测iPhone 5/iOS 6检测iOS 6很简单，用ua就可以了：1Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A403 Safari/8536.25但是刷了iOS 6的所有iPhone的ua都是这个，那么判断是否是iPhone 5就要用js或者m 阅读全文

摘要： 转http://i.wanz.im/2011/02/04/remove_border_from_input_type_search/新年在家其实挺无聊的，长假什么的都是浮云，然后就给自己的博客弄个新皮，试着给页面添加点新鲜的元素，什么html5，什么css3的，然后遭遇了input这货，将它的type设置为search。html代码如下：XHTML1<input type="search"class="search-text"name="s"value=""title="Enter keyword( 阅读全文

摘要： <audio> 标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条 1 <audioid="media"src="http://www.abc.com/test.mp3"controls></audio> <video> 标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽度height 阅读全文

摘要： 自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html<div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>css#wrap{white-space:normal; width:200px; }1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word 阅读全文

摘要： 使用DD_belatedPNG让IE6支持PNG透明图片众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上，具有其它图形格式所达不到的效果，IE6这一致命缺陷极大地限制了Web设计的创意发挥。虽然解决IE6的透明PNG的方法也很多,从使用IE特有的滤镜或是e-xpression,再到javascript+透明 GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat属性。而使用DD_belatedPNG.js可完美的解决IE6下PNG图片透明问题，并且支持backgrond-position与bac 阅读全文

摘要： 规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度.文件规范1. html, css, js, images文件均归档至<系统开发规范>约定的目录中;2. html文件命名: 英文命名, 后缀.htm. 同时将对应界面稿放于同目录中 阅读全文