• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
夜宴36期
 

夜宴36期

on

  • 377 views

 

Statistics

Views

Total Views
377
Views on SlideShare
377
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    夜宴36期 夜宴36期 Presentation Transcript

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