Banquet 36
-
Upload
koubei-ued -
Category
Documents
-
view
349 -
download
1
Transcript of Banquet 36
![Page 1: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/1.jpg)
夜宴:技术前哨站 2010.8.9
钨龙
![Page 2: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/2.jpg)
Qzone 即将推用户更新IE6
![Page 3: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/3.jpg)
• IE 9
– 在9月份进行公开测试
• Firefox 4.0 beta 2
– 已经开始公测,9月1日发布
• Chrome
– 加快发布周期
• Safari
– Safari浏览器扩展由第三方开发者使用HTML5、CSS3、JavaScript等开
放网页标准写成.
![Page 4: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/4.jpg)
![Page 5: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/5.jpg)
http://www.w3.org/TR/2010/WD-html5-20100304/dom.html#kinds-of-content
http://www.w3.org/TR/2010/WD-html5-20100304/text-level-semantics.html#text-level-semantics
HTML 5 嵌套规则
![Page 6: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/6.jpg)
获取页面性能数据?
![Page 7: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/7.jpg)
• Httpwatch?
• Firebug net panel?
• Fiddler?
• ySlow?
• Pageseed?
• …….
![Page 8: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/8.jpg)
Web Timing
http://dev.w3.org/2006/webapi/WebTiming/
http://blogs.msdn.com/b/ie/archive/2010/06/28/measuring-web-page-performance.aspx
![Page 9: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/9.jpg)
![Page 10: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/10.jpg)
![Page 11: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/11.jpg)
• W3c
– window.performance
• IE 9 preview
– window.msPerformance
• Chrome 6 +
– window.webkitPerformance
• Firefox,safari
– ?
![Page 12: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/12.jpg)
YUI 3.2.0 preview release
![Page 13: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/13.jpg)
• Touch event support
• Browser capability loading
• Transition support for the animation
module
• update to the CSS grids
http://www.yuiblog.com/blog/2010/07/26/3-2-0pr1/
![Page 14: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/14.jpg)
A Little PIE with that CSS3?
http://css3pie.com/
![Page 15: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/15.jpg)
CSS behavior Html Components (HTC)
http://en.wikipedia.org/wiki/HTML_Components
![Page 16: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/16.jpg)
Do LESS with Less.js
http://lesscss.org/index.html
![Page 17: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/17.jpg)
@brand-color: #3879BD;
.rounded(@radius: 3px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; }
#header { .rounded(5px); a { color: @brand-color; &:hover { color: #000; } } }
![Page 18: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/18.jpg)
LESS.js +
node.js =
way fast server-side dynamic css ?
![Page 19: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/19.jpg)
Synthetic Event Library Syn Aims to Make Testing Easier
![Page 20: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/20.jpg)
• Manual
• Unit Tests Only
• Low fidelity
• Difficult to write
• Expensive
Problems :
![Page 21: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/21.jpg)
Ex:
Syn.click( {},'hello' )
.type( 'Hello World' )
.delay() //waits 600ms seconds by default
.drag( $('#trash') ,
function() {
ok( $('#hello').length == 0,
"removed hello" )
}
);
![Page 22: Banquet 36](https://reader031.fdocuments.net/reader031/viewer/2022020105/556a99e4d8b42a30598b45b8/html5/thumbnails/22.jpg)
3Q~