小程序
無(wú)疑考榨,小程序在2017年1月9日正式發(fā)布瓤帚,成為了火熱的移動(dòng)技術(shù)之一垛耳。
小程序是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想啸箫,用戶(hù)掃一掃或者搜一下即可打開(kāi)應(yīng)用耸彪。也體現(xiàn)了“用完即走”的理念,用戶(hù)不用關(guān)心是否安裝太多應(yīng)用的問(wèn)題筐高。應(yīng)用將無(wú)處不在搜囱,隨時(shí)可用,但又無(wú)需安裝卸載柑土。
那么我們?cè)陂_(kāi)發(fā)小程序的時(shí)候蜀肘,必走的幾個(gè)流程就是:
1 在微信公眾平臺(tái)注冊(cè)小程序【ps:這一步由產(chǎn)品來(lái)進(jìn)行,我們需要拿到appid就行稽屏“绯瑁】
2 完善小程序的信息。【ps:產(chǎn)品完成】
3 開(kāi)發(fā)小程序坛增』竦瘢【ps:前端和后端】
4 提交審核和發(fā)布∈盏罚【px:提交是由管理員才有權(quán)限届案。】
小程序開(kāi)發(fā)之路
小程序快速入門(mén)
目錄結(jié)構(gòu)解析
├───app.js // 是小程序的腳本代碼罢艾。
├───app.json // 是對(duì)整個(gè)小程序的全局配置
├───app.wxss // 是整個(gè)小程序的公共樣式表
├───utils // 用來(lái)放置工具類(lèi)js文件
│ └───utils.js // 工具類(lèi)js
└───pages // 項(xiàng)目頁(yè)面開(kāi)發(fā)目錄
├───index // index 頁(yè)面目錄
├───index.js // index 頁(yè)面邏輯
├───index.wxml // index 頁(yè)面結(jié)構(gòu)
└───index.wxss // index 頁(yè)面樣式表
└───index.json // index 頁(yè)面的設(shè)置楣颠。
小程序撥打電話(huà)
let mobile=['1232232333','2323434']
wx.showActionSheet({
itemList: mobile,
success: function (res) {
wx.makePhoneCall({
phoneNumber: mobile[res.tapIndex]
})
},
fail: function (res) {
console.log(res.errMsg)
}
})
小程序遇到的問(wèn)題
1 背景圖片不能在手機(jī)上進(jìn)行預(yù)覽【可以上傳到八戒云上解決這個(gè)問(wèn)題】
2 在開(kāi)發(fā)階段需要在項(xiàng)目里面設(shè)置在開(kāi)發(fā)環(huán)境不校驗(yàn)請(qǐng)求域名。
3 rpx問(wèn)題咐蚯,小程序是以1px=2rpx為參照【設(shè)計(jì)稿按照iPhone6】童漩,但是建議用px,如果字體什么是自適應(yīng)春锋,產(chǎn)品會(huì)認(rèn)為在iphone4里面字體太小了矫膨。
4 zepto/jquery 會(huì)使用到window對(duì)象和document對(duì)象,所以無(wú)法使用期奔。
5 一個(gè)應(yīng)用同時(shí)只能打開(kāi)5個(gè)頁(yè)面侧馅,當(dāng)已經(jīng)打開(kāi)了5個(gè)頁(yè)面之后,wx.navigateTo不能正常打開(kāi)新頁(yè)面能庆。請(qǐng)避免多層級(jí)的交互方式施禾,或者使用wx.redirectTo。
6 樣式表不支持級(jí)聯(lián)選擇器:* WXSS支持以.開(kāi)始的類(lèi)選擇器搁胆;可以使用標(biāo)簽選擇器弥搞,控制同一類(lèi)組件的樣式。
7 本地資源無(wú)法通過(guò) css 獲惹浴:background-image:可以使用網(wǎng)絡(luò)圖片攀例,或者 base64,或者使用標(biāo)簽顾腊。
8 當(dāng)用戶(hù)點(diǎn)擊左上角關(guān)閉粤铭,或者按了設(shè)備Home 鍵離開(kāi)微信,小程序并沒(méi)有直接銷(xiāo)毀杂靶,而是進(jìn)入了后臺(tái)梆惯;當(dāng)再次進(jìn)入微信或再次打開(kāi)小程序,又會(huì)從后臺(tái)進(jìn)入前臺(tái)吗垮,只有當(dāng)小程序進(jìn)入后臺(tái)一定時(shí)間垛吗,或者系統(tǒng)資源占用過(guò)高,才會(huì)被真正的銷(xiāo)毀烁登。
9 tabBar 是一個(gè)數(shù)組怯屉,只能配置最少2個(gè)、最多5個(gè)tab,tab 按數(shù)組的順序排序锨络。(底部導(dǎo)航欄)**