關(guān)于“個(gè)人網(wǎng)站制作前端”的問(wèn)題，小編就整理了【5】個(gè)相關(guān)介紹“個(gè)人網(wǎng)站制作前端”的解答：

直接讓他寫成html靜態(tài)頁(yè)面，然后使用360瀏覽器打開(kāi)，點(diǎn)擊文件，保存為圖片即可。

如果是企業(yè)網(wǎng)站，你完全可以參考米拓官網(wǎng)500多套響應(yīng)式模板，直接保存為效果圖即可。

我覺(jué)得這個(gè)問(wèn)題問(wèn)的不嚴(yán)謹(jǐn) 。

問(wèn)題中開(kāi)發(fā)網(wǎng)站需要多少前端意思應(yīng)該是只是開(kāi)發(fā)網(wǎng)站的靜態(tài)頁(yè)面，而不需要服務(wù)器端，要知道一個(gè)完整的網(wǎng)站需要有前端和后端。這個(gè)問(wèn)題的不嚴(yán)謹(jǐn)之處在于：

1.前端開(kāi)發(fā)工程師的技術(shù)水平達(dá)到了什么程度？

2.每天花費(fèi)多長(zhǎng)時(shí)間用于網(wǎng)站的開(kāi)發(fā)

我大致看了一下這幾個(gè)網(wǎng)站，頁(yè)面非常多，各種樣式多得數(shù)不過(guò)來(lái)，我試著簡(jiǎn)單的爬了一下，頁(yè)面效果沒(méi)爬下來(lái)，用仿站小工具應(yīng)該可以將整站前端爬下來(lái)。

假定開(kāi)發(fā)的外部因素

我算的上是一個(gè)初級(jí)前端開(kāi)發(fā)工程師，假如由我來(lái)開(kāi)發(fā)類似于途牛、攜程的網(wǎng)站，每天我拿出3個(gè)小時(shí)進(jìn)行開(kāi)發(fā)，我所需要完成的工作是開(kāi)發(fā)所有的靜態(tài)頁(yè)面，其他不管。

平臺(tái)分析

以途牛網(wǎng)為例，除了默認(rèn)的首頁(yè)中提供的各種旅行服務(wù)之外，他還有途牛商旅、旅游百貨、企業(yè)頻道等，體量非常大，不過(guò)根據(jù)問(wèn)題我認(rèn)為題主只是想要默認(rèn)的旅游服務(wù)、出行票據(jù)購(gòu)買、出游服務(wù)等等，當(dāng)然這已經(jīng)涉及到了很多個(gè)頁(yè)面，不過(guò)頁(yè)面中很多模塊都是重復(fù)出現(xiàn)。

開(kāi)發(fā)周期

通過(guò)上述兩方面的考慮之后，我認(rèn)為一個(gè)初級(jí)前端開(kāi)發(fā)工程師開(kāi)發(fā)這類平臺(tái)的前端應(yīng)該需要2-3個(gè)月，考慮到在開(kāi)發(fā)過(guò)程中可能會(huì)時(shí)不時(shí)遇到一些坑。相信三個(gè)月左右肯定會(huì)將完完全全的將平臺(tái)模仿開(kāi)發(fā)出來(lái)。如果是兩名工程師，配合默契的話，一個(gè)多月相信可以將途牛網(wǎng)簡(jiǎn)簡(jiǎn)單單地還原出來(lái)。

我是萌新程序猿，科技圈的事情歡迎邀請(qǐng)我來(lái)回答！

碼了這么多字，點(diǎn)個(gè)贊關(guān)注下再走吧?。?！

關(guān)注萌新程序猿（本人咯），了解更多IT以及程序猿的知識(shí)！！

這要看你前端的能力。前端與后臺(tái)需要數(shù)據(jù)通訊，這種通訊依靠后臺(tái)提供的數(shù)據(jù)接口進(jìn)行。所以你必須能看懂后臺(tái)代碼，并能利用接口把前后臺(tái)聯(lián)通。另外還需網(wǎng)站服務(wù)器部署能力等。

如果只是簡(jiǎn)單的頁(yè)面展示，比如簡(jiǎn)單的官網(wǎng)、產(chǎn)品宣傳介紹等，可以掏錢組個(gè)服務(wù)器，把你的前端代碼扔上去，申請(qǐng)個(gè)域名掛上，就可以用了

如果是要有數(shù)據(jù)展示、業(yè)務(wù)邏輯的話，還是需要后臺(tái)的，后臺(tái)邏輯的實(shí)現(xiàn)直接決定了網(wǎng)站的功能。

其實(shí)既然已經(jīng)學(xué)了前端，那么JS肯定會(huì)，那就用Nodejs框架，express，egg, hapi等等太多了，而且nodejs有這全球開(kāi)發(fā)框架中最熱門的社區(qū)。這就意味著，網(wǎng)上有大把大把的教程可以學(xué)習(xí)。 抽幾天時(shí)間，照著教程，很容易就搭建一個(gè)后臺(tái)出來(lái)，不但解決你的需求，而且學(xué)習(xí)了新技術(shù)。

nodejs是前端程序員轉(zhuǎn)全棧工程師最佳的捷徑……

nodejs 官網(wǎng)地址 ：

nodejs 教程推薦:

理論上可以的，單不建議這么做，不管什么后臺(tái)，如果已經(jīng)做好不一定符合你的需求，如果沒(méi)有后臺(tái)相關(guān)API文檔開(kāi)發(fā)難度也很大，如果需求不復(fù)雜，建議你用nodejs加上nosql實(shí)現(xiàn)。

你說(shuō)的買一個(gè)后臺(tái)，應(yīng)該是指買一套CMS之類的系統(tǒng)吧？現(xiàn)在不管是PC站，手機(jī)站還是小程序的源碼都很多，架好之后改一改就可以用了。你會(huì)UI和前端，那是完全可以的。

這些成熟的源碼在服務(wù)器或者虛擬主機(jī)上架設(shè)都很簡(jiǎn)單。當(dāng)然，你還是要學(xué)習(xí)一下如何架后臺(tái)源碼。

以常規(guī)的PHP開(kāi)發(fā)的CMS為例，可以架服務(wù)器上，也可以用虛擬主機(jī)。

如果是服務(wù)器，比如阿里云，騰訊云之類的，要學(xué)習(xí)一下架設(shè)服務(wù)器環(huán)境?，F(xiàn)在都有集成的工具，linux首推寶塔面板，windows就用phpstudy之類的。這些集成環(huán)境，把a(bǔ)pache，mysql都配置好了，直接新建網(wǎng)站的時(shí)候設(shè)置一下參數(shù)就可以了。然后把源碼傳到服務(wù)器上，域名解析做好，把數(shù)據(jù)庫(kù)打開(kāi)配置好就能用了。

如果是虛擬主機(jī)更簡(jiǎn)單，源碼通過(guò)FTP軟件傳到空間，把數(shù)據(jù)庫(kù)文件配置好，域名解析做好，就OK了。

然后就可以發(fā)揮你的前端能力，改頁(yè)面了。

問(wèn)種個(gè)問(wèn)題說(shuō)明你對(duì)網(wǎng)站整體的構(gòu)架沒(méi)有理解透。理論上可以前后端分離各做各的事，但實(shí)際的情況基本不可能出現(xiàn)你說(shuō)的這種情況。

我先說(shuō)說(shuō)前后端結(jié)合的方式吧：

第一種：通過(guò)后端語(yǔ)言進(jìn)行頁(yè)面渲染輸出HTML頁(yè)面，這種方式是純前端開(kāi)發(fā)者無(wú)法完成的。

第二種：后端負(fù)責(zé)開(kāi)發(fā)api接口，前端向api接口地址發(fā)送請(qǐng)求得到j(luò)son數(shù)據(jù)，然后再通過(guò)JS解析將數(shù)據(jù)顯示到頁(yè)面上。

你說(shuō)的購(gòu)買后臺(tái)來(lái)做網(wǎng)站理論上通過(guò)第二種方式能實(shí)現(xiàn)，但僅僅是理論。為什么僅僅只是理論而已呢？首先，你買了的后臺(tái)不一定符合你的需求，因?yàn)榻ㄕ镜牧鞒桃话闶窍榷ㄐ枨?，設(shè)計(jì)及前端按需求去設(shè)計(jì)和布局，后端按需求來(lái)寫邏輯，按后臺(tái)邏輯寫前端，聞所未聞。其次，并不是每個(gè)后臺(tái)系統(tǒng)都有api的。

所以說(shuō)你僅存理論上的可行，實(shí)際上不會(huì)有人這么干的。

要說(shuō)高精尖的技術(shù)網(wǎng)站，我覺(jué)得沒(méi)有什么比開(kāi)發(fā)文檔更好了，就是比較枯燥。開(kāi)發(fā)文檔一般會(huì)在各個(gè)框架的官網(wǎng)有鏈接。以很出名的bootstraps框架來(lái)說(shuō)吧，進(jìn)入官網(wǎng)就有開(kāi)發(fā)文檔

jQuery還得找一下

只不過(guò)你可能要懂點(diǎn)英文才行。

作為前端開(kāi)發(fā)的，下面幾個(gè)網(wǎng)站是我覺(jué)得不錯(cuò)的。

掘金（）

掘金是一個(gè)幫助開(kāi)發(fā)者成長(zhǎng)的社區(qū)，是給開(kāi)發(fā)者用的 Hacker News，給設(shè)計(jì)師用的 Designer News，和給產(chǎn)品經(jīng)理用的 Medium。掘金的技術(shù)文章由稀土上聚集的技術(shù)大牛和極客共同編輯為你篩選出最優(yōu)質(zhì)的干貨，其中包括：Android、iOS、前端、后端等方面的內(nèi)容。用戶每天都可以在這里找到技術(shù)世界的頭條內(nèi)容。與此同時(shí)，掘金內(nèi)還有沸點(diǎn)、掘金翻譯計(jì)劃、線下活動(dòng)、專欄文章等內(nèi)容。即使你是 GitHub、StackOverflow、開(kāi)源中國(guó)的用戶，我們相信你也可以在這里有所收獲。

上面是掘金對(duì)自己網(wǎng)站的介紹，在使用的過(guò)程中，感覺(jué)里面前端人員偏多，氛圍很濃厚，而且干貨也蠻多的，還是很值得一看的。而且里面的東西都很新，經(jīng)常能學(xué)習(xí)到一些新的知識(shí)和技能，說(shuō)跟上時(shí)代最前沿有些夸大，但保證自己不落伍倒是沒(méi)問(wèn)題的。

V2EX（）

V2EX 是一個(gè)關(guān)于分享和探索的地方，里面大牛很多，而且經(jīng)常能看到一些新奇好玩的東西，一些知名框架的作者都會(huì)活躍其中，比如VUE的作者，echart的作者等等。能和這些大牛有些交流，還是一個(gè)很不錯(cuò)的經(jīng)歷的。

Smashing Magazine（）

Smashing Magazine是一個(gè)web技術(shù)類的博客雜志站點(diǎn)，里面會(huì)經(jīng)常發(fā)布一些技術(shù)前沿文章，可以看到當(dāng)下最新以及目前最流行的技術(shù)，而且能看到許多優(yōu)秀的設(shè)計(jì)思路和腦回路，對(duì)于前端技能的提升會(huì)有很大的幫助。

W3CTECH（）

w3ctech是中國(guó)最大的前端技術(shù)社區(qū)，里面有各種前端技術(shù)分享以及新技術(shù)展示，能夠幫助開(kāi)發(fā)者快速了解當(dāng)前前端領(lǐng)域正在發(fā)生的變化。

以上排名不分先后，都是好東西。

我來(lái)說(shuō)說(shuō)，我是一名前端程序員。有趣去的可以關(guān)注一下。

GitHub

首當(dāng)其沖就是GitHub了，上面有許多優(yōu)質(zhì)的源碼，一些有趣且好玩的前端代碼，上面真的是應(yīng)有盡有，各種行業(yè)大神，如果你連這些都不去發(fā)現(xiàn)挖掘，甚至有的程序員連GitHub上都沒(méi)上過(guò)，我覺(jué)得這就有點(diǎn)過(guò)分了，你不僅可以去看前端，你還可以看別的語(yǔ)言，最新的技術(shù)源碼，挖掘并學(xué)會(huì)分解那些知識(shí)，你將進(jìn)步很大。

開(kāi)發(fā)者頭條

這上面有我們前端專用的分類，里面全是一些最新技術(shù)知識(shí)，都是行業(yè)頂級(jí)大神和平臺(tái)發(fā)布的文章和技術(shù)，里面也是應(yīng)有盡有，很多小伙伴都不知道，今天我就把它分享給你們，記得上去看看啊，真的有好多好東西。

superslide

SuperSlide 致力于解決網(wǎng)站大部分特效展示問(wèn)題，使網(wǎng)站代碼規(guī)范整潔，方便維護(hù)更新。網(wǎng)站上常用的“焦點(diǎn)圖/幻燈片”“Tab標(biāo)簽切換”“圖片滾動(dòng)”“無(wú)縫滾動(dòng)”等只需要一個(gè)SuperSlide即可解決！從此無(wú)需網(wǎng)上苦苦尋覓特效，無(wú)需加載n個(gè)插件，無(wú)需害怕代碼沖突，你需要的只是一個(gè)SuperSlide！還可以多個(gè)SuperSlide組合創(chuàng)造更多效果哦！

前端里

前端里-專注 Web 開(kāi)發(fā)技術(shù)和資源分享，網(wǎng)頁(yè)設(shè)計(jì),創(chuàng)意欣賞,網(wǎng)站模板,免費(fèi)素材，前端里專注于分享最前沿的Web開(kāi)發(fā)技術(shù)，教程，資源和素材，是面向網(wǎng)站開(kāi)發(fā)人員和設(shè)計(jì)師的學(xué)習(xí)交流平臺(tái)。

Web技術(shù)分享

里面也全是前端行業(yè)程序員的一些經(jīng)驗(yàn)分享和技術(shù)文章，足夠你學(xué)習(xí)去吸取他們優(yōu)質(zhì)的知識(shí)內(nèi)容，包括JavaScript、PHP、運(yùn)維方面的一些知識(shí)。

好了，別人理出來(lái)我就不理了，這些也是很多不知道的，今天分享出來(lái)讓大家看看，如果你覺(jué)得有用，你可以關(guān)注我，我一直在寫關(guān)于前端的文章，帶大家一起學(xué)習(xí)前端，謝謝。

關(guān)于“作為前端開(kāi)發(fā)的，平時(shí)都看哪些網(wǎng)站關(guān)注最新學(xué)習(xí)信息？”的問(wèn)題回答完了。如果你覺(jué)得我的回答對(duì)你有用，請(qǐng)關(guān)注一下點(diǎn)個(gè)贊，后續(xù)我會(huì)持續(xù)輸出科技方面的文章問(wèn)答噠，謝謝哦！

看看前端早報(bào)就行。

不過(guò)建議簡(jiǎn)單過(guò)一下目錄看看就行，別每個(gè)東西都去研究。很多東西還來(lái)不及的學(xué)基本就涼了。比如pwa，比如angular，angular我至今沒(méi)看過(guò)也不會(huì)覺(jué)得有什么必要一定要去看。pwa花了點(diǎn)心思去研究，至今也沒(méi)用上?，F(xiàn)在80%你看到的東西之后都會(huì)涼。比如微前端這種東西概念就能把人玩死，個(gè)人覺(jué)得火不了。大公司玩玩還行。

學(xué)到最新的東西有啥用？公司不會(huì)冒風(fēng)險(xiǎn)去用一些新東西，再一個(gè)就是新出的技術(shù)，穩(wěn)定性有待考證。你應(yīng)該關(guān)注的是大多數(shù)企業(yè)都在用什么技術(shù)，看看招聘網(wǎng)站都需要什么樣的人才吧！

到此，以上就是小編對(duì)于“個(gè)人網(wǎng)站制作前端”的問(wèn)題就介紹到這了，希望介紹關(guān)于“個(gè)人網(wǎng)站制作前端”的【5】點(diǎn)解答對(duì)大家有用。