截圖

源碼簡介

app
├── common
├── img
├── pages
├── utils
├── vendor
├── app.js
├── app.json
├── app.wxss
└── config.js
server
├── db
├── node_modules
├── public
├── schemas
├── views
├── package.json
└── server.js

關(guān)于微信小程序

• 自從16年9月微信傳出要發(fā)布一種與公眾號一樣形態(tài)的開放能力——小程序，便密切關(guān)注。小程序是除傳統(tǒng)web端和APP外一種嶄新的服務(wù)載體，一時間‘別開發(fā)APP了’的聲音此起彼伏。本著熱愛新奇的技術(shù)，對小程序的快捷統(tǒng)一，不需要額外適配各移動端，對開發(fā)人員的友好使我格外期盼微信這一新產(chǎn)品的上線。
• 9月22號 小程序內(nèi)測 第一時間下載了官方開發(fā)工具，熟悉開發(fā)文檔，并和眾多互聯(lián)網(wǎng)從業(yè)人員一樣好奇小程序的入口在微信的哪里。熟悉和試著開發(fā)小程序的各種能力，編寫各種小demo。
• 11月3號 小程序公測 拿到了小程序開發(fā)資格，這樣就能在移動端上預(yù)覽自己的項目了。繼續(xù)學習小程序框架，試著把webapp、nativeapp能去粗取精地開發(fā)成小程序項目。12月21日：微信小程序開放新增功能：分享，自定義模板消息，客服消息，掃一掃。
• 12月28日，在2017年微信公開課上，張小龍再次現(xiàn)身演講，解答了外界關(guān)于小程序的幾大疑惑，包括沒有商店、沒有微信入口、無法推送消息等，很克制。
• 1月9號 小程序正式上線 入口在‘發(fā)現(xiàn)’。
• 3月27日-28日 小程序開放新能力 公眾號自定義菜單點擊可打開相關(guān)小程序，公眾號模版消息可打開相關(guān)小程序，公眾號關(guān)聯(lián)小程序時，可選擇給粉絲下發(fā)通知，移動App可分享小程序頁面，掃描普通鏈接二維碼可打開小程序，低功耗藍牙，獲取用戶訪問場景等。
• 4月14日開放長按識別二維碼功能。

項目總結(jié)、重點

貓眼電影是根據(jù)‘貓眼電影app’開發(fā)的練習項目，使用自己后臺搭建的模擬數(shù)據(jù)接口。實現(xiàn)了與‘貓眼電影小程序’80%的功能與界面。

• 根據(jù)小程序框架，合理的使用框架能力，并在需要的時擴展。例如：根據(jù)swiper組件擴展為scrolltapnav。
• 熟悉官方weUI，設(shè)計指南（視覺規(guī)范，流程規(guī)范，清晰明確規(guī)范）開發(fā)，以免遭到微信的上線拒絕，同時兼顧項目功能界面。
• 項目中本該從后臺實時通信影院，影視數(shù)據(jù)，由于使用接受后臺虛擬數(shù)據(jù)，在APP端采用頁面間通信機制，引入enent.js發(fā)布監(jiān)聽事件數(shù)據(jù)，沒有使用框架的storage和globaldata,降低耦合度，便于以后的擴展。
• 框架不采用dom、bom，沒有window、document對象，與vue.js很像，單向數(shù)據(jù)綁定，但又不同?？偨Y(jié)：頁面的渲染變動，只能{{}}、styleclass、wx:if、hidden。
• app onlanch()...與page onload()...在app、page的生命周期函數(shù)中，考慮項目需求，異步回調(diào)、合理使用生命周期函數(shù)和加標志位能解決這一難點。
• 小程序規(guī)定頁面路徑最深只能到 5 層。引入go2Page.js管理頁面跳轉(zhuǎn)，根據(jù)需求，合理使用路由得到解決。
• 小程序包最大1M,模塊化、模板、引用、外聯(lián)樣式，@import、 require、template將公用的部分抽離，能有效解決，也能方便后期擴展維護。
• request 的最大并發(fā)數(shù)是5 ，需要時可以管理。
• 會話管理 可以用騰訊云的wafer-client-sdk。