Your SlideShare is downloading. ×
0
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴36期
夜宴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

夜宴36期

298

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

×