2020年了，如果現(xiàn)在做一個(gè)PC傳統(tǒng)網(wǎng)站（多頁(yè)面、符合SEO），要求要工程化，現(xiàn)在是用什么技術(shù)棧？現(xiàn)在如果你想做一個(gè)PC端的傳統(tǒng)網(wǎng)站。前后端分離很流行。那么為什么要把前端和后端分開呢？因?yàn)榍懊婧秃竺鏇]

2020年了，如果現(xiàn)在做一個(gè)PC傳統(tǒng)網(wǎng)站（多頁(yè)面、符合SEO），要求要工程化，現(xiàn)在是用什么技術(shù)棧？

現(xiàn)在如果你想做一個(gè)PC端的傳統(tǒng)網(wǎng)站。前后端分離很流行。那么為什么要把前端和后端分開呢？

因?yàn)榍懊婧秃竺鏇]有分隔。我們大多數(shù)人使用MVC進(jìn)行開發(fā)。但是有一個(gè)限制。因?yàn)槲业那岸撕秃蠖耸歉叨锐詈系?。前端?shù)據(jù)和頁(yè)面呈現(xiàn)（包括重定向）需要從后端指定。簡(jiǎn)言之，后端和前端是一對(duì)一的模式。這不利于前端形式的擴(kuò)展。

目前，隨著手機(jī)的廣泛使用，包括移動(dòng)網(wǎng)站在內(nèi)的移動(dòng)應(yīng)用越來越被公眾所接受。此時(shí)，我們希望使用同一組數(shù)據(jù)來呈現(xiàn)不同的前端接口。顯然，MVC不能滿足這種情況。所以我們開始開發(fā)前端和后端分離模式。

因此，如果前端是一個(gè)PC網(wǎng)站，如果要考慮兼容性，jQuery仍然會(huì)被更多地使用。但在大多數(shù)瀏覽器都能支持相對(duì)較新的技術(shù)的背景下，我們不需要考慮太多的兼容性問題。現(xiàn)在我們主要使用Vue進(jìn)行前端開發(fā)。Vue的優(yōu)點(diǎn)是可以通過數(shù)據(jù)驅(qū)動(dòng)的方式組織和開發(fā)，通過MVVM模式進(jìn)行數(shù)據(jù)呈現(xiàn)和綁定。當(dāng)然，Vue還支持多頁(yè)開發(fā)。

在后端，我們通常使用web API向前端提供數(shù)據(jù)。它的優(yōu)點(diǎn)是重量非常輕，而且與前端特別友好，效率高。另一個(gè)優(yōu)點(diǎn)是對(duì)數(shù)據(jù)的高并發(fā)性的需求不斷增加。通過前端和后端分離的模式，可以方便地進(jìn)行分布式集成部署，實(shí)現(xiàn)后端服務(wù)器的負(fù)載均衡。

綜上所述，到2020年，我們可以選擇前端和后端分離的模式，使用Vue web API模式開發(fā)PC頁(yè)面。

pc網(wǎng)站引用一句js代碼可以變成手機(jī)端，這種方式對(duì)seo有影響嗎？

首先，我們需要了解SEO（search engine optimization）的工作原理，它可以概括為兩部分

1爬行和索引是指網(wǎng)頁(yè)爬行的頻率。當(dāng)爬蟲爬過一個(gè)頁(yè)面時(shí)，它將建立一個(gè)索引。如果用戶想看到搜索結(jié)果，他們需要大規(guī)模部署相關(guān)服務(wù)器

2提供答案

在提供答案時(shí)，搜索引擎會(huì)做兩件事，將與搜索詞相關(guān)的頁(yè)面呈現(xiàn)給搜索結(jié)果頁(yè)面，并對(duì)相關(guān)頁(yè)面進(jìn)行排序，即網(wǎng)站的相關(guān)性和頁(yè)面的受歡迎程度

根據(jù)提出的問題是，如果頁(yè)面只是簡(jiǎn)單地適應(yīng)樣式，那么Vue是一個(gè)用于構(gòu)建用戶界面的漸進(jìn)式框架。

Vue只關(guān)注層，采用自下而上的增量開發(fā)設(shè)計(jì)。

Vue的目標(biāo)是使用盡可能簡(jiǎn)單的API Vue只是一個(gè)前端框架，無論是在PC還是移動(dòng)終端上，只要提供相應(yīng)的API和數(shù)據(jù)

但是，PC終端上的單個(gè)頁(yè)面可能對(duì)搜索引擎不太友好，所以搜索引擎不能包含整個(gè)網(wǎng)站

vuejs是一個(gè)用于構(gòu)建用戶界面的漸進(jìn)式框架。也就是說，vuejs是一個(gè)工具，可以作為PC機(jī)的后臺(tái)管理系統(tǒng)，我公司的后臺(tái)是用vuejs來實(shí)現(xiàn)的。同時(shí)，通過第三方框架，我們可以更快地構(gòu)建豐富的后臺(tái)頁(yè)面。

Vuejs有一個(gè)超級(jí)易于使用的API，它集成了angularjs、knockoutjs實(shí)用.js、 鉚釘.js有很多優(yōu)點(diǎn)。

接下來，讓我介紹一下基于vuejs的第三方框架構(gòu)建后臺(tái)的效果。我不得不提到開源Vue元素。

通過開源組件，構(gòu)建一個(gè)非常簡(jiǎn)單的后臺(tái)頁(yè)面，希望對(duì)您有所幫助。

源代碼存儲(chǔ)庫(kù)：https://github.com/ElemeFE/element

我是souvc，專注于技術(shù)共享，歡迎大家交流學(xué)習(xí)。

Vue.js能做PC端單頁(yè)式網(wǎng)站開發(fā)嗎？

首先，我們需要了解PC和移動(dòng)終端之間的主要區(qū)別。1PC兼容性。如果我們想與IE的低版本系列兼容，應(yīng)該排除react-Redux或Vue。2搜索引擎優(yōu)化問題。如果使用前端渲染，就沒有SEO，或者很難做SEO（電子商務(wù)網(wǎng)站對(duì)SEO應(yīng)該有更高的要求）。我們應(yīng)該關(guān)注這兩個(gè)問題。像reactvueangular這樣的前端框架能夠在PC上實(shí)現(xiàn)項(xiàng)目。

vuejs適合做PC端后臺(tái)管理系統(tǒng)嗎？

Vue PC UI組件庫(kù)

1。Element“GitHub star 45.6k”

一套面向開發(fā)人員、設(shè)計(jì)師和產(chǎn)品經(jīng)理的基于Vue 2.0的桌面組件庫(kù)。

2. IView“GitHub star 23.3k”

]一套虛擬用戶.js高質(zhì)量的UI組件庫(kù)。目前，使用iView組件庫(kù)的大工廠有：今日頭條、阿里巴巴、騰訊、百度、京東、滴滴、美團(tuán)、新浪……

3、vuetify“GitHub star 25.8k”虛擬用戶.js材料設(shè)計(jì)構(gòu)件框架。包含精美的手工材料組件。你不需要設(shè)計(jì)技能來創(chuàng)建驚人的應(yīng)用程序。

4. 類星體“GitHub星14.9k”

基于虛擬用戶.js它允許web開發(fā)人員快速創(chuàng)建多種類型的響應(yīng)式網(wǎng)站/應(yīng)用程序，只需編寫一次代碼，就可以同時(shí)將它們部署為網(wǎng)站、移動(dòng)應(yīng)用程序或電子應(yīng)用程序。

5. Ant Design Vue“GitHub star 10.5k”

基于虛擬用戶.js以及ant設(shè)計(jì)風(fēng)格的UI組件庫(kù)來開發(fā)和服務(wù)企業(yè)產(chǎn)品。

6. Bootstrap Vue[GitHub star 11.6k

]基于Bootstrap V4虛擬用戶.js的前端UI框架?；趂lexbox的靈活布局用于在web上構(gòu)建響應(yīng)迅速的、移動(dòng)優(yōu)先的項(xiàng)目。

7. Muse UI“GitHub star 8.1k”

基于Vue 2.0優(yōu)雅材質(zhì)設(shè)計(jì)UI組件庫(kù)。