摘要: localStorage:以键/值对方式存储数据,浏览器关闭后仍然存在 sessionStorage:以键/值对方式存储数据,浏览器关闭后数据消失 IndexedDB:对象数据库,也就是常说的数据表 WebSQL Databases:完整的关系型数据库,支持对数据库的增、删,改,查,支持使用事务 离线Web应用:定义离线缓存文件,允许应用在离线状态下运行 阅读全文
posted @ 2015-04-22 10:42 JulietteWang 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 属性说明: transition-property:定义应用过渡效果的CSS属性; transition-duration:定义过渡效果执行的时间; transition--delay:定义过渡操作之前的等待时间; transition-timing-function:指定过渡过程的中间值如何规定; 其中在指定过渡过程的中间值时可以使用术语也可以使用三次贝塞尔曲线函数 术语解释: linea... 阅读全文
posted @ 2015-04-21 19:53 JulietteWang 阅读(12292) 评论(0) 推荐(0) 编辑
摘要: @font-face指令在CSS2中引入,但是在HTMl5中实现的. Web开放字体(WOFF)也是被所有浏览器支持的字体 大多数的字体是TrueType(TTF)和OpenType(PTF)而IE实现的是Embedded OpenType(EOT),还有一种可伸缩矢量图形(SVG)这种类型只被IOS系统支持 改变字体 FontSquirrel网站提供了我们所用字体的各种格式,已经能... 阅读全文
posted @ 2015-04-21 16:52 JulietteWang 阅读(8868) 评论(0) 推荐(0) 编辑
摘要: 坑爹的IE低版本浏览器总是需要我们去编写特殊的代码才可以,脑残的我之前总是编写一套CSS,让页面在Firefox、Chorme等牛逼闪闪的浏览器与IE这SB浏览器中的显示差不多,差不多,谁懂么,好好的网页改得真是让人心塞,不过现在我变得聪明了,那为何不写两套CSS,请不要鄙视小主好嘛//标签里作为显示标题的标签在天杀的IE8以下版本中是不能完美显示的,我们可以给标签定义另外的ie.css以下面的方... 阅读全文
posted @ 2015-04-20 20:19 JulietteWang 阅读(333) 评论(0) 推荐(0) 编辑
摘要: 为了确保Web服务器知道怎么处理视频文件,需要添加适当的MIME类型到服务器上,而且不同服务器平台的处理方式不同 Apache服务器: 需要在Web页面所在的目录里创建一个.htaccess文件,该文件定义了视频的MIME类型,要加入以下代码: /.htaccess AddType video/ogg .ogv AddType video/mp4 .mp4 AddType... 阅读全文
posted @ 2015-04-20 19:58 JulietteWang 阅读(349) 评论(0) 推荐(0) 编辑
摘要: 当我们播放视频时有的播放器用软件来解码视频,这样慢还会占用大量的CPU,有的播放器用硬件解码,却限制了可播放的视频格式。 知识点一:视频编解码器 1、H.264 2、Theora(Xiph.Org公司发布) 3、VP8(Google公司发布) 知识点二:音频编解码器 1、AAC(Apple公司使用在iTunes Store上的音频格式) 2、Vorbis(OGG) 3、MP3 知... 阅读全文
posted @ 2015-04-17 16:42 JulietteWang 阅读(351) 评论(0) 推荐(1) 编辑
摘要: canvas是通过JavaScript控制的,而且其大小必须在绘制的时候就确定大小,不能再通过控制或改变canvas元素的大小//html代码 fallback content here//js代码//通过JavaScript查看浏览器是否支持canvas元素var canvas=document.... 阅读全文
posted @ 2015-04-17 11:37 JulietteWang 阅读(489) 评论(2) 推荐(0) 编辑
摘要: Show And Hidden Demo Demo Test Welcome Service Contact About Welcome The Welcome section ... 阅读全文
posted @ 2015-04-16 17:14 JulietteWang 阅读(2090) 评论(0) 推荐(0) 编辑
摘要: @media only screen and(max-device-width:480px){ body{ width:460px; } section#sidebar,section#posts{ float:none; width:100%; } } ... 阅读全文
posted @ 2015-04-16 15:57 JulietteWang 阅读(183) 评论(0) 推荐(0) 编辑
摘要: box-shadow:阴影偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色 FireFox支持Box Shadow: -moz-box-shadow:2px 2px 5px #333; webkit内核的Safari和Chrome支持Box Shadow:-webkit-box-shadow:2px 2px ... 阅读全文
posted @ 2015-04-16 15:29 JulietteWang 阅读(406) 评论(0) 推荐(0) 编辑