公司怎么快速的開發(fā)前端頁(yè)面？

從2010年1月底開始接觸前端，干到現(xiàn)在快8年前端了。跟你分享下我的經(jīng)驗(yàn)。

要說快的話肯定是使用一鍵建站、或者某些CMS提供的拖拽功能來做頁(yè)面。但是一鍵建站是外部產(chǎn)品，而支持拖拽功能的CMS報(bào)價(jià)不菲，印象中是幾萬(wàn)起步?；蛘哂行┚W(wǎng)絡(luò)公司結(jié)合自身系統(tǒng)開發(fā)出的快速專題功能。但是這些不太適合小公司使用。

在零存貨的情況下，肯定是技術(shù)、經(jīng)驗(yàn)越豐富，前端頁(yè)面做的越快。比如我開足馬力的情況下做完好幾個(gè)頁(yè)面，新同事可能一個(gè)頁(yè)面都沒做完，而且我做的比他還漂亮。一個(gè)效果圖掃幾眼，心里大概就有譜了。

但是批量操作的話，我覺得快的應(yīng)該是直接用現(xiàn)成模板。需要什么模塊，直接從舊模板上copy過來就完事了，最多改改細(xì)節(jié)。根據(jù)我多年的經(jīng)驗(yàn)，一個(gè)公司里面，需要開發(fā)的頁(yè)面很多都是可以復(fù)用的。

不管效果圖多復(fù)雜，其實(shí)拆開了無非就那些個(gè)小模塊?？梢栽谌粘９ぷ髦袑⒚恳恍K整理出來以備到時(shí)候復(fù)制黏貼。

比如一些模塊是一行行的標(biāo)題，有些是標(biāo)題加圖片，有些是圖片加介紹，有登錄模塊，有查詢功能等等，經(jīng)常用到的其實(shí)也就幾十種小塊而已，可能多的話上百種。拖拖拽拽就生成頁(yè)面的功能也是以此為基礎(chǔ)來做的。

有同學(xué)說用框架可能會(huì)更快。我認(rèn)為這是片面的。我承認(rèn)用框架絕對(duì)會(huì)快，我有些項(xiàng)目也是用框架做的，但是前提是你得懂框架。而學(xué)現(xiàn)在互聯(lián)網(wǎng)上的框架的時(shí)間成本絕對(duì)不低。你要是有基礎(chǔ)還好，沒基礎(chǔ)的話，光看說明文檔得煩死你。

不管用dw還是sublime還是其他種種軟件，都只是軟件而已，最終看的全是后面的人。

給我個(gè)文本文檔我都能寫出來前端頁(yè)面。

關(guān)于通用的CSS，我有話要說。

我在2012年左右的時(shí)候曾做過整站通用的CSS，后面發(fā)現(xiàn)坑了。原因如下：

我當(dāng)年放的是一些通用樣式（我以為的通用樣式），包括頁(yè)面頭尾、各種fix等，后來發(fā)現(xiàn)頁(yè)面由于那時(shí)候的水平不高，代碼寫的并不好。而且因?yàn)閿?shù)次改版，那個(gè)CSS變得很臃腫。但是由于用了很久，即使有注釋有些地方我也忘了到底是干什么用的……而且這個(gè)css覆蓋網(wǎng)站百萬(wàn)以上網(wǎng)頁(yè)，我也怕改錯(cuò)了造成不可彌補(bǔ)的錯(cuò)誤。（感謝網(wǎng)站領(lǐng)導(dǎo)給我的試錯(cuò)機(jī)會(huì)）

所以在某一個(gè)時(shí)間點(diǎn)之后，我慢慢拋棄了這種總的css。但是我現(xiàn)在也在做內(nèi)部使用的小框架，準(zhǔn)備再次將CSS搞成一個(gè)文件供公司通用，相信現(xiàn)在做的這個(gè)CSS應(yīng)該會(huì)幾年前做的那個(gè)好一些了。經(jīng)過培訓(xùn)，在我這個(gè)框架基礎(chǔ)上，公司內(nèi)部的前端頁(yè)面開發(fā)速度應(yīng)該會(huì)有所提升。因?yàn)楝F(xiàn)在我們公司的前端基本都在公司呆了2年以上了。而我做的這個(gè)框架會(huì)盡可能貼近大家日常工作涉及到的工作，所以比較接地氣，比學(xué)那些網(wǎng)站巨型框架要容易入手的多。

個(gè)人淺見，不吝賜教。同時(shí)歡迎關(guān)注我的頭條號(hào)，我會(huì)不定時(shí)更新一些前端方面的東東。