TAT.Minren CSS3 的 roate 与 rotateX 的顺序研究
In CSS3,HTML5 on 2012年11月08日 by view: 10,411
2

我觉得CCS3的transform中的学问很深,可以出不少面试题了,之前的文章谈到过perspective属性的位置问题,我们今天看看rotate的顺序,首先看看下面两个CSS3的keyframe动画:

两个动画的起始状态和结束状态都是是一摸一样的(其实就是原始位置),不同的只不过是rotate和rotateX的顺序。但是动画效果却有惊人的差别。

TAT.dmyang HTML5迟来的API:Page Visibility
In HTML5,JavaScript on 2012年11月05日 by view: 14,517
8

一开始先看个小小demo切换tab对比下!

不得不说,浏览器的多tab(and多窗口)设计确实是满足了用户同时浏览很多个网页的需求,但是,网上有成千上万的页面,这些页面性能又参差不齐,对于某些性能很差的页面,用户停留在这个页面倒还好,但是当用户切换了到了其他tab页时,有可能会出现由于性能差的页面卡死导致整个浏览器卡死甚至机器卡死,其他页面好冤,浏览器好冤,机子好冤[汗]。

HTML 5以前的标准由于考虑到浏览器安全问题并不允许直接跨域通信,于是为了达到跨域通信的目的各种蛋疼的解决办法出现了,常用的有:jsonp、使用代理文件、地址栏hash等等,这些办法的出现在达到解决跨域问题的同时,也增加了前端页面的性能开销和维护成本。HTML5新的标准中,增加了” Cross-Origin Resource Sharing”特性,这个特性的出现使得跨域通信只需通过配置http协议头来即可解决。

TAT.Minren CSS3 Transform的perspective属性
In CSS3,HTML5,Web开发 on 2012年10月29日 by view: 22,911
17

以下两行语句有什么区别?

如果大家不清楚,请听我娓娓道来。

CCS3中的Transform是设置界面样式和动画的一大利器。而且在Chrome和FF中还支持3D变换。IE9不支持,IE10支持。