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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
313
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
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~