中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

前段時(shí)間出了好幾起因?yàn)閏ss改動(dòng)影響其他應(yīng)用的故障。想想也是，網(wǎng)站已經(jīng)10年，從table時(shí)代一路走來，style目錄上的文件早已混亂不堪。不看內(nèi)容，光是目錄結(jié)構(gòu)和文件的命名就已經(jīng)讓人犯暈。于是準(zhǔn)備在Q1對style文件進(jìn)行整理規(guī)劃，大致有兩個(gè)想法。

第一點(diǎn)、style文件（包含css和javascript）應(yīng)該是分層級的。試想下如果誰都可以改動(dòng)全站的框架js那會(huì)有多大的風(fēng)險(xiǎn)！這里我們把style分為三級：

第1級：全站性。 這一類文件是全站通用的，主要是框架fdevlib。文件的修改權(quán)在前端架構(gòu)組這邊，任何的應(yīng)用都不應(yīng)該修改這一級別的文件。架構(gòu)組負(fù)責(zé)對該類文件的更新和維護(hù)。ps：這個(gè)做法對我們網(wǎng)站還有一個(gè)隱問題。因?yàn)閣idget組件很多都是來自各產(chǎn)品線的一線開發(fā)而不是架構(gòu)組專人來開發(fā)維護(hù)，所以我們還需要一套完備的入庫審核機(jī)制。

第2級：產(chǎn)品線級。根據(jù)前端代碼的依賴關(guān)系把網(wǎng)站劃分成近10條產(chǎn)品線，每條產(chǎn)品線的代碼相對對立，并為每條產(chǎn)品線指定owner。owener負(fù)責(zé)整理本產(chǎn)品線的style文件，規(guī)劃出1到3個(gè)左右本產(chǎn)品線公用的樣式和腳本。這些文件的維護(hù)權(quán)在owener手里，一般的應(yīng)用應(yīng)該在這些文件的基礎(chǔ)上進(jìn)行擴(kuò)展。毫無疑問，在第二級的樣式文件里可以做更多的東西。比如嵌入產(chǎn)品線獨(dú)特的展示方式、皮膚、業(yè)務(wù)邏輯等等……

第3級：應(yīng)用級。這些文件的權(quán)限應(yīng)該是開放的。因?yàn)榫W(wǎng)站的產(chǎn)品互相穿插膠著，一個(gè)前端可能需要涉及多個(gè)產(chǎn)品線，為了避免沖突，應(yīng)該在1、2及框架的約束下進(jìn)行擴(kuò)展開發(fā)、重載。沒有特殊的情況絕對不能修改1、2級的文件。確保多人開發(fā)的情況下不會(huì)互相影響。

層級關(guān)系示例圖如下：

第二點(diǎn)、頁面style文件的引用規(guī)劃：

按照網(wǎng)站目前的做法，比較重要的頁面都是采用服務(wù)器端merge的方式將調(diào)用的css或是js合并在1個(gè)文件中。比如目前?中文站首頁 底部的”http://style.china.alibaba.com/js/homepage/index1001/merge/index-bottom.js”這個(gè)腳本。在發(fā)布之前它的實(shí)際內(nèi)容是import了多個(gè)js：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

/*merge start*/
(function(){
	ImportJavscript = {
		url:function(url){
			document.write("<script src=\""+url+"\"></scr"+"ipt>");
		}
	}
})();
/*merge end*/
ImportJavscript.url("http://style.china.alibaba.com/****/fdev-min.js");
ImportJavscript.url("http://style.china.alibaba.com/****/get-min.js");
ImportJavscript.url("http://style.china.alibaba.com/****/animation-min.js");
ImportJavscript.url("http://style.china.alibaba.com****/fdev-tab-min.js");
ImportJavscript.url("http://style.china.alibaba.com/****/fdev-marquee-min.js");
ImportJavscript.url("http://style.china.alibaba.com/****/fdev-alitalk-v3.js");
ImportJavscript.url("http://style.china.alibaba.com/****/done-min.js");

好處顯而易見，可以減少http請求數(shù)。但是實(shí)際維護(hù)起來的成本卻比較大。一方面每次新增需要merge的腳本時(shí)都要修改這個(gè)文件；另一方面很多公用的腳本比如框架性質(zhì)的fdev.js都沒有被緩存。

怎么改進(jìn)？拿js來說，基于上面規(guī)劃的style文件分級體系。我們首先將1級的框架類腳本merge起來，生成一個(gè) http://style.china.alibaba.com/cache/aliframe.js 作為全站統(tǒng)一的緩存資源。其次需要對每條產(chǎn)品線建立一個(gè)merge的js，比如http://style.china.alibaba.com/cache/frame-list.js，它里面import了aliframe.js和list所屬的2級公用js。 最后對這些腳本目錄設(shè)置一個(gè)相對較長的緩存時(shí)間。這樣一來，對于簡單的非產(chǎn)品線屬頁面，只要引aiframe.js文件后再引入頁面特有的腳本即可。而對于產(chǎn)品線屬頁面也只需要引入相應(yīng)的js（比如frame-list.js）后再添加應(yīng)用級的腳本。一般情況下的改動(dòng)只需要修改第3級的應(yīng)用類腳本，不需要?jiǎng)拥揭丫彺娴捻撁?。這樣既降低了維護(hù)成本，新增腳本時(shí)不需要再改動(dòng)已經(jīng)merge的腳本文件，又通過緩存提高了頁面的加載速度。所增加了一個(gè)http請求還是值得的。

說完，最后感慨一下：前端的發(fā)展速度的確是快。07年底中文站一共才6個(gè)前端開發(fā)，而到09年底的時(shí)候這個(gè)數(shù)字包含外包已經(jīng)達(dá)到22個(gè)了。07年前絕大多數(shù)需求還是上傳圖片、切割頁面之類的小任務(wù)而現(xiàn)在前端已經(jīng)深入到業(yè)務(wù)的核心模塊。在快速擴(kuò)張的同時(shí)如何發(fā)揮出團(tuán)隊(duì)的整體作戰(zhàn)力達(dá)到1+1>2的效果，大家可以一起來探討下。

來源：http://f2e.me/archives/188