vue前端開發(fā) Web前端的路該怎么走?
Web前端的路該怎么走?初級(jí):只需要能夠使用HTML、CSS和JavaScript進(jìn)行一般的靜態(tài)網(wǎng)頁設(shè)計(jì),這個(gè)時(shí)候其實(shí)已經(jīng)有了一定的生產(chǎn)力,可以稱為初級(jí)工程師。中級(jí):首先,代碼管理。你必須學(xué)會(huì)使用SV
Web前端的路該怎么走?
初級(jí):只需要能夠使用HTML、CSS和JavaScript進(jìn)行一般的靜態(tài)網(wǎng)頁設(shè)計(jì),這個(gè)時(shí)候其實(shí)已經(jīng)有了一定的生產(chǎn)力,可以稱為初級(jí)工程師。
中級(jí):首先,代碼管理。你必須學(xué)會(huì)使用SVN和GIT。二是熟練運(yùn)用前端框架和JS開發(fā)各種組件。前端框架包括引導(dǎo)和基礎(chǔ)。JS組件:angularjs虛擬用戶.js、 節(jié)點(diǎn).jsAJAX和JSON通常用于與后端交互,在實(shí)際業(yè)務(wù)中也經(jīng)常用到。
高級(jí):對(duì)前端架構(gòu)、本機(jī)業(yè)務(wù)框架開發(fā)和性能優(yōu)化有深入了解。
隨著Web前端的快速發(fā)展,在移動(dòng)互聯(lián)網(wǎng)時(shí)代,現(xiàn)在是人工智能時(shí)代,算法已經(jīng)普及,無法掌握CSS、HTML、JS這些。
總之,不斷學(xué)習(xí),不斷學(xué)習(xí),不斷學(xué)習(xí),不斷學(xué)習(xí)
現(xiàn)在如果你想做一個(gè)PC端的傳統(tǒng)網(wǎng)站。前后端分離很流行。那么為什么要把前端和后端分開呢?
因?yàn)榍懊婧秃竺鏇]有分隔。MVC主要是我們自己開發(fā)的。但是有一個(gè)限制。因?yàn)槲业那岸撕秃蠖耸歉叨锐詈系?。前端?shù)據(jù)和頁面呈現(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ù)的背景下,我們不需要考慮太多的兼容性問題?,F(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還支持多頁開發(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頁面。
2020年了,如果現(xiàn)在做一個(gè)PC傳統(tǒng)網(wǎng)站(多頁面、符合SEO),要求要工程化,現(xiàn)在是用什么技術(shù)棧?
Vue是一個(gè)用于構(gòu)建用戶界面的漸進(jìn)式框架。與其他大型框架不同,Vue被設(shè)計(jì)成從下到上逐層應(yīng)用。Vue的核心庫(kù)只關(guān)注可視層,它不僅易于使用,而且易于與第三方庫(kù)或現(xiàn)有項(xiàng)目集成。另一方面,當(dāng)與現(xiàn)代工具鏈和各種支持類庫(kù)相結(jié)合時(shí),Vue還可以為復(fù)雜的單頁應(yīng)用程序提供驅(qū)動(dòng)程序。
1. 如果你在做PC應(yīng)用程序,最好的選擇是elementui。
NPM I element UI-S
最簡(jiǎn)單的UI編寫方法:http://element-cn.eleme.io/#/zh-Cn/組件/安裝
2。對(duì)于app mobile應(yīng)用程序,最好選擇AUI或ionic
文檔:http://www.auicss.com/doc/v/2/doc[ID/1
aui2.0是一個(gè)全新的AUI框架,它是在1的基礎(chǔ)上重新構(gòu)建的。十、在2.0中,REM全局控制大小,完全適應(yīng)不同分辨率的移動(dòng)設(shè)備;新增的主題樣式表方便開發(fā)者自定義基本顏色樣式,完成APP主題的定制。從IOS 5.1到Android 4.2的完美兼容性。所以我認(rèn)為它是一個(gè)很好的UI插件。
vue搭配什么做前端開發(fā)比較好?
我碰巧在實(shí)際生產(chǎn)項(xiàng)目中使用了這三個(gè)框架。說句公道話,從工作的角度來說,不一定要把這些都學(xué)完。從推廣的角度來看,你至少需要學(xué)習(xí)Vue、react和原生web開發(fā)。安格爾在一定程度上已經(jīng)是第二梯隊(duì)。其工程方案可以理解,但已不再是主流。
事實(shí)上,大多數(shù)時(shí)候,前端工程師解決的不是風(fēng)格的問題,而是協(xié)作和業(yè)務(wù)邏輯處理的問題。一個(gè)公司很少同時(shí)使用多個(gè)框架來實(shí)現(xiàn)業(yè)務(wù)功能。他們可以學(xué)到很多,但在實(shí)際項(xiàng)目中,他們通常有一套代碼,這是方便,快速和高輸出。因此,你在公司的職位與你將遇到多少框架無關(guān)。而且在完全學(xué)習(xí)了一個(gè)框架之后,也不是不可能把其他的拿出來,所以在一天之內(nèi)寫一個(gè)項(xiàng)目也不是不可能的。但如果你想在技術(shù)上走得更遠(yuǎn),你需要了解它們的內(nèi)在邏輯、演變歷史和未來趨勢(shì),這樣你才能做到最好,擺脫技術(shù)上的糟粕。