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

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

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

因為前面和后面沒有分隔。我們大多數(shù)人使用MVC進行開發(fā)。但是有一個限制。因為我的前端和后端是高度耦合的。前端數(shù)據(jù)和頁面呈現(xiàn)（包括重定向）需要從后端指定。簡言之，后端和前端是一對一的模式。這不利于前端形式的擴展。

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

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

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

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

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

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

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

2提供答案

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

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

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

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

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

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

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

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

通過開源組件，構(gòu)建一個非常簡單的后臺頁面，希望對您有所幫助。

源代碼存儲庫：https://github.com/ElemeFE/element

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

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

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

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

Vue PC UI組件庫

1。Element“GitHub star 45.6k”

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

2. IView“GitHub star 23.3k”

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

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

4. 類星體“GitHub星14.9k”

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

5. Ant Design Vue“GitHub star 10.5k”

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

6. Bootstrap Vue[GitHub star 11.6k

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

7. Muse UI“GitHub star 8.1k”

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