Your SlideShare is downloading. ×
0
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Banquet 36
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Banquet 36

341

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
341
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 夜宴:技术前哨站 2010.8.9 钨龙
  • 2. Qzone 即将推用户更新IE6
  • 3. • IE 9 – 在9月份进行公开测试• Firefox 4.0 beta 2 – 已经开始公测,9月1日发布• Chrome – 加快发布周期• Safari – Safari浏览器扩展由第三方开发者使用HTML5、CSS3、JavaScript等开 放网页标准写成.
  • 4. HTML 5 嵌套规则http://www.w3.org/TR/2010/WD-html5-20100304/dom.html#kinds-of-contenthttp://www.w3.org/TR/2010/WD-html5-20100304/text-level-semantics.html#text-level-semantics
  • 5. 获取页面性能数据?
  • 6. • Httpwatch?• Firebug net panel?• Fiddler?• ySlow?• Pageseed?• …….
  • 7. Web Timinghttp://dev.w3.org/2006/webapi/WebTiming/http://blogs.msdn.com/b/ie/archive/2010/06/28/measuring-web-page-performance.aspx
  • 8. • W3c – window.performance• IE 9 preview – window.msPerformance• Chrome 6 + – window.webkitPerformance• Firefox,safari –?
  • 9. YUI 3.2.0 preview release
  • 10. • 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/
  • 11. A Little PIE with that CSS3? http://css3pie.com/
  • 12. CSS behaviorHtml Components (HTC) http://en.wikipedia.org/wiki/HTML_Components
  • 13. Do LESS with Less.js http://lesscss.org/index.html
  • 14. @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; } }}
  • 15. LESS.js + node.js =way fast server-side dynamic css ?
  • 16. Synthetic Event Library SynAims to Make Testing Easier
  • 17. Problems :• Manual• Unit Tests Only• Low fidelity• Difficult to write• Expensive
  • 18. Ex:Syn.click( {},hello ).type( Hello World ).delay() //waits 600ms seconds by default.drag( $(#trash) , function() { ok( $(#hello).length == 0, "removed hello" ) });
  • 19. 3Q~

×