摘要:最近在開發(fā)一個小程序項(xiàng)目準(zhǔn)備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實(shí)踐和努力解決了也分享給大家,縮短大家的開發(fā)時間。
最近在開發(fā)一個小程序項(xiàng)目準(zhǔn)備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實(shí)踐和努力解決了也分享給大家,縮短大家的開發(fā)時間。
一、修改背景顏色
這是一個很常見的需求在html的中我們可以改變body&html的標(biāo)簽顏色,但是在小程序中你可以通過兩種方法
1、修改page的顏色
2、在app.json的文件中修改
"backgroundTextStyle": "#f2f2f2", //注意這里兩個屬性值需要一致本人親測 "backgroundColor": "#f2f2f2"
二、地圖引用(騰訊地圖)
1、在小程序的需求當(dāng)中地理位置是常見的一種需求我們這里選用的是騰訊地圖,后臺用的是百度地圖有人肯定問為什么不使用同一個地圖,這里是出于百度地圖開發(fā)文檔比較齊全,市面上的開源的插件功能也比較齊全所以后臺選用的是百度地圖,小程序的爸爸是騰訊所以選的騰訊地圖但是在后臺需要對經(jīng)緯度值做一個轉(zhuǎn)換因?yàn)榘俣群万v訊的地圖不是同一種經(jīng)緯度標(biāo)準(zhǔn)。
后期還是需要統(tǒng)一地圖標(biāo)準(zhǔn)
騰訊地圖使用方法
騰訊地圖官網(wǎng)申請一個開發(fā)者帳號附(http://lbs.qq.com/mykey.html)
創(chuàng)建一個密鑰
在微信公眾號平臺設(shè)置一個安全域名
這里有個坑如果你不設(shè)置這個安全域名在手機(jī)演示中無法訪問地圖api需要打開調(diào)試模式才行
具體api可以看騰訊地圖文檔
三、尋找監(jiān)聽安卓返回事件或者ios的頂部的返回事件
我之前一直想找到這個事件因?yàn)槟承╉撁娣祷氐臅r候需要返回到指定頁面而不是父級路由過來的頁面后面用小程序的生命周期函數(shù)解決了這個問題
onUnload(){ wx.switchTab({ url: "/pages/order/index", // 這里就是你一路向西的地方 fail: function (res) { } }) }
四、字體圖標(biāo)
我相信很多前端的開發(fā)者用完iconfont肯定是愛不釋手了但是小程序不能用
誰叫阿里騰訊不是一家人了,不過這個還是有一個解決辦法
因?yàn)樾〕绦虮尘皥D只支持base64的我們可以將iconfont文件轉(zhuǎn)換為base64的
從iconfont把文件下載下來記住我們要選擇fontClass的模式
然后在這個平臺https://transfonter.org/把字體文件轉(zhuǎn)換成base64
在lib文件中引入
在wxss加入字體
大功告成
(后續(xù)不斷更新···)
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/112600.html
摘要:框架這部分是小程序開發(fā)的核心,小程序采用視圖和邏輯層代碼相分離的結(jié)構(gòu),如果你用過這部分也不難理解,但是也有一些區(qū)別。工具這部分沒有什么好說的,微信開發(fā)開始還是用微信自己的開發(fā)工具比較方便。 小程序開發(fā)文檔使用說明 小程序的文檔分為 簡易教程、框架、組件、API?、工具h(yuǎn)ttps://developers.weixin.qq.... 簡易教程---介紹小程序開發(fā)的一些基本情況 開發(fā)方式...
摘要:和都是輔助小程序開發(fā)的開源庫,本文對兩者做個對比。微信的這種限制決定了小程序一般只是用于實(shí)現(xiàn)核心功能,不會用作復(fù)雜功能。在筆者了解的很多小程序,甚至大都是用原生開發(fā)的。 grace和wepy都是輔助小程序開發(fā)的開源庫,本文對兩者做個對比。 注:本文是作者本人的一些拙見,純粹的技術(shù)討論,不想引起技術(shù)信仰之爭,歡迎積極、正向的討論及建議。 如果你還不了解Grace, 請參考:微信小程序開發(fā)...
摘要:微信小程序應(yīng)用號開發(fā)資源匯總文檔工具教程代碼插件組件文檔從搭建一個微信小程序開始小程序開發(fā)文檔小程序設(shè)計(jì)指南工具小程序開發(fā)者工具官方支持微信小程序?qū)崟r預(yù)覽的支持的微信小程序組件化開發(fā)框架轉(zhuǎn)在線工具小程序云端增強(qiáng)社區(qū)微信小程序 微信(小程序or應(yīng)用號)開發(fā)資源匯總-文檔-工具-教程-代碼-插件-組件 文檔 從搭建一個微信小程序開始 小程序開發(fā)文檔 小程序設(shè)計(jì)指南 工具 小程序開發(fā)者...
摘要:最近在開發(fā)一個小程序項(xiàng)目準(zhǔn)備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實(shí)踐和努力解決了也分享給大家,縮短大家的開發(fā)時間。 最近在開發(fā)一個小程序項(xiàng)目準(zhǔn)備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實(shí)踐和努力解決了也分享給大家,縮短大家的開發(fā)時間。 一、修改背景顏色這是一個很常見的需求在html的中我們可以改變body&html的標(biāo)簽顏色,但是在小程序中你可以通過兩種方法...
摘要:最近在開發(fā)一個小程序項(xiàng)目準(zhǔn)備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實(shí)踐和努力解決了也分享給大家,縮短大家的開發(fā)時間。 最近在開發(fā)一個小程序項(xiàng)目準(zhǔn)備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實(shí)踐和努力解決了也分享給大家,縮短大家的開發(fā)時間。 一、修改背景顏色這是一個很常見的需求在html的中我們可以改變body&html的標(biāo)簽顏色,但是在小程序中你可以通過兩種方法...
閱讀 2955·2023-04-25 22:16
閱讀 2120·2021-10-11 11:11
閱讀 3255·2019-08-29 13:26
閱讀 601·2019-08-29 12:32
閱讀 3420·2019-08-26 11:49
閱讀 2998·2019-08-26 10:30
閱讀 1950·2019-08-23 17:59
閱讀 1514·2019-08-23 17:57