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

2018-03-14 14:16:52 csdn　點(diǎn)擊量：評論 (0)

微信小程序是由微信團(tuán)隊(duì)開發(fā)的搭建在微信平臺的一種應(yīng)用其原理就是app不放在本地，放在微信平臺上他可以隨掃隨用，不用取消微信小程序不僅

微信小程序是由微信團(tuán)隊(duì)開發(fā)的搭建在微信平臺的一種應(yīng)用

其原理就是app不放在本地，放在微信平臺上

他可以隨掃隨用，不用取消

微信小程序不僅僅是一個(gè)‘小程序’，他完全可以構(gòu)建成一個(gè)完整的項(xiàng)目（原本是想起名應(yīng)用號，后來ios不同意，改名小程序）。

更早的應(yīng)用：輕應(yīng)用（百度）、流應(yīng)用（dcloud）

沒有成功的原因：1、網(wǎng)速的原因 2、html5的性能

小程序火的原因：1、網(wǎng)速快了 2、微信自定義了自己的文件格式，引入了類似于react或者react-native的理念，使用wxml和wxss來替代傳統(tǒng)的html和css

微信小程序有自己的市場，它和傳統(tǒng)的原生app和混合式app沖突不是很大，他適合低頻的項(xiàng)目

微信小程序的架構(gòu)體系

微信小程序項(xiàng)目必須包含兩個(gè)文件app.js app.json

app.js 主要是小程序的實(shí)例化，你可以把它看成一個(gè)公共的js

app.json 主要是用來設(shè)置路徑以及配置導(dǎo)航欄的樣式

微信小程序中自定義了兩種格式代替html和css:wxml、wxss

wxml weixin marked language

wxcss wexin style sheet

來解決html性能的問題

類似頁面中的js都包含page（）方法，用來實(shí)例對象

兩種機(jī)制：

小程序中引入同名機(jī)制，一個(gè)頁面下的文件只要同名，就自動關(guān)聯(lián)

先私有后共有的機(jī)制優(yōu)先匹配當(dāng)前頁面下的文件，若不存在，在匹配公共下的文件

基礎(chǔ)標(biāo)簽

view：視圖標(biāo)簽，相當(dāng)于一個(gè)視圖標(biāo)簽，相當(dāng)于一個(gè)div標(biāo)簽

text：文本標(biāo)簽，準(zhǔn)備用來輸入文本內(nèi)容的

icon：圖標(biāo)標(biāo)簽（type | size | color）

導(dǎo)航標(biāo)簽：navigator (url | options | redirect)

nagative默認(rèn)有一個(gè)url屬性類似a標(biāo)簽中的href 若要傳參可以使用onload中options的參數(shù)接收

小程序中事件綁定：1.bind 1.catch（前者允許事件冒泡，后者不允許時(shí)間冒泡）

touchstart touchcancel touchend tap longtap

數(shù)據(jù)綁定：

基礎(chǔ)類型的數(shù)據(jù)綁定:<text>{{info}}</text>

屬性組合數(shù)據(jù)綁定<text id="item-{{id}}">信息<text/>

布爾類型的數(shù)據(jù)綁定：<checkbox vaue="value" checked="{{true}}"></checkbox>

三元類型表達(dá)式數(shù)據(jù)綁定：<text {{flag?true:false}}></text>

數(shù)據(jù)類型的數(shù)據(jù)綁定：<text>{{num1+num2}}={{num1+num2}}</text>

字符串?dāng)?shù)據(jù)綁定：<text>{{“abc”+name}</text>

路徑的綁定計(jì)算：<text>{obj.abs}+{{Path[0]}}</text>

wx:for遍歷：在微信小程序中提供了類似于指令的方式來代替?zhèn)鹘y(tǒng)的循環(huán)遍歷，wx:for 提供了兩個(gè)自帶參數(shù)

wx:if：在微信中使用vx：if來替代js中的條件語句else、elseif

模板：微信小程序中也有類似于vue模板的標(biāo)簽template生成獨(dú)立的作用域 （name,is ,data）

引用：include import

import 往往和模板配合使用 ，有一個(gè)data的屬性，傳遞參數(shù) @import

include 一般移入公共文件

小程序中底層mina框架來實(shí)現(xiàn)的

小程序的生命周期函數(shù)：

onload(opions)：加載時(shí)候觸發(fā)

onReady：渲染完畢觸發(fā)

onShow：頁面顯示時(shí)候觸發(fā)

onHide：頁面隱藏式后觸發(fā)

onUnload：頁面卸載時(shí)候觸發(fā)

onPullDownRefresh：頁面下來時(shí)候觸發(fā)

onReachBottom：用戶上拉時(shí)候觸發(fā)

onShareAppMessge：點(diǎn)擊右上角分享時(shí)候觸發(fā)(往往return{title | 分享的標(biāo)題，desc:分享的描述})

微信小程序的模塊化

推薦使用模塊化開發(fā)和其他模塊化基本一致 export exports

微信小程序的路由：navigateTo/navitateBack 去和返回

微信小程序api：

大體分為兩種：方法功能類 以及 硬件調(diào)用類

凡是在微信當(dāng)中調(diào)用api都是wx開頭

http請求 wx.request默認(rèn)是https協(xié)議

調(diào)用手機(jī)照相功能(chooseImage)、錄音(startRecord)

wx當(dāng)中的儲存機(jī)制wx.setStorage()/wx.setStorageSync(KEY,DATA)

swiper： swiper-item

iscroll/scrolly:方向 會使swiper沒有回彈

audio

微信插件：

wxchart：只需要引入js import

weui簡介

weui小程序是專門為小程序提供的一套u(yù)i組件

使用方式引入weui.wxss 移入到app.css

微信二次開發(fā)

云服務(wù)：阿里云、七牛、新浪云

微信二次開發(fā)：以微信平臺為入口的webapp我們稱它為微信二次開發(fā)，也可以說公眾號開發(fā)

jssdk：是由微信團(tuán)隊(duì)開發(fā)的工具類，和h5+很相似，他們都是進(jìn)行硬件調(diào)用的

其原理：將html5語言轉(zhuǎn)化為原生的語言，然后實(shí)現(xiàn)html5和原生語言的對換

jssdk使用必需服務(wù)器（處于安全的角度）

微信jssdk使用前需要進(jìn)行驗(yàn)證

wx.config() wx.reader()

wx.config() 驗(yàn)證方法

appId：公眾號

timetamp：時(shí)間戳

nonceStr：自己定義的一個(gè)規(guī)范字符串

signature：簽名

jsApiList：用于添加jsapi列表

debug：設(shè)為true給你一個(gè)提示，告訴你驗(yàn)證成功還是失敗

驗(yàn)證需要四步：

1、利用appID和app密鑰來生成一個(gè)access_token （7200秒時(shí)效）

2、利用access_token來獲取一個(gè)jsapiTicket臨時(shí)票據(jù)，生成一個(gè)時(shí)間戳

3、利用時(shí)間戳nonceStr jsapi_ticket最終給我生成一個(gè)簽名

cookie

存儲用戶首選項(xiàng)

wx.ready()：驗(yàn)證成功回調(diào)函數(shù)

wx.error()：驗(yàn)證失敗回調(diào)函數(shù)

責(zé)任編輯：售電衡衡

免責(zé)聲明：本文僅代表作者個(gè)人觀點(diǎn)，與本站無關(guān)。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實(shí)，對本文以及其中全部或者部分內(nèi)容、文字的真實(shí)性、完整性、及時(shí)性本站不作任何保證或承諾，請讀者僅作參考，并請自行核實(shí)相關(guān)內(nèi)容。

我要收藏

個(gè)贊

微信小程序