前淘寶前端開發(fā)工程師阿當(dāng)?shù)腜PT中有JS技術(shù)理念問題
更新時(shí)間：2010年01月15日 16:56:10 作者：
第一屆 web rebuild 北京會(huì)有個(gè)前淘寶前端開發(fā)工程師阿當(dāng)分享的 PPT 在公司團(tuán)隊(duì)內(nèi)部有同事下載的分享，然后看了。發(fā)現(xiàn)了有些技術(shù)理念的問題：
第7個(gè)PPT的代碼是用 JS 去設(shè)置 CSS，這與“不同瀏覽器解析DOM不同”沒有任何關(guān)系，是CSS的兼容性！而且用JS去直接設(shè)樣式是技術(shù)理念上的一個(gè)錯(cuò)誤！
第9個(gè)PPT的代碼是用DOM腳本編程，而不是用兼容性更好的表單 name 去取表單中的對(duì)象。好像沒有 DOM 腳本編程就無法活了，不要什么都 XXX.getElementByXXX 方法。
第10個(gè)PPT的代碼是用:
if(document.all){}else{}
而代碼明明是addEventListener()方法，那為什么不這么寫：
if(XXX.addEventListener){}else{}
理由請(qǐng)見army的譯文《特性檢測并非瀏覽器檢測》。
呃，document.all(IE) 和 document.layer(NN) 一樣是挺古的寫法，我只在項(xiàng)目遺留的代碼中見過一些蹤跡，像阿當(dāng)這樣大量的使用真是頭回見。
第19個(gè)PPT的代碼是用匿名函數(shù)形成的JS閉包來產(chǎn)生臨時(shí)的命名空間，這種方式本人通過與同行的溝通，發(fā)現(xiàn)只能在庫的核心文件中用一次(見jQuery源碼)。像他這樣在頁面中用了超過一次以上就可能是誤用了。從他的代碼中看，a 已經(jīng)有了A與B的區(qū)別，就不會(huì)沖突了。
第25個(gè)PPT的代碼中 set 方法 、read 方法取名得不成對(duì)，set 與 get 成對(duì)，read 與 write 成對(duì)。
ppt打包下載
第9個(gè)PPT的代碼是用DOM腳本編程，而不是用兼容性更好的表單 name 去取表單中的對(duì)象。好像沒有 DOM 腳本編程就無法活了，不要什么都 XXX.getElementByXXX 方法。
第10個(gè)PPT的代碼是用:
if(document.all){}else{}
而代碼明明是addEventListener()方法，那為什么不這么寫：
if(XXX.addEventListener){}else{}
理由請(qǐng)見army的譯文《特性檢測并非瀏覽器檢測》。
呃，document.all(IE) 和 document.layer(NN) 一樣是挺古的寫法，我只在項(xiàng)目遺留的代碼中見過一些蹤跡，像阿當(dāng)這樣大量的使用真是頭回見。
第19個(gè)PPT的代碼是用匿名函數(shù)形成的JS閉包來產(chǎn)生臨時(shí)的命名空間，這種方式本人通過與同行的溝通，發(fā)現(xiàn)只能在庫的核心文件中用一次(見jQuery源碼)。像他這樣在頁面中用了超過一次以上就可能是誤用了。從他的代碼中看，a 已經(jīng)有了A與B的區(qū)別，就不會(huì)沖突了。
第25個(gè)PPT的代碼中 set 方法 、read 方法取名得不成對(duì)，set 與 get 成對(duì)，read 與 write 成對(duì)。
ppt打包下載
您可能感興趣的文章:
- python啟動(dòng)辦公軟件進(jìn)程(word、excel、ppt、以及wps的et、wps、wpp)
- java讀取word-excel-ppt文件代碼
- 向大師們學(xué)習(xí)Javascript（視頻與PPT）
- 簡單了解Thymeleaf語法 數(shù)據(jù)延遲加載使用實(shí)例
- vba 獲取PPT幻燈片中的所有標(biāo)題的代碼
- word ppt excel文檔轉(zhuǎn)換成pdf的C#實(shí)現(xiàn)代碼
- java使用poi讀取ppt文件和poi讀取excel、word示例
- C#實(shí)現(xiàn)將PPT轉(zhuǎn)換成HTML的方法
- 使用JQuery在線制作ppt并在線演示源碼特效
相關(guān)文章
YUI Compressor壓縮JavaScript原理及微優(yōu)化
最近寫一個(gè)jQuery插件，在最后完成優(yōu)化時(shí)，對(duì)比發(fā)現(xiàn)壓縮后文件比較大，就思考那些是可以被修改和優(yōu)化的，發(fā)現(xiàn)壓縮原理也有很大的空間可以學(xué)習(xí)2013-01-01
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)簡易計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
Javascript中設(shè)置默認(rèn)參數(shù)值示例
這篇文章主要介紹了Javascript中默認(rèn)參數(shù)值的設(shè)置，很簡單，但很實(shí)用，需要的朋友可以參考下2014-09-09
利用 Chrome Dev Tools 進(jìn)行頁面性能分析的步驟說明(前端性能優(yōu)化)
這篇文章主要介紹了利用 Chrome Dev Tools 進(jìn)行頁面性能分析的步驟說明(前端性能優(yōu)化),本文給大家介紹的非常想詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
Javascript從數(shù)組中隨機(jī)取出不同元素的兩種方法
這篇文章給大家分享了兩種Javascript從數(shù)組中隨機(jī)取出不同元素的方法，大家可以都學(xué)習(xí)學(xué)習(xí)，這樣更能有助于大家的學(xué)習(xí)和理解，下面來一起看看吧2016-09-09
javascript實(shí)現(xiàn)文本域?qū)懭胱址麜r(shí)限定字?jǐn)?shù)
這篇文章主要介紹了javascript實(shí)現(xiàn)文本域的寫入字符個(gè)數(shù)限定字?jǐn)?shù),需要的朋友可以參考下2014-02-02
JavaScript實(shí)現(xiàn)仿新浪微博大廳和騰訊微博首頁滾動(dòng)特效源碼
最近看到朋友用JavaScript實(shí)現(xiàn)仿新浪微博大廳和未登錄騰訊微博首頁滾動(dòng)效果，朋友使用jquery實(shí)現(xiàn)的，在網(wǎng)上看到有用js制作的也比較好，于是把我的內(nèi)容整理分享給大家，具體詳解請(qǐng)看本文2015-09-09
這篇文章主要給大家介紹了關(guān)于angular 8.1使用過程中的一些記錄，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
基于Web標(biāo)準(zhǔn)的UI組件 — 樹狀菜單(2)
基于Web標(biāo)準(zhǔn)的UI組件 — 樹狀菜單(2)...2006-09-09
這篇文章主要介紹了關(guān)于ES6之"let"能替代"var"的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-06-06