資訊專欄INFORMATION COLUMN
摘要：還有一點比較重要的是，如何在快速迭代的軟件開發(fā)周期內(nèi)，去解放生產(chǎn)力。于是就會大量涌現(xiàn)很多優(yōu)秀的開源框架和擴展庫，去解決現(xiàn)實生活中的實際問題。而這一切都是在朝著提高開發(fā)效率，降低維護(hù)成本而前進(jìn)。結(jié)合書中的觀點去總結(jié)和思考。
關(guān)于 Vue.js
簡單小巧的核心（代碼壓縮后大小僅為 17KB），漸進(jìn)式技術(shù)棧，足以應(yīng)付任何規(guī)模的應(yīng)用
書中簡單的介紹現(xiàn)代 Web 開發(fā)中常見的高級功能，個人覺得不管是前端還是后端，技術(shù)不斷更新和迭代的過程，都是包含了很多軟件設(shè)計思想在里面，如何去解決高內(nèi)聚，低耦合問題，如何在復(fù)雜的軟件設(shè)計流程中，去寫出易于維護(hù)的代碼。還有一點比較重要的是，如何在快速迭代的軟件開發(fā)周期內(nèi)，去解放生產(chǎn)力。于是就會大量涌現(xiàn)很多優(yōu)秀的開源框架和擴展庫，去解決現(xiàn)實生活中的實際問題。
解耦視圖與數(shù)據(jù)
可復(fù)用的組件
前端路由
狀態(tài)管理
虛擬 Dom
談?wù)?Vue.js 在設(shè)計上使用 MVVM， 也就是 Model-View-ViewModel。作為在后端道路上工作幾年的我來說，對于 MVC 可謂再熟悉不過了，對于 MVVM 作為 MVC 衍生出來的架構(gòu)思想，獨到之處便是 View 與 ViewModel 之間的數(shù)據(jù)雙向綁定。這個時候我會想到在使用 PHP 框架構(gòu)建 Web 項目的時候，控制器層從數(shù)據(jù)倉庫中獲取視圖數(shù)據(jù)，并將數(shù)據(jù)綁定到指定模板上，通過 PHP 模板輸出到瀏覽器中，往往我們在中間會加入一層 Presenter，類似 構(gòu)建 Api 項目的 Transformer 層，當(dāng)數(shù)據(jù)層發(fā)生更新時，對應(yīng)的模板數(shù)據(jù)也會更新。
對于傳統(tǒng)的前端開發(fā)模式，Jqeury + SeaJS 等，想想那些前端框架還未百花齊放的時候，，追加 Dom 節(jié)點，修改子節(jié)點，拼接 Dom 節(jié)點，移除 Dom 節(jié)點等一大串邏輯復(fù)雜且臃腫肥大的代碼，隨著項目的不斷迭代，技術(shù)人員的逐步更換，項目越來越變得難以維護(hù)，視圖代碼和業(yè)務(wù)邏輯緊耦合在一起。但是現(xiàn)在下新的概念越來越多，ES6，前端工程化，NodeJS，NPM 等，越來越能體現(xiàn)出技術(shù)的革新之迅速。而這一切都是在朝著提高開發(fā)效率，降低維護(hù)成本而前進(jìn)。
那么再回頭看看 Vue.js，本身通過初次學(xué)習(xí)的時候，對于這種代碼結(jié)構(gòu)很熟悉，視圖與數(shù)據(jù)的解耦恰恰能夠讓代碼更加清晰，更加易于維護(hù)和擴展。
初步了解構(gòu)建一個 Vue 項目，就像搭建一個 Laravel Web 項目一樣，一個基本的思路的 Maybe
結(jié)合實際需求，引入適合的第三方庫
配置文件構(gòu)建
項目路由命名
項目部署和測試
項目發(fā)布
那么發(fā)布一個 Vue 項目的基本思路也應(yīng)該大致是
Vue-cli 腳手架初始化項目
引入合適的前端工具庫
配置文件構(gòu)建
打包文件配置
Vuex 管理狀態(tài)，vue-router 管理路由文件
語法檢查，項目部署和測試
項目發(fā)布
以上只是個人的一些拙見，接下來還會去深入學(xué)習(xí)這本書中的實戰(zhàn)內(nèi)容。結(jié)合書中的觀點去總結(jié)和思考。查看更多學(xué)習(xí)文章可前往博客 Poros 站點
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/29826.html
摘要：還有一點比較重要的是，如何在快速迭代的軟件開發(fā)周期內(nèi)，去解放生產(chǎn)力。于是就會大量涌現(xiàn)很多優(yōu)秀的開源框架和擴展庫，去解決現(xiàn)實生活中的實際問題。而這一切都是在朝著提高開發(fā)效率，降低維護(hù)成本而前進(jìn)。結(jié)合書中的觀點去總結(jié)和思考。 關(guān)于 Vue.js showImg(https://segmentfault.com/img/bVbk73v?w=252&h=253); 簡單小巧的核心（代碼壓縮后大...
摘要：多一個技能多一條出路，祝你在自學(xué)道路上越走越好，掌握自己的核心技能，不只是優(yōu)秀，還要成為不可替代的人 NodeJs+Express+Mysql + Vuejs 項目實戰(zhàn) 最近準(zhǔn)備寫一系列文章，全面講述如何基于NodeJs + Express + Mysql + Vuejs 從零開發(fā)前后端完全分離項目； 文筆及技術(shù)可能在某些方面欠佳，請您指正，共同學(xué)習(xí)進(jìn)步 前端：Vuejs全家桶 后端：...
摘要：最后以這個鏡像為基礎(chǔ)運行一個容器。對于這部分的內(nèi)容，如有不懂的地方，可查看我之前有關(guān)于鏡像構(gòu)建的文章哦。，接下來會通過對前端項目部署進(jìn)行進(jìn)一步的實戰(zhàn)。 關(guān)于docker的優(yōu)勢就不多介紹了，之前的文章已經(jīng)說得比較明白了，那么在學(xué)習(xí)了docker的一些知識后，現(xiàn)在該用它來做點事兒了，^_^，有點小興奮。接下來就來看看docker怎樣去部署一個VueJs的項目，我們從以下三點來進(jìn)行： Vu...
摘要：最后以這個鏡像為基礎(chǔ)運行一個容器。對于這部分的內(nèi)容，如有不懂的地方，可查看我之前有關(guān)于鏡像構(gòu)建的文章哦。，接下來會通過對前端項目部署進(jìn)行進(jìn)一步的實戰(zhàn)。 關(guān)于docker的優(yōu)勢就不多介紹了，之前的文章已經(jīng)說得比較明白了，那么在學(xué)習(xí)了docker的一些知識后，現(xiàn)在該用它來做點事兒了，^_^，有點小興奮。接下來就來看看docker怎樣去部署一個VueJs的項目，我們從以下三點來進(jìn)行： Vu...
閱讀 1500·2021-09-13 10:25
閱讀 644·2019-08-30 15:53
閱讀 2337·2019-08-30 15:44
閱讀 2132·2019-08-29 17:20
閱讀 1669·2019-08-29 16:36
閱讀 1878·2019-08-29 14:10
閱讀 1865·2019-08-29 12:44
閱讀 1255·2019-08-23 14:13
