Your SlideShare is downloading. ×
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

325
views

Published on


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

  • Be the first to like this

No Downloads
Views
Total Views
325
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
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~