好多好多同學(xué)肯定會問，前端到底是啥？學(xué)前端學(xué)啥？從大的方面來講，你所能看到的一切，網(wǎng)頁、移動端網(wǎng)頁、小程序、甚至某些app，都是前端程序員的。

前端工程師是做什么的？

1.前端工程師主要利用HMTL與CSS建構(gòu)頁面（其中html構(gòu)建骨架，css構(gòu)建樣式），用JavaScript獲取后端數(shù)據(jù)以及完善交互以及用戶體驗。

2.通俗來講，前端在一個項目里，拿到UI設(shè)計師設(shè)計的設(shè)計稿，然后實現(xiàn)UI設(shè)計師設(shè)計稿，調(diào)用后端程序員給的數(shù)據(jù)接口以獲取數(shù)據(jù)，然后測試，最后部署上線。

前端工程師到底學(xué)啥？

Web前端技術(shù)由 html、css 和 javascript 三大部分構(gòu)成，是一個龐大而復(fù)雜的技術(shù)體系，其復(fù)雜程度不低于任何一門后端語言。

當(dāng)然，還有其他許多許多其他的知識，不然你真以為一兩萬元的工資那么好拿，算法、 數(shù)據(jù)結(jié)構(gòu)、面向?qū)ο笏枷?、設(shè)計模式、某個前端框架等等都是必須掌握的。

同時，在框架流行的時代，你必須要懂一個框架。

目前流行的前端框架有哪些？

1）Vue：Vue.js是討論最多且發(fā)展最快的JavaScript框架之一。它由前谷歌員工Evan You創(chuàng)建，他在擔(dān)任Google員工時曾在Angular工作過。您可以認為它是成功的，因為它能夠使用HTML，CSS和JavaScript構(gòu)建有吸引力的UI。Vue被阿里巴巴，GitLab，百度使用，并受到全球開發(fā)人員和設(shè)計師的贊賞。

2）React：React由Facebook維護，許多領(lǐng)先的科技品牌在其開發(fā)環(huán)境中使用React。React被Facebook，Uber，Netflix，Twitter，Udemy，Paypal，Reddit，Tumblr，Walmart 等使用。

3）Angular：Angular開發(fā)在全球開發(fā)人員中廣泛流行，并被谷歌，福布斯，WhatsApp，Instagram，http://healthcare.gov和許多財富500強公司等大型組織使用。

下面六星云課堂跟大家分享一下小白學(xué)web常見的問題，希望本篇文章能夠?qū)π』锇閭冇兴鶐椭?/p>

四常見問題

1.） Vue.js 是什么 ?

漸進式框架

自底向上增量開發(fā)的設(shè)計
易學(xué)習(xí)
易整合

Vue.js( 讀音 /vju ? /, 類似于 view) 是一套構(gòu)建用戶界面的 漸進式框架。與其他重量級框架不同的是Vue采用自底向上增量開發(fā)的設(shè)計。Vue的核心庫只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其它庫或已有項目整合。另一方面Vue完全有能力驅(qū)動采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)的復(fù)雜單頁應(yīng)用。

2.） vue.js 到底適合做哪種類型的界面 ?

a 、表單項繁多
b 、內(nèi)容需要根據(jù)用戶的操作進行修改
Vue.js就是一個用于搭建類似于網(wǎng)頁版知乎這種表單項繁多，且內(nèi)容需要根據(jù)用戶的操作進行修改的網(wǎng)頁版應(yīng)用。

3.） 單頁應(yīng)用程序 (SPA) 是什么 ?

一個頁面就是應(yīng)用（子應(yīng)用）。顧名思義，單頁應(yīng)用一般指的就是一個頁面就是應(yīng)用，當(dāng)然也可以是一個子應(yīng)用，比如說知乎的一個頁面就可以視為一個子應(yīng)用。單頁應(yīng)用程序中一般交互處理非常多，而且頁面中的內(nèi)容需要根據(jù)用戶的操作動態(tài)變化。

4.） 前面說的網(wǎng)頁版知乎我也可以用 JQuery 寫啊，為什么要用 Vue.js 呢 ?

a 、產(chǎn)品是絕對需要反復(fù)修改的
b 、修改可能會導(dǎo)致 DOM 的關(guān)聯(lián)與嵌套層次要發(fā)生改變從而使 jquery 結(jié)構(gòu)相關(guān)代碼變的異常復(fù)雜
c 、vue.js可以解決這個問題

5.） 前端里面常說的視圖層是什么 ?

我們把HTML中的DOM就可以與其他的部分獨立開來劃分出一個層次，這個層次就叫做視圖層。Vue的核心庫只關(guān)注視圖層。

6.）使用 jquery 開發(fā)完整頁面的流程 ?

a 、 html 寫構(gòu)架
b 、 css 裝飾
c 、 js 交互

7.） Vue.js 為什么能讓基于網(wǎng)頁的前端應(yīng)用程序開發(fā)起來這么方便 ?

a 、有聲明式
b 、響應(yīng)式的數(shù)據(jù)綁定
c 、組件化的開發(fā)
d 、 Virtual DOM

因為Vue.js 有聲明式，響應(yīng)式的數(shù)據(jù)綁定，與組件化的開發(fā)，并且還使用了 Virtual DOM 這個看名字就覺得高大上的技術(shù)。

8.） vue.js 中常說的數(shù)據(jù)動態(tài)綁定是什么 ?

就是vue.js會自動響應(yīng)數(shù)據(jù)的變化情況，并且根據(jù)用戶在代碼中預(yù)先寫好的綁定關(guān)系，對所有綁定在一起的數(shù)據(jù)和視圖內(nèi)容都進行修改。而這種綁定關(guān)系，在圖上是以input標(biāo)簽的v-model屬性來聲明的，因此你在別的地方可能也會看到有人粗略的稱vue.js為聲明式渲染的模版引擎。

9.） 前端中為什么要組件化開發(fā) ?

a 、非組件化開發(fā)代碼和工作量都非常大
b 、修改起來生不如死

但是現(xiàn)在我們做單頁應(yīng)用，頁面交互和結(jié)構(gòu)十分復(fù)雜，一個頁面上就有許許多多的模塊需要編寫，而且往往一個模塊的代碼量和工作量就非常龐大，如果還按照原先的方法來開發(fā)，那么會累死人。

10.） 前端中如何進行組件化開發(fā) ?

a 、借用的后端的面向?qū)ο笾械哪K化思想 ( 把一些大功能拆分成許多函數(shù)，然后分配給不同的人來開發(fā) )。
b 、把一個單頁應(yīng)用中的各種模塊拆分到一個一個單獨的組件 (component) 中，我們只要先在父級應(yīng)用中寫好各種組件標(biāo)簽 ( 占坑 ) ，并且在組件標(biāo)簽中寫好要傳入組件的參數(shù)；（就像給函數(shù)傳入?yún)?shù)一樣，這個參數(shù)叫做組件的屬性）；然后再分別寫好各種組件的實現(xiàn) ( 填坑 )。

以上就是本次分享的全部內(nèi)容，想學(xué)習(xí)更多編程技巧，歡迎持續(xù)關(guān)注六星云課堂！