主流開源協議之間的異同：https://www.zhihu.com/question/19568895
- git add .
- git commit -m "submit message"
- git push
- 完成 Header, 使用 Mint-UI 中的 Header組件
- 製作底部的 Tabbar，使用 MUI 的 Tabbar.html
- 在製作 購物車 小圖標的時候，操作會相對多一些：
- 先把擴展圖標 css 樣式，copy到項目中
- copy擴展字體庫 ttf 文件，到項目中
- 為購物車 小圖標，添加如下樣式
mui-icon mui-icon-extra mui-icon-extra-cart
- 要在中間區域防止一個router-view來展示路由匹配到的組件
- 獲取數據，如何獲取，使用 vue-resource
- 使用 vue-resource 的 this.$http.get 獲取數據
- 獲取到的數據，要保存到data身上
- 使用 v-for 循環渲染每個 item 項
- 繪製界面，使用 MUI 中的media-list.html
- 使用 vue-resource 獲取數據
- 渲染真是數據
- 吧列表中的每一項改造為 router-link，同時，在跳轉的時候應該提供唯一的ID標識符
- 創建辛未年詳情的組建頁面， NewsInfo.vue
- 在路由模塊中，將 新聞詳情的路由地址和組建頁面對應起來
- 先創建一個單獨的 comment.vue 組件模板
- 在需要使用comment組件的頁面中，先手動導入comment組件
import comment from './comment.vue'
- 在父組件中，使用
components屬性，將剛才導入 comment 組件，注冊為自己的子組件 - 將注冊子組件時候的，注冊名稱，以 標簽形式，在頁面中引用即可
- getComments
- 為加載更多按鈕，綁定點擊時間，在事件中，請求下一頁數據
- 點擊加載更多，讓 pageIndex++，然後重新調用 this.getComments() 方法重新獲取最新一頁的數據
- 爲了防止 新數據 覆蓋老數據的情況，在點擊加載更多的時候，每儅獲取到新數據，應該讓 老數據調用數組的 concat 方法，拼接上新數組
- 把文本框做雙向數據綁定
- 為發表按鈕綁定一個事件 3.校驗評論内容是否爲空，如果爲空，則Toast提示用戶，評論不能爲空
- 通過 vue-resource 發送一個請求，吧評論内容提交給 服務器
- 儅發表評論OK后，重新刷新列表，以查看最新評論
- 如果調用 getComments 方法重新刷新評論列表的話，可能只得到最後一頁的評論，前幾頁的評論獲取不到
- 如果，儅評論成功后，在客戶端，手動拼接一個最新的評論對象，然後 調用數組的 unshift 方法，把最新的評論，追加到 data 中 comments 的開頭,便可以更新評論列表
- 頂部的滑動條
- 製作 底部的圖片列表
- 需要借助於MUI中的 tab-top-webview-main.html
- 需要把 sslider區域的 mui-fullscreen 類去掉
- 滑動條無法正常出發滑動，通過檢查官方文檔，這是JS組件，需要被初始化：
- 導入 mui.js
- 調用官方提供的 方式 初始化
mui('.mui-scroll-wrapper').scroll({
deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
});
- 在初始化 滑動條的時候，導入的 mio.js，報錯
- 据推測，可能mui.js中用到的 'caller', 'callee', and 'arguments' ，但 webpack 打包好的bundle.js中，默認啓用嚴格模式， 所以兩者衝突
- 解決方案： 1. 吧mui.js中的非嚴格模式代碼改掉，不現實； 2. 把 webpack 打包時候的嚴格模式禁用
- 移除嚴格模式：npm install babel-plugin-transform-remove-strict-mode -D
- 剛進入圖片分享頁面時，滑動條無法正常執行，因爲如果要初始化 滑動 條，必須等 DOM 元素加載完畢，所以，把初始化 滑動條代碼移至 mounted生命周期函數
- 儅滑動條ok后，tabbar無法正常執行時，便需要把每個tabbar按鈕的樣式
mui-tab-item更改名字為mui-tab-item,重新定義樣式，便可正常執行 - 獲取所有分類，並渲染 分類列表
- 圖片列表需要使用嬾加載技術，可以使用 Mint-UI 提供的現成的組件，
lazy-load - 根據
lazy-load的使用文檔 - 渲染圖片列表數據
- 在改造 li 成 router-link 的時候，需要使用tag屬性指定要渲染為那種元素
- 使用 插件 vue-preview 這個縮略圖插件
- 獲取到所有的圖片列表，然後使用 v-for 指令渲染數據
- 注意： img標簽上的class不能去掉
- 注意： 每個 圖片數據對象中，必須有 w 和 h 屬性
- 要保證手機可以正常運行
- 要保證手機和開發項目的電腦 處於同一個 wifi 環境中，也就是說手機可以訪問到電腦的IP
- 打開自己的項目中 package.js 文件，在 dev脚本中，添加一個 --host 指令，把當前電腦的wifi IP 地址，設置為 --host的指令值
- 如何查看自己電腦所處 WIFI 的 IP 呢，在 cmd 終端中運行
ipconfig，查看無綫網的 ip 網址
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent