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