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

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

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

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

不管效果圖多復(fù)雜，其實(shí)拆開了無非就那些個小模塊。可以在日常工作中將每一小塊整理出來以備到時候復(fù)制黏貼。

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

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

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

給我個文本文檔我都能寫出來前端頁面。

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

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

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

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

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

1.注冊網(wǎng)站域名：注冊一個簡短易記的，一般建議用com結(jié)尾的。大概幾十到一百元左右。

2.購買網(wǎng)站服務(wù)器：服務(wù)器是網(wǎng)站的存儲空間，可以分為獨(dú)立主機(jī),云服務(wù)器,個人和中小型企業(yè)在建站初期，流量不是很大時候，租用一個中等的云服務(wù)器就可以滿足網(wǎng)站的基本需求；網(wǎng)站空間費(fèi)用預(yù)算需要考慮兩點(diǎn)，其一是空間商品牌是否為知名品牌，其二，空間大小。角點(diǎn)科技與國內(nèi)外大型空間提供商有著長期的合作，會為客戶推薦最適合你的空間容量和品牌，減少空間浪費(fèi)和費(fèi)用支出。

3.網(wǎng)站備案：如果想把網(wǎng)站域名放在國內(nèi)大陸的服務(wù)器使用，是需要備案的，不想備案可以放在國外或者香港的服務(wù)器上面使用。

4.前端規(guī)劃頁面：網(wǎng)站各個內(nèi)容怎么科學(xué)的分布在網(wǎng)站上。一般來說，一個網(wǎng)站又首頁、頻道頁、詳情頁、產(chǎn)品頁……你需要想好你的頁面有多少個類別，各個類別怎么有序的組織在一起。每個頁面又分別展示怎樣的內(nèi)容。這個一般是網(wǎng)站主編或者運(yùn)營總監(jiān)來負(fù)責(zé)。

5.網(wǎng)站設(shè)計(jì)：一個好的網(wǎng)站很容易建立公司和用戶之間的信任。其中除了打開速度、網(wǎng)頁內(nèi)容等方面的因素，色彩搭配也是其中一環(huán)。如果你邀請專業(yè)人員給你設(shè)計(jì)頁面的話，單個頁面成本在單個頁面成本在300—10000元左右，這個是看設(shè)計(jì)師的經(jīng)驗(yàn)和水平。一般來說建站公司可以幫你設(shè)計(jì)頁面，如果你要求不高也可以直接設(shè)計(jì)圖片。

6.網(wǎng)站后臺開發(fā)：后臺的開發(fā)是實(shí)現(xiàn)企業(yè)自主更新和維護(hù)網(wǎng)站信息的重要支撐。目前主流的web程序開發(fā)是asp,php,.net,jsp。

7.網(wǎng)站測試上線：網(wǎng)站搭建好后，我們需要對網(wǎng)站進(jìn)行小測試，看看網(wǎng)站是否存在小問題是否符合顧客的需求，在得到客戶認(rèn)可之后就可以上線了。

如果你也想開發(fā)一款屬于自己的網(wǎng)站，可以通過第三方專業(yè)開發(fā)平臺，來幫助你實(shí)現(xiàn)開發(fā)需求：廈門在乎科技（ https://www.icarexm.com/pc_build.html ）-專注小程序、app、網(wǎng)站開發(fā)

主要包括html，css和js三種技術(shù)，和當(dāng)百前的html5開發(fā)屬于同種工種，度是原來網(wǎng)頁設(shè)計(jì)與制作職位的細(xì)化，細(xì)化的網(wǎng)頁制作職位。主要工作是將知設(shè)計(jì)師制作的設(shè)計(jì)圖，制作成，能夠讓后臺放置數(shù)據(jù)的網(wǎng)頁，換言之就是道實(shí)現(xiàn)網(wǎng)頁哪個位置放置什么，文字內(nèi)顏色，圖片尺寸，包括網(wǎng)頁中特效的實(shí)現(xiàn)。

1.pc端網(wǎng)站開發(fā)：web前端可以使用html+css制作出很多精美的pc端網(wǎng)頁，網(wǎng)站的特效可以使用js+jquery來完成。

2.移動端+app開發(fā)：現(xiàn)在的web前端工作者不局限于pc端了，移動端+app，web前端工作者也可以完成，使用前端工具+框架制作出精美的移動端頁面或app。

3.html5游戲開發(fā)：隨著html5的興起，web前端也可以做小游戲了，使用canvas可以完成很多小游戲以及游戲引擎