小程序模板網(wǎng)

騰訊Bugly干貨:微信小程序“信用卡還款”項(xiàng)目實(shí)踐

發(fā)布時(shí)間:2018-03-29 18:30 所屬欄目:小程序開發(fā)教程
本文評(píng)論:
請(qǐng)注意:modal被取消了,文中有一些相關(guān)描述,已經(jīng)不適用了;

小程序概述

11月3日晚,微信團(tuán)隊(duì)對(duì)外宣布,微信小程序開放公測(cè)。開發(fā)者可登陸微信公眾平臺(tái)申請(qǐng),開發(fā)完成后可以提交審核,公測(cè)期間暫不能發(fā)布。

我們前一段時(shí)間也進(jìn)行了小程序開發(fā),現(xiàn)在來(lái)對(duì)之前的開發(fā)體驗(yàn)做一個(gè)總結(jié)。

1. 小程序是什么?

微信小程序是一種介于原生app、和web app的hybrid。通過(guò)微信進(jìn)行加載,實(shí)現(xiàn)類似原生app的流暢。相對(duì)原生app來(lái)說(shuō),小程序更加輕量、更新實(shí)時(shí)、跨平臺(tái);相對(duì)web app來(lái)說(shuō),小程序資源離線,體驗(yàn)更流暢。

微信小程序的設(shè)計(jì)目標(biāo)是通過(guò)盡可能簡(jiǎn)單、高效的方式讓開發(fā)者可以在微信中開發(fā)具有原生APP體驗(yàn)的服務(wù)。

不說(shuō)那么多了, 先來(lái)看看小程序的效果:

看完效果,是不是對(duì)開發(fā)充滿好奇~

2. 小程序的實(shí)現(xiàn)機(jī)制

小程序的開發(fā)是基于微信提供的一套應(yīng)用框架進(jìn)行開發(fā)的。微信通過(guò)封裝微信客戶端提供的文件系統(tǒng)、網(wǎng)絡(luò)通信、任務(wù)管理、數(shù)據(jù)安全等基礎(chǔ)功能,對(duì)上層提供了一套完整的Javascript Api,使得開發(fā)者能夠非常方便的使用到微信客戶端提供的各種基礎(chǔ)功能,快速構(gòu)建一個(gè)應(yīng)用??蚣茉O(shè)計(jì)如下:

框架提供了自己的視圖層描述語(yǔ)言 WXML 和 WXSS,以及基于 JavaScript 的邏輯層框架,并在視圖層與邏輯層之間通過(guò)單向數(shù)據(jù)綁定進(jìn)行數(shù)據(jù)傳輸,使開發(fā)者更加聚焦于數(shù)據(jù)與邏輯上。

3. 支持的特性

接下來(lái)我們來(lái)看一下,微信框架具體提供的特性:

wxml:一切皆組件(視圖組件)

  • view組件(類似 H5中的div)
  • input組件(type = digit,有帶小數(shù)點(diǎn)的9宮格鍵盤)
  • modal彈窗組件 (對(duì)應(yīng)的wxml、效果如下)(該組件已換js 實(shí)現(xiàn)wx.showModal())

更多wxml組件,請(qǐng)查看微信公眾平臺(tái)小程序文檔

4. 功能API:

  • 支付
  • 微信信息的獲取
  • 網(wǎng)絡(luò)請(qǐng)求
  • 錄音
  • 上傳/下載文件
  • webSocket
  • 訪問(wèn)相冊(cè)

更多詳細(xì)的API,請(qǐng)查看微信公眾平臺(tái)小程序文檔

5. 其他:



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉(cāng)庫(kù):starfork
本文地址:http://22321a.com/wxmini/doc/course/22963.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢