生活社區(qū)團(tuán)購平臺小程序-社區(qū)團(tuán)購小程序

微信小程序有這么幾個特征：

1）小程序是一種無需安裝，即可使用的手機(jī)「應(yīng)用」。只需要掃描二維碼，或是搜一搜，就能立即使用。

2）小程序的二維碼跟微信公眾號的二維碼是不一樣的。目前，小程序的二維碼不支持在微信中長按識別，只能通過微信掃一掃，才能開啟小程序。

3）可以被分享，直接打開小程序后即可分享給你的好友或者微信群。但是注意了，不能分享到朋友圈。

4）可以被搜索，但是只能微信內(nèi)部搜索，且只能精準(zhǔn)搜索，不能關(guān)聯(lián)搜索。比如名叫“小程序示例”的小程序，你搜索“小程序”也搜不出來。

5）可以綁定同一公司名下的公眾號。但一個小程序只能綁定一個公眾號，一個公眾號可以綁定五個小程序。

6）可以二維碼掃碼，不可以手機(jī)微信二維碼直接識別，即了一切線上引流渠道。

7）可以發(fā)現(xiàn)附近小程序，即這是一個基于位置的線下服務(wù)需求。

8）可以發(fā)布客服通知。但沒有粉絲沒有訂閱也沒有關(guān)注，意味著消息只能發(fā)給你的“客戶”。

微信小程序帶來的幾點(diǎn)思考：

1）微信小程序與 H5 應(yīng)用，原生應(yīng)用的區(qū)別。側(cè)面會給中小企業(yè)的IOS開發(fā)人員帶來巨大壓力，一部分能力較差的開發(fā)人員將會面臨失業(yè)。

2）不要指望流量紅利，相反，微信想要通過二維碼連接起線下的流量，打通線下消費(fèi)場景，真正實(shí)現(xiàn)了消費(fèi)只差一個掃碼的距離。

3）會帶來一波小程序培訓(xùn)熱，很多創(chuàng)業(yè)公司、中小企業(yè)不會再考慮開發(fā)APP，基于微信小程序及公眾號進(jìn)行開發(fā)，會出現(xiàn)一個新的開發(fā)崗位。

4）微信小程序外包開發(fā)及服務(wù)，生活社區(qū)團(tuán)購平臺小程序，最近半年會比較流行，線下的傳統(tǒng)產(chǎn)業(yè)，如：快銷、餐飲等都需要。

哪些企業(yè)或者行業(yè)適合定制小程序？

今天小編就為大家簡單羅列幾個大類供各位老板參考。（文末有驚喜哦）

電商買賣適用于各行各業(yè)，例如：服裝、電器、家居等衣食住行

預(yù)約服務(wù)適用于酒店預(yù)訂、家政服務(wù)、場地預(yù)訂等提前預(yù)約的服務(wù)

新聞資訊適用于各個行業(yè)的資訊內(nèi)容展示、企業(yè)介紹，可評論互動

社區(qū)討論適用于各個行業(yè)用戶群體交流，興趣或討論組等服務(wù)

商家聯(lián)盟適用于本地資源整合，打造自己的商圈聯(lián)盟

到店系統(tǒng)餐飲行業(yè)提前約，免排隊(duì)，提高執(zhí)行效率

知道程序點(diǎn)擊卡片，立即定制小程序

科技創(chuàng)意

前面我們研究了下微信小程序的執(zhí)行流程，因?yàn)槟貌坏皆创a，只能算我們的猜想，我們需要更加了解小程序還需要做具體的項(xiàng)目，于是我們將原來那套還算復(fù)雜的業(yè)務(wù)拿出來：

前言

前面我們研究了下微信小程序的執(zhí)行流程，因?yàn)槟貌坏皆创a，只能算我們的猜想，我們需要更加了解小程序還需要做具體的項(xiàng)目，于是我們將原來那套還算復(fù)雜的業(yè)務(wù)拿出來：

【組件化開發(fā)】前端進(jìn)階篇之如何編寫可維護(hù)可升級的代（有些晦澀有些亂，但是對于整體了解小程序結(jié)構(gòu)有幫助）

我們用小程序?qū)崿F(xiàn)這里的代碼，看看是個什么樣的體驗(yàn)，另外我這里想保證代碼程度重用，為后續(xù)一端代碼四端運(yùn)行做前驅(qū)探索。

頁面復(fù)雜度還是比較高的，包括了：

① 彈出層

② 頁面跳轉(zhuǎn)

③ 緩存

④ 數(shù)據(jù)請求

⑤ 列表頁、滾動分頁

⑥ ……

我相信完成了這個例子，我們對小程序業(yè)務(wù)代碼怎么寫會有比較好的了解，于是讓我們開始今天的代碼吧。

小程序的布局

為什么不使用HTML&CSS

微信小程序這種平臺型的超越Hybrid系統(tǒng)誕生還是有一些客觀條件的，其中一個就是移動端的應(yīng)用相對來說簡單的多，想想PC負(fù)責(zé)的布局，如果要使用小程序?qū)崿F(xiàn)，那么復(fù)雜度會提高很多。

小程序代碼編寫邏輯層依舊使用JS完成，但是結(jié)構(gòu)層以及樣式層推出了：

① WXML，Weixin Markup Language，是微信設(shè)計(jì)的一套標(biāo)簽語言，與HTML類似，拼團(tuán)社區(qū)團(tuán)購平臺小程序，做過React&Vue的同學(xué)會非常熟悉

② WXSS，WeiXin Style Sheets，是一套樣式語言，用于定義樣式，與CSS類似，一般認(rèn)為是CSS的子集

因?yàn)樾〕绦蛑蠻I組件都是Native實(shí)現(xiàn)，所以小程序直接手起刀落壓根放棄讓我們使用HTML容器，這樣做我覺得有個好處是：

為了更好的限制，我之前也在做Hybrid乃至前端框架，瓜果蔬菜社區(qū)團(tuán)購平臺小程序，一般來說我會限制到View級別的實(shí)習(xí)，要求必須按照我的規(guī)則做，但是因?yàn)槿肟跒閕ndex.html文件，我甚至將全局控制器App的實(shí)例化放到了main.js里面，只提供了建議的做法，事實(shí)上HTML還是太過靈活，有些同事逐漸根本不按照我們的規(guī)則玩，沂水社區(qū)團(tuán)購平臺小程序，他覺得他的做法更好，但是這樣一來便會了項(xiàng)目的總體性，后續(xù)的工程性的優(yōu)化或者監(jiān)控可能就不能幫助他了，從某個角度來說，我是認(rèn)可小程序的做法的。

我們之前在這里研究過自定義標(biāo)簽的做法：從DOM操作看Vue&React的前端組件化，順帶補(bǔ)齊React的demo

從這個文章以及小程序的實(shí)現(xiàn)可以看出基本的概念：

① 標(biāo)簽的出現(xiàn)根本不是做標(biāo)簽用，而是為了讓JS執(zhí)行相關(guān)邏輯，最后生成真正的標(biāo)簽

② 為了做更好的限制，小程序根本不提供入口index.html文件了，所以這里的標(biāo)簽是用作JS做模板解析后生成Native能識別的代碼，更具體點(diǎn)說是，Native實(shí)現(xiàn)了一個組件，組件有很多規(guī)則，可以使用JS去調(diào)用，正如我們這里的header組件調(diào)用邏輯（JS會設(shè)置Native的Header組件展示），這里如果不太清晰可以參考下這個文章：淺談Hybrid技術(shù)的設(shè)計(jì)與實(shí)現(xiàn)第二彈

當(dāng)然，小程序底層具體是不是這么做，我們不得而知，如果有小程序的同事，可以指導(dǎo)下：），至此，我覺得可以從技術(shù)層面說明為什么不直接使用HTML&CSS了：更好的業(yè)務(wù)限制 + 方便JS解析模板被Native執(zhí)行。

小程序組件

我們之前做Hybrid應(yīng)用的時候，事實(shí)上只提供了一個真正具有結(jié)構(gòu)的組件Header，其他log類的提示組件都比較簡單，而我們看看小程序提供了哪些組件呢：

容器類組件

有demo有代碼，還是比較清晰。