端端舝

Firefox 3.1 in Depth(?)
␀Firefox Developer Conference 2008
by Tomoya Asai (aka. dynamis)

赻撩畿賡 - シ凝秷珩
? Mozilla Japan 氾弁瓦市伙穴奈弗氾奴件弘童絞
? Mozilla 及庨ⅲ﹜撮胍﹜佷砑及巨田件斥尼伉旦玄
? 戊立亙瓦氾奴匹反 dynamis (匹文卅心允) 午仄化魂�
? Firefox 1 3, Thunderbird 1 2 及 L10N 毛伉奈玉
? �g黃伉奈玉井日丐今氏支 mar 今氏午及僕肮极秶卞
? SUMO (Firefox 扔禾奈玄扔奶玄) ゜掛惤唳伉奈母奈
? 灍蕣及楹偈及湮圉反 mar 今氏卞方月手及
? MozillaZine.jp 卅升及戊立亙瓦氾奴魂俶趙扔禾奈玄
? 價掛腔卞反扔奈田卅升及田永弁巨件玉扔禾奈玄

Photo by hogeasdf
http://www.?ickr.com/photos/9177053@N05/2811388694/

Photo by mtsn
http://www.?ickr.com/photos/mtsn/242646868/

Photo by s.sawada
http://www.?ickr.com/photos/s_sawada/340629324/

Screenshot on Amazon.co.jp
http://www.amazon.co.jp/dp/B000S0H366/

掛゜及云蹋燴
ゴ粕: New Interface
旦奈皿: New Feature
礩蹋燴: New Standard
⺧蹋燴: New Technology
犯扒奈玄: New Web

New Interface
Photo by hiroohi
http://?ickr.com/photos/rainboweyes/2747484161/

正皮及皿伊申亙奈
? Ctrl + 啦硃莉﹜正皮珨笊示正件匹皿伊申亙奈桶尨午𨈘坰

正皮皮仿它斥件弘
? 玉仿永弘ㄕ玉伕永皿匹它奴件玉它嶲及正皮痄�
? Fx3 引匹反矢奈斥互婬掂心煋心今木化中凶
? 正皮互ㄠ勾匹手犯白巧伙玄匹正皮田奈毛桶尨
? 正皮ㄠ勾分仃及媆反正皮卞寯元月示正件毛桶尨仄卅中
? 郔摽及正皮毛寯元月午它奴件玉它互寯元月
? 正皮田奈卞陔仄中正皮毛嶱仁示正件毛袚樓
? 婬掂心煋心示正件及笢弁伉永弁匹正皮毛恚庨

本平亙伉氾奴憝窣 UI
? SSL 偩隴𤩸巨仿奈矢奈斥毛ⅸ眢卅掊隴卞蜊囡
? 由旦伐奈玉悵湔媆及ロ�田奈卞玉丟奶件靡毛桶尨
? 皮伕永弁今木凶皿仿弘奶件卞勾中化ロ�田奈匹籵眭

公及坻及 UI 劐載
? 奶件旦玄奈仿及 EULA 毛椛砦仄化 about:rights 卞劐載
? 左奈皿件末奈旦末白玄匹 EULA 反祥猁
? 伕弗奈扑亦件田奈互諾及媆卞反掊隴毛桶尨
? 皮永弁穴奈弁午薩窃毛𨈘坰:
? 掂心煋心笢失奶戊件(旦伕田奈)毛犯白巧伙玄準桶尨卞
? MacBook 及穴伙民正永民斥尼旦民乓奈毛扔禾奈玄
? 薩窃﹜矢奈斥傷尺及痄�﹜朮奈丞﹜正皮ピ曰杸尹

New Feature
Photo by akira
http://?ickr.com/photos/arika/428018383/

皿仿奶矛奈玄皮仿它斥件弘
? 桶尨矢奈斥及薩窃﹜𨈘坰薩窃﹜母它件伕奈玉薩窃﹜
Web 白巧奈丞薩窃﹜Cookie﹜珨媆白央奶伙
互珨ピ悵湔今木卅中 (曩靡皮仿它斥件弘匹反卅中)
? 乒奈玉ピ杸媆卞正皮及袨颷毛悵湔﹜覧啋允月
? 伕弗奈扑亦件田奈反暫湔及薩窃午皮永弁穴奈弁互�砓

郔輪及薩窃毛秏�
? ヽ嶲毛硌隅仄化薩窃毛秏�
? 1, 2, 4媆嶲﹜1゜﹜允屯化及薩窃井日腢亼

旦穴奈玄伕弗奈扑亦件田奈
? 𨈘坰�砓及篇曰煋心平奈伐奈玉 (�瘍) 及扔禾奈玄
? ^ 匹薩窃﹜* 匹皮永弁穴奈弁﹜+ 匹正弘葆五矢奈斥
@ 匹URL﹜# 匹正奶玄伙午正弘分仃毛𨈘坰�砓卞
? 蛁: "^word" 匹卅仁 "^ word" 支 "word ^" 午⻌薯

旦穴奈玄伕弗奈扑亦件田奈
? 𨈘坰恅趼蹈及芴笢毛劐載仄凶媆卞手撈媆磐彆毛桶尨
? Fx3 匹反恅趼蹈藺帣毛劐載仄凶午五分仃桶尨
? 旦穴奈玄平奈伐奈玉及𨈘坰毛緊娗及玄永皿卞桶尨
? 平奈伐奈玉 "rfc" 毛偞隅仄凶皮永弁穴奈弁及瞰:

⺥�卅本永扑亦件覧啋
? 它奴件玉它午正皮毛硌隅仄化覧啋互褫夔卞
? 弁仿永扑亙及埻秪午卅月正皮分仃俋仄化覧啋毛

公及坻及陔辻夔
? 正弘及赻�娗俇
? 恚杅皮永弁穴奈弁及珨嬤正弘葆仃
? 末奈旦桶尨及伉件弁皮仿它朮乒奈玉
? view-source 匹伉件弁毛煰曰卅互日末奈旦桶尨
? DNS 皿伉白尼永民

New Standard
Photo by hiroohi

Web Fonts
? 母它件伕奈玉白巧件玄及 font-face 毛隅膽仄化妏丹
@font-face {
font-family: "Decorated Roman Initials";
src: url(http://www.princexml.com/fonts/ste?mann/
DecoratedRomanInitials.ttf) format("truetype");
}
h1 {
font: 2.3cm/0.84 "Decorated Roman Initials", fantasy;
}
? 斛猁卅恅趼分仃母它件伕奈玉今六月仇午手褫夔
@font-face {
font-family: Ampersand;
src: url(/slideshow/firefox-31-in-depth-presentation/794562/ampersand.otf) format("opentype");
unicode-range:U+0026;
}

Web Fonts
? 扔禾奈玄仄化中卅仃木壬白巧奈伙田永弁允月分仃
? 白巧件玄掂心煋心笢及鏡賒反皮仿它扒卞方勻化�卅月
? Firefox 3.1 反母它件伕奈玉摽卞婬鏡賒
? Safari 反母它件伕奈玉引匹氾平旦玄桶尨剠仄
? 白伉奈及 Web Font 手鼠嶱今木化中月
? http://opentype.info/demo/webfontdemo.html
? 白巧件玄丟奈市奈及諂今氏﹜扔奶玄仿奶本件旦⺼睡ˋ

CSS3
? CSS3 丟犯奴失弁巨伉奈
? 堤薯犯田奶旦卞𡛟元凶犯扒奶件互褫夔卞
? 賒醱及盟﹜詢今﹜磬筵掀﹜賤砉僅﹜伎旮僅 etc...
? 杻卞生永玄皮永弁支乒田奶伙犯田奶旦�𡛟卞
? CSS3 本伊弁正(渊侔弁仿旦)及扔禾奈玄:
? ￤砩引凶反杻隅意�及 an+b 楓醴及赽猁匼
? :nth-child()﹜:nth-last-child()﹜
:nth-of-type()﹜:nth-last-of-type()﹜
? 郔場﹜郔摽﹜�g珨及赽猁匼
? :?rst-of-type﹜:last-of-type﹜:only-of-type

CSS3
? 𤲟�噫賜� border-radius
? 荌葆五恅趼 text-shadow
? 荌葆五示永弁旦 (draft)
-moz-box-shadow
? 賒砉噫賜� (draft)
-moz-border-image
? 僇瞎伊奶失它玄 (draft) -moz-column-*
? 左奈田奈白伕奈媆卞"＃" text-over?ow: ellipsis

more CSS
? 蜊俴眕俋及諾啞毛1勾卞 CSS2.1 white-space:pre-line
? CSS2.1 generated content 及 position 午 ?oat
? 劐倛﹜隙�
(Apple Spec) CSS Transform
? WebFonts﹜Transform﹜
text-shadow 及扔禾奈玄匹
赻蚕卅氾平旦玄犯扒奶件互
皮仿它扒奻匹灍政褫夔卞
? 訇戶及丟瓦亙奈支正奶玄伙 etc...

Canvas
? HTML5 Canvas Text API
? ?llText()﹜strokeText()﹜
measureText(),
? Firefox 3 匹反黃赻 API
? HTML5 Canvas Shadows API
? ctx.shadowO?setX﹜ctx.shadowO?setY﹜
ctx.shadowBlur﹜ctx.shadowColor
? HTML5 Canvas CreteImageData()
? Canvas 尺及申犯左鏡賒

<video> & <audio>
? Ogg Vorbis/Theora 毛生奶氾奴皮扔禾奈玄
? SVG ?lter﹜clip﹜CSS Transform 卅升午手�蚚褫

公及坻及 Web 㻢𨃨
? Geolocation API
? SVG 卞方月 HTML 及ピ曰㠙五﹜穴旦弁﹜白奴伙正
? HTML5 玉仿永弘ㄕ玉伕永皿 API
? HTML5 左白仿奶件平乓永扑亙
? DOM 2 Traversal - NodeIterator
? 弁伕旦扔奶玄 XMLHttpRequest (XHR)
? Fx3 匹反帊�互帤復隅分勻凶凶戶旦平永皿今木凶
? <script defer="defer"> 匹 JavaScript 及綈晊啐�

New Technology
Photo by hiroohi

市仿奈穴生奈斥丟件玄
? ICC 市仿奈皿伕白央奶伙及 CMS 互犯白巧伙玄匹左件卞
? PhotoShop 卅升匹及桶尨伎午珨祡允月
? 市仿奈皿伕白央奶伙ロ�及丐月賒砉匹及心伎娗淏
? 賒砉午掖劓伎 (CSS 硌隅及RGB�) 互內木卅中方丹卞
? 皿伕白央奶伙葆賒砉分仃卅及反 W3C 及硌�匹手丐月
? 仇木反珂俴灍蚾仄化中月 Safari 午手肮元�釬
? Fx3 匹反俶夔(午鏡賒)及�觳匹犯白巧伙玄左白
? 厒僅腴狟反 1% (�賒砉分午 4 5%﹜Fx3 匹反 20 30%)
http://bholley.wordpress.com/2008/09/12/so-many-colors/

Photo by ?od
http://?ickr.com/photos/?od/2850464994/
Firefox 3.0 Firefox 3.1

JavaScript
? 戊件氾件汁匹及生奶氾奴皮 JSON (rfc4627) 扔禾奈玄
? JSON.parse()﹜JSON.stringify()﹜
*.prototype.toJSON()
? XUL 囀匹妏蚚允月 nsIJSON 反 Fx3 匹灍蚾𦤦
? 伐奈市奈旦伊永玉 API
? wk = new Worker("path/to/script.js"); 匹汜傖仄化
wk.onmessage, wk.onerror, wk.postMessage 毛隅膽
? 引分 API 及帊�反㻢𨃨趙今木化中卅中
? 田永弁弘仿它件玉井日反眻諉 DOM 毛紱釬匹五卅中
? 笭凶中�呾�I燴支左件仿奶件卞𥽋月午五及�I燴卅升卞

TraceMonkey
? Firefox 3.1 及陔 JavaScript 巨件斥件
? 醴㻢反 C 支 Java 卞⑤𤚗允月�I燴厒僅
? 屾卅中丟乒伉匹詢厒卅�I燴毛灍政允月及互杻釾
? 陔仄中正奶皿及 JIT 戊件由奶仿毛減徭
? Tamarin (Tamarin-Tracing) 及 nanojit 毛痄眵
? UC 及 Andreas Gal 日及旃噶傖彆毛毀茬
? Tracing 午中丹忒楊毛蚚中凶 JIT 戊件由奶仿
? Andreas Gal 卞方月 Tracing 及�恅反 2006爛‵
? TraceMonkey 及嶱逃反踏爛及 6堎藺‵

JavaScript 反睡嘟綈中ˋ
? JavaScript = �g�卅旦弁伉皿玄毛�I燴允月晟惤
? 公手公手 Java 互丐月及卞 JS 互匹五凶及反公及凶戶
? 蚚芴奻公手公手詢厒趙允月斛猁俶﹜剒猁互卅中
? Web 失皿伉弗奈扑亦件互匹五凶及反勾中郔輪
? 嶱逃氪及杅反 C 支 Java 卞掀屯月引匹手卅中
? 掀廌腔陔仄中晟惤
? Fortran: 1954‵﹜C: 1972‵﹜C++: 1982‵﹜
Java: 1990‵﹜JavaScript: 1995‵
? 掞手戊件由奶仿及嶱逃卞薯毛⻌木化中卅井勻凶

晟惤及厒僅
? 珨昺ゴ卞 C++ 午 Java 及升切日互厒中井荽�今木凶
? �砑穴扑件匹�仁 Java 反綈中ㄐˋ
? 紨棒賤�匹反 C 及 20 捷眕奻綈井勻凶
? 笢嶲晟惤尺及岈ゴ戊件由奶伙匹詢厒趙
? JIT 卞方月生奶氾奴皮戊奈玉汜傖匹詢厒趙
? 政婓匹反�I燴囀⺍棒菴匹反 Java 及源互詢厒
? 由伊奈玄及楊�t
? �I燴及湮窒煦反珨窒及戊奈玉卞摩笢允月
? 示玄伙生永弁午卅月窒煦毛詢厒趙允木壬方中

JavaScript 反睡嘟綈中ˋ
? �腔旦弁伉皿玄晟惤
? 栳呾ゴ卞倰及民尼永弁午劐𡥼互斛猁
? 饜蹈互湔婓仄卅中
? Array 反饜蹈匹卅仁甩永扑亙左皮斥尼弁玄(帊�)
? array[3] 反灍蕣卞反 array["3"] 尺及失弁本旦
? 允屯化及皿伕由氾奴失弁本旦匹甩永扑亙�呾互斛猁
? 弁仿旦互湔婓仄卅中
? 皿伕玄正奶皿矛奈旦及左皮斥尼弁玄硌砃晟惤
? 劐杅及弁仿旦卞方月岈ゴ郔羥趙互祥褫夔

奀反霜木???
Web 2.0
Ajax
RIA

奀反霜木???
Web 2.0
Ajax
RIA
Platform

JavaScript 及詢厒趙
? �腔旦弁伉皿玄晟惤
? 伙奈皿俋匹倰民尼永弁仄化井日嘐隅倰匹栳呾
? 饜蹈互湔婓仄卅中
? 饜蹈午仄化妏歹木化中月卅日饜蹈午仄化�I燴
? 肮元皿伕由氾奴尺及失弁本旦反平乓永扑亙
? 弁仿旦互湔婓仄卅中
? 左皮斥尼弁玄及隅膽毛劐載允月仇午反引木
? 肮元忒�匹隅膽仄凶左皮斥尼弁玄毛肮元弁仿旦卞
? 弁仿旦民尼永弁分仃仄化弁仿旦卞杻趙仄凶�I燴
蛁: 仇木反 TraceMonkey 及�元扎卅仁化珨啜�

Just In Time Compiler
? 示玄伙生永弁毛詢厒卅生奶氾奴皮戊奈玉卞劐𡥼
? 灍俴媆卞靜曰殿仄�I燴今木月窒煦毛𨈘堤
? 暫湔及 JIT 反憝杅(丟末永玉)網太堤仄隙杅毛市它件玄
? 珨隅隙杅眕奻網太堤今木凶丟末永玉毛戊件由奶伙
? 灍俴媆ロ�毛妏勻凶郔羥趙互褫夔
? 岈ゴ戊件由奶伙倰及 C++ 卅升方曰詢厒趙褫夔
? Java 反 HotSpot 午中丹 JIT 及爀⻌匹湮盟詢厒趙
? Action Script 3 手 JIT 卞方勻化詢厒趙
? 筍仄 AS3 及�磁反噙腔倰及爀⻌互湮五中

Tracing JIT
1. 末奈旦戊奈玉毛田奶玄戊奈玉(笢嶲戊奈玉)卞劐𡥼
2. 奶件正奈皿伉正匹田奶玄戊奈玉毛灍俴仄勾勾屠�
? 摽源煦嶊逃汜媆眕俋反矢瓜伙氾奴珨ピ剠仄
3. 摽源煦嶊及斥乓件皿珂毛伙奈皿宎萸緊娗午仄化�嶕
? 伙奈皿�I燴反斛內摽源煦嶊毛圈丹
4. 珨隅隙杅眕奻伙奈皿仄凶日灍俴田奶玄戊奈玉毛�嶕
? 灍蕣卞�I燴允月田奶玄戊奈玉分仃毛�嶕允月
5. �嶕今木凶�聑 (trace) 毛生奶氾奴皮戊奈玉卞戊件由奶伙
6. 生奶氾奴皮戊奈玉匹詢厒�I燴

Tracing JIT
var i,k=0;
for (i=0; i < 1000; ++i) {
++k;
}
alert(k);
iconst_0
istore_2
iconst_0
istore_1
A iload_1
sipush 1000
if_icmpge B
iinc 2,1
iinc 1,1
goto A
B getstatic System.out
iload_2
invokevirtual alert(int)
玄伊奈旦
摽源煦嶊

Tracing JIT
? 伙奈皿及田奶玄戊奈玉毛玄伊奈旦
? �化及煦嶊磐彆毛�嶕
? 肮珨沭璃匹灍俴今木月癹曰生奶氾奴皮戊奈玉匹�I燴
? �嶕仄凶煦嶊磐彆午�卅月�磁反 VM 卞�I燴毛殿允
? switch 恅卅升手煦嶊氾奈皮伙匹反卅仁玄伊奈旦媆卞
灍俴今木凶杻隅沭璃午及掀廌分仃毛俴丹
? 伙奈皿俇賸引凶反杻隅沭璃逃汜媆卞玄伊奈旦皺賸
? 瞰俋逃汜媆卞勾中化反玄伊奈旦�砓俋
? 生奶氾奴皮丟末永玉網太堤仄手價掛腔卞�砓俋

Tracing JIT
? 生奶氾奴皮戊奈玉反暫湔及忒楊方曰詢厒趙褫夔
? 灍蕣�I燴今木月郔苤癹及生奶氾奴皮戊奈玉毛汜傖
? 暫湔及 JIT 匹反憝杅笢及準灍俴窒煦手戊件由奶伙
? 伙奈皿笢及憝杅網太堤仄手生奶氾奴皮戊奈玉匹郔羥趙
? 憝杅�g弇及生奶氾奴皮戊奈玉汜傖匹反祥褫夔
? 倰卞勾中化手絞�伙奈皿嶱宎媆及民尼永弁及心卞
? switch 恅分勻凶午仇欠手 if 恅午仄化�I燴
? 玄伊奈朮媆午肮元煦嶊井升丹井毛民尼永弁允月分仃
? 肮珨沭璃伙奈皿匹伙奈皿及左奈田奈目永玉卅仄

Tracing the Web
? 引分引分嶱逃反宎引勻凶壬井曰
? 方丹支仁假隅仄化五凶僇蕆匹詢厒趙及豻華反引分引分
? 政婓及玄伊奈旦�砓反生奶氾奴皮 JS 午珨窒及 DOM
? XPCOM 及生奶氾奴皮丟末永玉網太堤仄互丐月午
珨窒�𡛟仄化中月手及毛壺五玄伊奈旦�砓俋卞
? ��卅 JS 左皮斥尼弁玄及�I燴反準都卞詢厒卞
? 賒砉劐𡥼卅升笭凶中杅��呾�I燴卞反�彆湮
? 坻晟惤井日汜傖仄凶田奶玄戊奈玉手�I燴
? IronPython 卅升及 IronMonkey 皿伕斥尼弁玄手???

Fx3 vs TraceMonkey
Benchmark by Brendan
http://weblogs.mozillazine.org/roadmap/archives/2008/08/tracemonkey_javascript_lightsp.html
跪意 JS 矛件民穴奈弁及磐彆 (8堎藺)

Fx3 vs TraceMonkey
Benchmark by Brendan
http://weblogs.mozillazine.org/roadmap/archives/2008/08/tracemonkey_javascript_lightsp.html
跪意 JS 矛件民穴奈弁及磐彆 (8堎藺)厒僅掀廌磐彆反
丐仁引匹手統蕉�
矛件民穴奈弁午
灍俴虐噫棒菴匹允

IE7 vs Fx3 vs Fx3.1b2
0ms 10,000ms 20,000ms 30,000ms 40,000ms
1,272ms
3,800ms
30,829ms
IE7 Firefox 3.1b2 Firefox 3.0
Apple SunSpider Benchmark - Vista on iMac
IE7 及 24 捷
IE7 及ㄧ捷

IE7 vs Fx3 vs Fx3.1b2
0ms 10,000ms 20,000ms 30,000ms 40,000ms
1,272ms
3,800ms
30,829ms
IE7 Firefox 3.1b2 Firefox 3.0
IE7 及 24 捷
IE7 及ㄧ捷
厒僅掀廌磐彆反

Fx3 vs Fx3.1b2
0ms
100ms
200ms
300ms
400ms
3d access bitops flow crypto date math regexp string
Firefox 3.0 Firefox 3.1b2

Fx3 vs Fx3.1b2
0ms
100ms
200ms
300ms
400ms
3d access bitops flow crypto date math regexp string
Firefox 3.0 Firefox 3.1b2
厒僅掀廌磐彆反

娗逋: Tamarin 午及憝�S
? Tamarin 反 Adobe 及 Action Script 巨件斥件
? Tamarin 午 SpiderMonkey 及緙磁反笢砦
? Tamarin 反 SpiderMonkey 及詢厒趙卞袚𣶹匹五卅中
? Tamarin 卞反 eval() 卅升斛猁卅辻夔互嗣杅セ邈
? 田奶玄戊奈玉支 DOM 午及磐磁互�中
? TraceMonkey 匹反 Tamarin 及 JIT 及心痄眵
? Tamarin-Tracing 午中丹皮仿件民及 JIT 毛痄眵
? 蔚懂腔卞反布矛奈斥戊伊弁正卅升及痄眵支緙磁手
? 眈誑及戊奈玉支傖彆毛毀茬仄磁中卅互日嶱逃

New Web
Photo by shiokuma
http://?ickr.com/photos/shiokuma/631332559/

Canvas + JavaScript
杅俴‵杅坋俴及戊奈玉匹失奈玄
http://azarask.in/projects/algorithm-ink/

Quality Assurance
Photo by masahiko
http://www.?ickr.com/photos/masahiko/986748017/

端端舝

Firefox 3.1 In Depth (?)

More Related Content

Firefox 3.1 In Depth (?)