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

一：webpack

什么是webpack?

為什么要用webpack?

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

二：npm

什么是npm?

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

三：vue.js

什么是vue.js?

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

vue.js——獨特的一面

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

vue.js可以做什么

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

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