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