本章就來重學(xué)一下在寫一個(gè)小程序的時(shí)候撮奏，應(yīng)該如何來寫吧惜论，盡量一步到位屏歹，避免在以后的編程途中看著自己寫的代碼越開越覺得像??
文件類型
首先先介紹一下小程序的文件類型（介紹原生）
一共有4種文件類型： wxml篓跛、 wxss畸陡、js鸣哀、json
WXML：是微信自己基于XML語法開發(fā)的架忌，只能使用微信提供的標(biāo)簽，沒有提供的HTML標(biāo)簽是不能使用的诺舔。
WXSS：具有CSS的大部分特性，但是有一些不支持备畦，暫時(shí)不知道哪些不支持低飒。
JS：對(duì)于JS這塊由于它的執(zhí)行環(huán)境不同（是在微信自己的環(huán)境中執(zhí)行），所以有些原生API是不支持的懂盐，需要微信的jsBridge提供一些幫助褥赊。
JSON：其實(shí)是頁面的配置文件，可以自定義標(biāo)題莉恼，背景色等等
優(yōu)勢(shì)/劣勢(shì)
優(yōu)勢(shì)：
- 用戶體驗(yàn)好
- 速度快
- 開發(fā)成本低
- 無需下載
- 發(fā)布時(shí)審查流程嚴(yán)格
劣勢(shì)：
- 文件大小有限制
- 層級(jí)不能過度深入
- 組建樣式單一
- 不能分享到朋友圈
- 不能自己開發(fā)后臺(tái)管理功能
和H5的區(qū)別
- 開發(fā)成本不同（不用考慮瀏覽器兼容性）
- 系統(tǒng)權(quán)限無縫銜接
- 運(yùn)行流程不同
- 運(yùn)行環(huán)境：
- IOS（WKWebView）
- 安卓（舊版X5）-Chrome57
- 安卓（新版X8）--Chrome67
- 開發(fā)工具(NW.js) --Chrome60
技巧
- 小程序異步請(qǐng)求
答：在請(qǐng)求回調(diào)里調(diào)用函數(shù) - 和Vue this.data的區(qū)別
答：this.setData才會(huì)即時(shí)渲染拌喉，vue的this.data就可以即時(shí)渲染 - wxss和css區(qū)別
答：圖片只能引入外鏈地址，沒有body標(biāo)簽俐银，樣式可以import導(dǎo)入尿背。 - webview怎么跳回小程序：
wx.miniProgram.navigateTo({
url: 'xxxx'
})
- 小程序和用戶的唯一性
答：union_id - 下拉刷新怎么做：
答：onPullDownRefresh方法 - webview注意事項(xiàng)
- 需要添加業(yè)務(wù)域名，
- h5頁面跳轉(zhuǎn)小程序的版本是1.3.1以上
- 微信分享只可以是小程序的主名稱捶惜，自定義分享內(nèi)容要小程序1.7.1以上版本
- h5的支付不能是公眾號(hào)appid必須是小程序appid田藐，用戶的openid必須是用戶和小程序的
- 小程序和后臺(tái)接口
答：數(shù)據(jù)大小有限制，不能直接渲染html文本內(nèi)容吱七，可以借助插件實(shí)現(xiàn)汽久，最好通過后臺(tái)把標(biāo)簽都換成view，加快速度踊餐。
總結(jié)
目前記錄的就是這么多景醇，后續(xù)如果有更新還會(huì)繼續(xù)添加。有任何問題評(píng)論即可吝岭，歡迎指出錯(cuò)誤三痰。
