1.html,css尖坤,js基礎(chǔ)知識(shí)
在微信小程序里主要文件有四種:
01.json:用來(lái)做配置
02.js:用來(lái)寫(xiě)頁(yè)面的邏輯
03.wxml:用來(lái)寫(xiě)頁(yè)面的view
04.wxss:用來(lái)寫(xiě)樣式。
下面我們簡(jiǎn)單的分析和對(duì)比下這幾種類型的文件:
1.json文件:
在編程中管用json來(lái)作配置項(xiàng),在這里也是如此谒兄。在微信小程序力也是,比如app.json來(lái)進(jìn)行全局的配置玖姑,比如窗口樣式赶促,
導(dǎo)航條樣式液肌,切換按鈕功能和樣式,超時(shí)控制鸥滨,以及調(diào)試模式等嗦哆。
2.js文件:
這類文件對(duì)大家來(lái)說(shuō)并不陌生,該文件主要負(fù)責(zé)應(yīng)用和頁(yè)面爵赵,或者組件的邏輯處理吝秕,比如組件的生命周期,委托事件空幻,服務(wù)器交互等。
3.wxml文件:
該文件類似于html文件容客。學(xué)過(guò)ionic或者react的小伙伴可能對(duì)這種功能組件標(biāo)簽并不陌生秕铛。
4.wxss文件:
該文件與我們使用的css文件一樣。語(yǔ)法百分之九十九的一樣缩挑,只有一些細(xì)節(jié)需要注意:比如rem的用法但两,新增的rpx,以及*的不支持供置。
2.下載安裝開(kāi)發(fā)軟件
小程序開(kāi)發(fā)工具下載地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html?t=2017112
下載安裝該開(kāi)發(fā)工具后谨湘,選擇使用無(wú)appID模式新建項(xiàng)目,初始化之后就進(jìn)入了項(xiàng)目開(kāi)發(fā)界面芥丧。里面有生成的初始化代碼
3.基本概念
1.這里的根目錄指向的為微信的服務(wù)器:比如:http://672512092.appservice.open.weixin.qq.com/
2.請(qǐng)求外部接口時(shí)紧阔,如果處于開(kāi)發(fā)階段可以使用http方式,但是應(yīng)用appID并發(fā)布后续担,http方式就不被支持擅耽,所以接口要盡量選用https
3.選擇編譯的時(shí)候路徑頁(yè)面的配置 不可以./ 或者 /開(kāi)頭,直接以pages開(kāi)頭就可以
4.注意rem和rpx物遇,之后會(huì)進(jìn)行詳細(xì)解讀乖仇。
5.引用外部組件和第三方樣式庫(kù)時(shí)注意資源路徑的配置