關(guān)于微信小程序
微信小程序是由微信團隊開發(fā)的搭建在微信平臺的一種應用其原理就是app不放在本地,放在微信平臺上他可以隨掃隨用,不用取消微信小程序不僅
微信小程序是由微信團隊開發(fā)的搭建在微信平臺的一種應用
其原理就是app不放在本地,放在微信平臺上
他可以隨掃隨用,不用取消
微信小程序不僅僅是一個‘小程序’,他完全可以構(gòu)建成一個完整的項目(原本是想起名應用號,后來ios不同意,改名小程序)。
更早的應用:輕應用(百度)、流應用(dcloud)
沒有成功的原因:1、網(wǎng)速的原因 2、html5的性能
小程序火的原因:1、網(wǎng)速快了 2、微信自定義了自己的文件格式,引入了類似于react或者react-native的理念,使用wxml和wxss來替代傳統(tǒng)的html和css
微信小程序有自己的市場,它和傳統(tǒng)的原生app和混合式app沖突不是很大,他適合低頻的項目
微信小程序的架構(gòu)體系
微信小程序項目必須包含兩個文件app.js app.json
app.js 主要是小程序的實例化,你可以把它看成一個公共的js
app.json 主要是用來設(shè)置路徑以及配置導航欄的樣式
微信小程序中自定義了兩種格式代替html和css:wxml、wxss
wxml weixin marked language
wxcss wexin style sheet
來解決html性能的問題
類似頁面中的js都包含page()方法,用來實例對象
兩種機制:
小程序中引入同名機制,一個頁面下的文件只要同名,就自動關(guān)聯(lián)
先私有后共有的機制優(yōu)先匹配當前頁面下的文件,若不存在,在匹配公共下的文件
基礎(chǔ)標簽
view:視圖標簽,相當于一個視圖標簽,相當于一個div標簽
text:文本標簽,準備用來輸入文本內(nèi)容的
icon:圖標標簽(type | size | color)
導航標簽:navigator (url | options | redirect)
nagative默認有一個url屬性類似a標簽中的href 若要傳參可以使用onload中options的參數(shù)接收
小程序中事件綁定:1.bind 1.catch(前者允許事件冒泡,后者不允許時間冒泡)
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>
三元類型表達式數(shù)據(jù)綁定:<text {{flag?true:false}}></text>
數(shù)據(jù)類型的數(shù)據(jù)綁定:<text>{{num1+num2}}={{num1+num2}}</text>
字符串數(shù)據(jù)綁定:<text>{{“abc”+name}</text>
路徑的綁定計算:<text>{obj.abs}+{{Path[0]}}</text>
wx:for遍歷:在微信小程序中提供了類似于指令的方式來代替?zhèn)鹘y(tǒng)的循環(huán)遍歷,wx:for 提供了兩個自帶參數(shù)
wx:if:在微信中使用vx:if來替代js中的條件語句else、elseif
模板:微信小程序中也有類似于vue模板的標簽template生成獨立的作用域 (name,is ,data)
引用:include import
import 往往和模板配合使用 ,有一個data的屬性,傳遞參數(shù) @import
include 一般移入公共文件
小程序中底層mina框架來實現(xiàn)的
小程序的生命周期函數(shù):
onload(opions):加載時候觸發(fā)
onReady:渲染完畢觸發(fā)
onShow:頁面顯示時候觸發(fā)
onHide:頁面隱藏式后觸發(fā)
onUnload:頁面卸載時候觸發(fā)
onPullDownRefresh:頁面下來時候觸發(fā)
onReachBottom:用戶上拉時候觸發(fā)
onShareAppMessge:點擊右上角分享時候觸發(fā)(往往return{title | 分享的標題,desc:分享的描述})
微信小程序的模塊化
推薦使用模塊化開發(fā)和其他模塊化基本一致 export exports
微信小程序的路由:navigateTo/navitateBack 去和返回
微信小程序api:
大體分為兩種:方法功能類 以及 硬件調(diào)用類
凡是在微信當中調(diào)用api都是wx開頭
http請求 wx.request默認是https協(xié)議
調(diào)用手機照相功能(chooseImage)、錄音(startRecord)
wx當中的儲存機制wx.setStorage()/wx.setStorageSync(KEY,DATA)
swiper: swiper-item
iscroll/scrolly:方向 會使swiper沒有回彈
audio
微信插件:
wxchart:只需要引入js import
weui簡介
weui小程序是專門為小程序提供的一套ui組件
使用方式引入weui.wxss 移入到app.css
微信二次開發(fā)
云服務(wù):阿里云、七牛、新浪云
微信二次開發(fā):以微信平臺為入口的webapp我們稱它為微信二次開發(fā),也可以說公眾號開發(fā)
jssdk:是由微信團隊開發(fā)的工具類,和h5+很相似,他們都是進行硬件調(diào)用的
其原理:將html5語言轉(zhuǎn)化為原生的語言,然后實現(xiàn)html5和原生語言的對換
jssdk使用必需服務(wù)器(處于安全的角度)
微信jssdk使用前需要進行驗證
wx.config() wx.reader()
wx.config() 驗證方法
appId:公眾號
timetamp:時間戳
nonceStr:自己定義的一個規(guī)范字符串
signature:簽名
jsApiList:用于添加jsapi列表
debug:設(shè)為true給你一個提示,告訴你驗證成功還是失敗
驗證需要四步:
1、利用appID和app密鑰來生成一個access_token (7200秒時效)
2、利用access_token來獲取一個jsapiTicket臨時票據(jù),生成一個時間戳
3、利用時間戳nonceStr jsapi_ticket最終給我生成一個簽名
cookie
存儲用戶首選項
wx.ready():驗證成功回調(diào)函數(shù)
wx.error():驗證失敗回調(diào)函數(shù)

責任編輯:售電衡衡
免責聲明:本文僅代表作者個人觀點,與本站無關(guān)。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實,對本文以及其中全部或者部分內(nèi)容、文字的真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,并請自行核實相關(guān)內(nèi)容。
我要收藏
個贊
- 相關(guān)閱讀
- 泛在電力物聯(lián)網(wǎng)
- 電動汽車
- 儲能技術(shù)
- 智能電網(wǎng)
- 電力通信
- 電力軟件
- 高壓技術(shù)
-
權(quán)威發(fā)布 | 新能源汽車產(chǎn)業(yè)頂層設(shè)計落地:鼓勵“光儲充放”,有序推進氫燃料供給體系建設(shè)
2020-11-03新能源,汽車,產(chǎn)業(yè),設(shè)計 -
中國自主研制的“人造太陽”重力支撐設(shè)備正式啟運
2020-09-14核聚變,ITER,核電 -
探索 | 既耗能又可供能的數(shù)據(jù)中心 打造融合型綜合能源系統(tǒng)
2020-06-16綜合能源服務(wù),新能源消納,能源互聯(lián)網(wǎng)
-
新基建助推 數(shù)據(jù)中心建設(shè)將迎爆發(fā)期
2020-06-16數(shù)據(jù)中心,能源互聯(lián)網(wǎng),電力新基建 -
泛在電力物聯(lián)網(wǎng)建設(shè)下看電網(wǎng)企業(yè)數(shù)據(jù)變現(xiàn)之路
2019-11-12泛在電力物聯(lián)網(wǎng) -
泛在電力物聯(lián)網(wǎng)建設(shè)典型實踐案例
2019-10-15泛在電力物聯(lián)網(wǎng)案例
-
新基建之充電樁“火”了 想進這個行業(yè)要“心里有底”
2020-06-16充電樁,充電基礎(chǔ)設(shè)施,電力新基建 -
燃料電池汽車駛?cè)雽こ0傩占疫€要多久?
-
備戰(zhàn)全面電動化 多部委及央企“定調(diào)”充電樁配套節(jié)奏
-
權(quán)威發(fā)布 | 新能源汽車產(chǎn)業(yè)頂層設(shè)計落地:鼓勵“光儲充放”,有序推進氫燃料供給體系建設(shè)
2020-11-03新能源,汽車,產(chǎn)業(yè),設(shè)計 -
中國自主研制的“人造太陽”重力支撐設(shè)備正式啟運
2020-09-14核聚變,ITER,核電 -
能源革命和電改政策紅利將長期助力儲能行業(yè)發(fā)展
-
探索 | 既耗能又可供能的數(shù)據(jù)中心 打造融合型綜合能源系統(tǒng)
2020-06-16綜合能源服務(wù),新能源消納,能源互聯(lián)網(wǎng) -
5G新基建助力智能電網(wǎng)發(fā)展
2020-06-125G,智能電網(wǎng),配電網(wǎng) -
從智能電網(wǎng)到智能城市