隨著“互聯(lián)網(wǎng)+”概念的普及，和移動(dòng)互聯(lián)網(wǎng)技術(shù)的成熟，越來越多的公司，需要更加智能、高效、合理、人性化的交互，對web前端的需求也會(huì)越來越大，同時(shí)由于web前端的技術(shù)框架種類繁多，更新也非?？?，這樣也需要大量的前端人員進(jìn)行自己的技能提升。我們在做一個(gè)大型項(xiàng)目的時(shí)候，需要很多模塊與元素去構(gòu)建，接下來，重慶前端html5開發(fā)培訓(xùn)為大家分享在一個(gè)WEB項(xiàng)目中必不可少的幾個(gè)模塊。

一：webpack

什么是webpack?

為什么要用webpack?

傳統(tǒng)web開發(fā)——在傳統(tǒng)的web開發(fā)中，對于各種各樣的資源，我們會(huì)通過html中的各種標(biāo)簽引入，那css資源文件來說，傳統(tǒng)總，通常我們在定義好的css文件夾中創(chuàng)建一個(gè)css文件格式的的文件，在里面定義好的樣式，在html中，通過標(biāo)簽將css資源引入進(jìn)來，小型的項(xiàng)目這樣做并沒有什么大的問題，而且還比較快速。但隨著公司的業(yè)務(wù)發(fā)展擴(kuò)大，項(xiàng)目的也變得越來越大，這種方式的弊端就慢慢顯現(xiàn)，項(xiàng)目臃腫，維護(hù)變得困難。webpack開發(fā)——在webpac開發(fā)中，通過我們定義好的資源加載規(guī)則，面對上面的大型項(xiàng)目時(shí)，在我們要新增資源文件，我們不需要再苦苦到幾千行html文件中導(dǎo)入你新增的資源文件，只需要在你定義好的文件夾中新增文件，便可以正式投入到開發(fā)中了。這樣的話大大簡化了開發(fā)和維護(hù)的成本。

二：npm

什么是npm?

npm(nodejs packages manager)翻譯過來就是node安裝包管理工具，通俗來說，在開發(fā)過程總，一些常用的功能和實(shí)現(xiàn)，開發(fā)人員可以將他們封裝起來，上傳到npm，交給npm管理，其他開發(fā)人員變可以npm的命令，見這些封裝好的代碼塊下載到自己的項(xiàng)目中供自己使用，這樣避免了大家重復(fù)造輪子的尷尬現(xiàn)象，大大減少了開發(fā)難度和時(shí)間。

三：vue.js

什么是vue.js?

在講vue.js之前，先一起來看看jquery，因?yàn)楹芏嗳硕际菑膉query轉(zhuǎn)到vue.js，在轉(zhuǎn)變的過程中，發(fā)現(xiàn)有些人開始學(xué)vue.j時(shí)候很難寫出一個(gè)應(yīng)用出來，在使用原生的js無論是對節(jié)點(diǎn)的獲取，事件的監(jiān)聽和ajax的處理，都存在兼容的問題，開發(fā)過程中必須寫大量的兼容性代碼。而jquery出現(xiàn)正好的解決了這個(gè)問題。vue.js是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級框架不同的是，Vue采用自底向上增量開發(fā)的設(shè)計(jì)。Vue的核心庫只關(guān)注視圖層，它不僅易于上手，還便于與第三方庫或既有項(xiàng)目整合。

vue.js——獨(dú)特的一面

讓從jquery轉(zhuǎn)vue.js的開發(fā)人員很詫異的是，vue.js的視圖層和model層是響應(yīng)，我們只要修改了model層的數(shù)據(jù)，視圖層會(huì)時(shí)時(shí)顯示最新的數(shù)據(jù)結(jié)果。數(shù)據(jù)驅(qū)動(dòng)，在DOM思想中，每當(dāng)我們想操控一樣?xùn)|西，我們總想去獲取節(jié)點(diǎn)，在對這個(gè)節(jié)點(diǎn)進(jìn)行操作。而在vue.js中，這種想法是多余的，我們可以通過控制實(shí)例的的數(shù)據(jù)，來達(dá)到我們需要的結(jié)果。

vue.js可以做什么

vue.js只有30多k，相對動(dòng)不動(dòng)就300多k的庫來說，這是非常適合來開發(fā)H5應(yīng)用的，結(jié)合hbuider的runtime和native.js，開發(fā)出來的應(yīng)用不僅跨平臺(tái)，而且性能也相當(dāng)不錯(cuò)，功能也和native app沒有什么差異。

重慶中天學(xué)校JAVA培訓(xùn)老師建議畢業(yè)生，畢業(yè)了不要盲目挑戰(zhàn)，做什么項(xiàng)目無所謂，關(guān)鍵是要有成長機(jī)會(huì)。大項(xiàng)目小項(xiàng)目沒關(guān)系，主要是要能學(xué)到東西，不要好高騖遠(yuǎn)，不要隨便下結(jié)論，不要對重復(fù)的工作厭倦，出了問題及時(shí)反饋領(lǐng)導(dǎo)，不要怕。