夜宴36期

437 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

夜宴36期

  1. 1. 夜宴:技术前哨站<br />2010.8.9<br />钨龙<br />
  2. 2. Qzone即将推用户更新IE6<br />
  3. 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. 4.
  5. 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. 6. 获取页面性能数据?<br />
  7. 7. Httpwatch?<br />Firebug net panel?<br />Fiddler?<br />ySlow?<br />Pageseed?<br />…….<br />
  8. 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. 9.
  10. 10.
  11. 11. W3c<br />window.performance<br />IE 9 preview <br />window.msPerformance<br />Chrome 6 +<br />window.webkitPerformance<br />Firefox,safari<br />?<br />
  12. 12. YUI 3.2.0 preview release<br />
  13. 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. 14. A Little PIE with that CSS3?<br />http://css3pie.com/<br />
  15. 15. CSS behaviorHtml Components (HTC)<br />http://en.wikipedia.org/wiki/HTML_Components<br />
  16. 16. Do LESS with Less.js<br />http://lesscss.org/index.html<br />
  17. 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. 18. LESS.js+node.js= way fast server-side dynamic css ?<br />
  19. 19. Synthetic Event Library Syn Aims to Make Testing Easier<br />
  20. 20. Problems :<br />Manual <br />Unit Tests Only <br />Low fidelity<br />Difficult to write <br />Expensive <br />
  21. 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. 22. 3Q~<br />

×