運(yùn)行項(xiàng)目

下載微信web開發(fā)者工具，clone項(xiàng)目到本地，用微信web開發(fā)者打開項(xiàng)目，模擬器上（編譯或CTRL+S）查看項(xiàng)目

  git clone https://github.com/sunshine824/WeChat_Reader-Movie.git

最后模擬器上效果如下：

項(xiàng)目結(jié)構(gòu)

.
├── README.md
├── data                                    // 自定義data數(shù)據(jù)
├── images                                  //靜態(tài)圖片文件夾
├── pages
│   ├── movies                              //電影模塊
│   │   ├── more-movie                      //更多電影頁面
│   │   │   └── more-movie.js
│   │   │   └── more-movie.json             //more-movie配置文件
│   │   │   └── more-movie.wxml
│   │   │   └── more-movie.wxss
│   │   ├── movie                           //單個(gè)電影組件
│   │   ├── movie-grid                      //所有電影整合的組件
│   │   ├── more-list                       //單個(gè)分類電影列表
│   │   ├── movie-detail                    //電影詳情
│   │   ├── stars                           //評(píng)分組件
│   │   ├── movies.js                       //電影模塊腳本
│   │   ├── movies.json
│   │   ├── movies.wxml 
│   │   └── movies.wxss
│   ├── posts                              //文章模塊
│   │   ├── post-detail                    //文章詳情組件
│   │   ├── post-item                      //單個(gè)文章組件
│   │   ├── post.js 
│   │   ├── post.json  
│   │   ├── post.wxml 
│   │   └── post.wxss
│   ├── welcome                           //歡迎入口文件
│   │   ├── welcome.js 
│   │   ├── welcome.json  
│   │   ├── welcome.wxml 
│   │   └── welcome.wxss
├── untils                               //公共方法模塊
├── └── untils.js
├── app.js
├── app.json                            //公共配置文件
├── app.wxss                            //公共樣式表
└── static

注意事項(xiàng)

  1.如何設(shè)置縱向輪播:vertical="{{true}}"

  2.如何阻止事件冒泡:catch+事件

  3.wx.navigateTo 是平行跳轉(zhuǎn)，由主頁面跳到子頁面 跳轉(zhuǎn)后會(huì)觸發(fā) onHide
    wx.redirectTo 是平級(jí)跳轉(zhuǎn) 跳轉(zhuǎn)后會(huì)觸發(fā) onUnload 

  4.如果頁面使用了tabBar組件，只能使用wx.switchTab實(shí)現(xiàn)跳轉(zhuǎn)，wx.navigateTo、wx.redirectTo則不行

  5.為什么會(huì)出現(xiàn)“腳本錯(cuò)誤或者未正確調(diào)用Page()”的錯(cuò)誤提示？
   *出現(xiàn)這個(gè)錯(cuò)誤的原因通常是因?yàn)閷?duì)應(yīng)頁面的js文件里，沒有調(diào)用Page方法。即使js文件里沒有任何代碼，也需要在js里添加一個(gè)空的 Page({})。注意Page的P要大寫。

  6.為什么會(huì)出現(xiàn)“Expecting ‘String，‘Number，‘NULL，‘True....’”’’的錯(cuò)誤提示？
   *出現(xiàn)這個(gè)錯(cuò)誤的原因在于對(duì)應(yīng)頁面的json文件沒有加入{ }。即使json文件里沒有任何內(nèi)容，也需要加入一個(gè){ }，作為默認(rèn)代碼。json文件不允許出現(xiàn)注釋代碼，如果有注釋的代碼，同樣會(huì)報(bào)這個(gè)錯(cuò)誤。

  7.為什么 出現(xiàn)“ Failed to load image http://2110932784.debug.open.weixin.qq.com/pages/posts/images/post/crab.png : the server responded with a status of 404 (HTTP/1.1 404 Not Found) From server 127.0.0.1”
   *出現(xiàn)類似的這種錯(cuò)誤，通常是由于圖片的路徑不對(duì)而引起的。外網(wǎng)的圖片，我們這里不再說了，因?yàn)闆]有相對(duì)和絕對(duì)的路徑概念，如果報(bào)錯(cuò)了就是你外網(wǎng)的圖片url錯(cuò)了。我們說說本地的圖片路徑問題。請(qǐng)注意，如果圖片路徑被寫在一個(gè)js文件A里，而B引用了這個(gè)js文件，那么圖片的路徑必須是相對(duì)于B的相對(duì)路徑。所以，最好在公共的js文件里使用絕對(duì)路徑。
   還有一點(diǎn)，提醒大家，小程序?qū)Y源文件，比如圖片是有緩存的，這個(gè)大家要注意。

新增功能 分享 掃二維碼

github源碼：https://github.com/sunshine824/WeChat_Reader-Movie

快捷下載：WeChat_Reader-Movie-master.rar