去哪網(wǎng)APP
?? 項目演示地址：http://118.25.39.84
基于Vue 全家桶 (2.x)制作的
去哪網(wǎng)APP項目，項目完整、功能完備、UI美觀、交互一流。
技術(shù)棧
【前端】
Vue：構(gòu)建用戶界面的 MVVM 框架，核心是響應(yīng)的數(shù)據(jù)綁定和組系統(tǒng)件
vue-router：為單頁面應(yīng)用提供的路由系統(tǒng)，項目上線前使用了路由懶加載技術(shù)，來異步加載路由優(yōu)化性能
vuex：Vue 集中狀態(tài)管理，在多個組件共享某些狀態(tài)時非常便捷
axios：服務(wù)端通訊?；赑romise的網(wǎng)絡(luò)請求插件
vue-lazyload：第三方圖片懶加載庫，優(yōu)化頁面加載速度
better-scroll：iscroll 的優(yōu)化版，使移動端滑動體驗更加流暢
stylus：css 預(yù)編譯處理器
ES6：ECMAScript
vue-awesome-swiper： 圖片輪播插件
fastClick: 解決300毫秒點擊事件延遲問題
stylus-loader: 一像素邊框問題
新一代語法，模塊化、解構(gòu)賦值、Promise、Class 等方法非常好用
【后端數(shù)據(jù)】
使用本地模擬數(shù)據(jù)
【自動化構(gòu)建及其他工具】
vue-cli：Vue 腳手架工具，快速初始化項目代碼
ESLint：代碼風(fēng)格檢查工具，規(guī)范代碼書寫
收獲
對 vue 的組件、指令、選項、模版渲染、事件綁定、計算屬性等有了一定了解
了解了 vue 組件之間的交互、傳值
熟悉了在 vue 項目中使用第三方插件（組件）
熟悉了組件化、模塊化的開發(fā)思維
熟悉了 vue-router 控制路由和子路由的方式
再次熟悉項目開發(fā)流程：項目分析設(shè)計 -> 項目環(huán)境搭建 -> 依賴安裝 -> 頁面架構(gòu)設(shè)計 -> 組件開發(fā) -> 測試聯(lián)調(diào) -> 發(fā)布上線
體會到組件化、模塊化開發(fā)帶來的便捷
體會到將對象封裝成類(ES6 class) 的便捷性，以及利用工廠方式初始化類實例
學(xué)會利用過渡效果及動畫效果制作良好的用戶交互體驗
作者：你的小白
鏈接：http://www.lxweimin.com/p/d928eb5a6b49
來源：簡書
簡書著作權(quán)歸作者所有，任何形式的轉(zhuǎn)載都請聯(lián)系作者獲得授權(quán)并注明出處。
