從0到1完成小程序開發(1)

一，小程序的基本狀況

小程序的特色：

1.速度快：無需下載和安裝，加載速度快於HTML5,微信登錄，隨時可用。

2.無需適配：一次開發，兼容IOS和安卓系統，免除了對各類手機機型的適配，提升了開發效率。

3.社交分享：能夠直接分享給微信好友和羣聊

4.出色體驗：可離線使用，達到幾乎原生app的操做體驗和流暢度。

5.即用即走，隨手可得：能夠經過多種方式快速獲取服務，無需安裝，用完即走。

二，小程序開發準備工做

從技術維度上來講，小程序的技術就是基於web的技術。

小程序技術模型：

 

 小程序的程序語言：

渲染層：WXML + WXSS(相似與HTML+CSS)

邏輯層：JavaScript

配置層：JSON

小程序的開發流程：

• 1申請微信開發者帳號
• 2完善信息
• 3提交代碼(在編寫完代碼提交以前可選擇版本爲體驗版本，添加體驗成員體驗完畢以後再提交審覈。)
• 4審覈發佈

微信小程序開發工具：

分爲：工具欄，模擬器，編輯器，調試器

 

 三，小程序的設計規範

要符合如下幾個原則：

1.友好禮貌原則。

要求:

重點突出：每一個頁面須要有突出的重點頁面內容

流程明確：每一個流程都要有明確的操做路徑

2.清晰明確原則。

要求:

導航明確：當用戶進入頁面須要告知用戶身在何處，又能夠往何處去。

減小等待：返回及時。當出現不可避免的加載的時候須要給用戶即時的反饋。使用簡潔加載樣式。

異常反饋：在出現異常狀態時，給予用戶必要的這狀態提示，並告訴用戶解決方案。

3.便捷原則。

要求:

減小輸入：利用現有接口或固件改善用戶輸入體驗。

避免誤操做：手指點擊精確度不高，須要考慮熱區面積，避免區域太小或密集形成誤操做。

操做流暢：用接口提高性能，微信提供了一套網頁標準控件和小程序接口，利用這些資源爲用戶創造更好的服務，同時對頁面性能的提升有着極大的做用。

4.統一原則。

視覺統一：統一的風格和頁面元素，幫助用戶得到更好的體驗。

WeUI:微信提供的一套UI。

四，小程序的運營規範

 

規則解讀：

• 帳號信息保證真實，不能使用模糊的語義。
• 服務類目關注用戶體驗。
• 功能不得提供爲微信相同或相似的功能（禁止微信競爭和流量分發功能）。
• 內容禁止誘導分享和廣告比例太高。
• 數據不得進行私下出售，轉交，交易，越權披露或泄露。