摘要:在我的強(qiáng)烈要求下產(chǎn)品終于決定開(kāi)發(fā)一款小程序了以下是一些開(kāi)發(fā)心得在正式進(jìn)入開(kāi)發(fā)前花了兩個(gè)多小時(shí)的時(shí)間閱讀了開(kāi)發(fā)文檔不得不說(shuō)在此大贊騰訊的開(kāi)發(fā)文檔簡(jiǎn)單明了拿到設(shè)計(jì)圖是一倍的設(shè)計(jì)圖和設(shè)計(jì)師溝通變成的二倍設(shè)計(jì)圖這樣在布局的時(shí)候設(shè)計(jì)圖上顯示多少可以直
在我的強(qiáng)烈要求下,產(chǎn)品終于決定開(kāi)發(fā)一款小程序了,以下是一些開(kāi)發(fā)心得
1.在正式進(jìn)入開(kāi)發(fā)前,花了兩個(gè)多小時(shí)的時(shí)間,閱讀了開(kāi)發(fā)文檔,不得不說(shuō),在此大贊騰訊的開(kāi)發(fā)文檔,簡(jiǎn)單明了
2.拿到設(shè)計(jì)圖,是一倍的設(shè)計(jì)圖,和設(shè)計(jì)師溝通,變成375*2的二倍設(shè)計(jì)圖,這樣在布局的時(shí)候,設(shè)計(jì)圖上顯示多少可以直接在css中寫(xiě)多少rpx了
3.由于小程序不支持less sass等css語(yǔ)法,但是在平時(shí)開(kāi)發(fā)中,已經(jīng)習(xí)慣用less語(yǔ)法來(lái)開(kāi)發(fā)了,所以嘗試解決寫(xiě)less轉(zhuǎn)css普通語(yǔ)法,一google原來(lái)有現(xiàn)成插件可以使用,由于我本人使用的是vscode編輯器,所以只需要安裝Easy WXLESS 插件 在需要less轉(zhuǎn)css的文件 簡(jiǎn)單的配置如下圖
一保存就把相應(yīng)的less轉(zhuǎn)化為css格式了
4.最近都是用的vue框架開(kāi)發(fā),取數(shù)據(jù)的時(shí)候直接this.就可以了,但是小程序取數(shù)據(jù)的時(shí)候需要this.data.還特別不習(xí)慣,特別容易忘,嚴(yán)重影響開(kāi)發(fā)效率
以下是一些開(kāi)發(fā)中遇到的坑
1.tabBar配置的list必須是2-5個(gè),并且pagePath必須已經(jīng)包含在pages中了,而且最重要的是,必須有一個(gè)是pages的第一個(gè)頁(yè)面路徑
2.tabBar中的iconPath,不能用icon格式圖片,找不到,應(yīng)該采用png
3.background-image圖片引用不能使用本地圖片,采用網(wǎng)絡(luò)路徑或者是base64格式
開(kāi)發(fā)還在進(jìn)行,我相信坑會(huì)越來(lái)越多,到時(shí)候再來(lái)補(bǔ)充
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/99243.html
摘要:為了方便大家了解并入門(mén)微信小程序,我將一些可能會(huì)需要的知識(shí),列在這里,讓大家方便的從零開(kāi)始學(xué)習(xí)一微信小程序的特點(diǎn)張小龍張小龍全面闡述小程序,推薦通讀此文小程序是一種不需要下載安裝即可使用的應(yīng)用,它出現(xiàn)了觸手可及的夢(mèng)想,用戶(hù)掃一掃或者搜一下即 為了方便大家了解并入門(mén)微信小程序,我將一些可能會(huì)需要的知識(shí),列在這里,讓大家方便的從零開(kāi)始學(xué)習(xí); 一:微信小程序的特點(diǎn) 張小龍:張小龍全面闡述小程...
摘要:為了方便大家了解并入門(mén)微信小程序,我將一些可能會(huì)需要的知識(shí),列在這里,讓大家方便的從零開(kāi)始學(xué)習(xí)一微信小程序的特點(diǎn)張小龍張小龍全面闡述小程序,推薦通讀此文小程序是一種不需要下載安裝即可使用的應(yīng)用,它出現(xiàn)了觸手可及的夢(mèng)想,用戶(hù)掃一掃或者搜一下即 為了方便大家了解并入門(mén)微信小程序,我將一些可能會(huì)需要的知識(shí),列在這里,讓大家方便的從零開(kāi)始學(xué)習(xí); 一:微信小程序的特點(diǎn) 張小龍:張小龍全面闡述小程...
摘要:為了方便大家了解并入門(mén)微信小程序,我將一些可能會(huì)需要的知識(shí),列在這里,讓大家方便的從零開(kāi)始學(xué)習(xí)一微信小程序的特點(diǎn)張小龍張小龍全面闡述小程序,推薦通讀此文小程序是一種不需要下載安裝即可使用的應(yīng)用,它出現(xiàn)了觸手可及的夢(mèng)想,用戶(hù)掃一掃或者搜一下即 為了方便大家了解并入門(mén)微信小程序,我將一些可能會(huì)需要的知識(shí),列在這里,讓大家方便的從零開(kāi)始學(xué)習(xí); 一:微信小程序的特點(diǎn) 張小龍:張小龍全面闡述小程...
摘要:組件模板與組件數(shù)據(jù)結(jié)合后生成的節(jié)點(diǎn)樹(shù),將被插入到組件的引用位置上。事件用于子組件向父組件傳遞數(shù)據(jù),可以傳遞任意數(shù)據(jù)。官方文檔往期回顧填坑手冊(cè)小程序生成海報(bào)一拆彈時(shí)刻小程序生成海報(bào)二 showImg(https://user-gold-cdn.xitu.io/2019/6/19/16b6e94bcde767a1?w=1069&h=652&f=jpeg&s=120912); 小程序目錄結(jié)構(gòu)...
閱讀 3140·2021-09-28 09:42
閱讀 3468·2021-09-22 15:21
閱讀 1143·2021-07-29 13:50
閱讀 3602·2019-08-30 15:56
閱讀 3381·2019-08-30 15:54
閱讀 1209·2019-08-30 13:12
閱讀 1189·2019-08-29 17:03
閱讀 1215·2019-08-29 10:59