成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

小程序開(kāi)發(fā)總結(jié)（一）

honmaple / 1571人閱讀

摘要：最近在開(kāi)發(fā)一個(gè)小程序項(xiàng)目準(zhǔn)備上線中也是第一個(gè)做的小程序中間遇到很多坑通過(guò)自己不斷實(shí)踐和努力解決了也分享給大家，縮短大家的開(kāi)發(fā)時(shí)間。

最近在開(kāi)發(fā)一個(gè)小程序項(xiàng)目準(zhǔn)備上線中也是第一個(gè)做的小程序中間遇到很多坑通過(guò)自己不斷實(shí)踐和努力解決了也分享給大家，縮短大家的開(kāi)發(fā)時(shí)間。

一、修改背景顏色
這是一個(gè)很常見(jiàn)的需求在html的中我們可以改變body&html的標(biāo)簽顏色，但是在小程序中你可以通過(guò)兩種方法
1、修改page的顏色
2、在app.json的文件中修改

"backgroundTextStyle": "#f2f2f2", //注意這里兩個(gè)屬性值需要一致本人親測(cè)
"backgroundColor": "#f2f2f2"

二、地圖引用（騰訊地圖）

1、在小程序的需求當(dāng)中地理位置是常見(jiàn)的一種需求我們這里選用的是騰訊地圖，后臺(tái)用的是百度地圖有人肯定問(wèn)為什么不使用同一個(gè)地圖，這里是出于百度地圖開(kāi)發(fā)文檔比較齊全，市面上的開(kāi)源的插件功能也比較齊全所以后臺(tái)選用的是百度地圖，小程序的爸爸是騰訊所以選的騰訊地圖但是在后臺(tái)需要對(duì)經(jīng)緯度值做一個(gè)轉(zhuǎn)換因?yàn)榘俣群万v訊的地圖不是同一種經(jīng)緯度標(biāo)準(zhǔn)。

后期還是需要統(tǒng)一地圖標(biāo)準(zhǔn)

騰訊地圖使用方法

騰訊地圖官網(wǎng)申請(qǐng)一個(gè)開(kāi)發(fā)者帳號(hào)附（http://lbs.qq.com/mykey.html）

創(chuàng)建一個(gè)密鑰

在微信公眾號(hào)平臺(tái)設(shè)置一個(gè)安全域名
這里有個(gè)坑如果你不設(shè)置這個(gè)安全域名在手機(jī)演示中無(wú)法訪問(wèn)地圖api需要打開(kāi)調(diào)試模式才行

具體api可以看騰訊地圖文檔

三、尋找監(jiān)聽(tīng)安卓返回事件或者ios的頂部的返回事件

我之前一直想找到這個(gè)事件因?yàn)槟承╉?yè)面返回的時(shí)候需要返回到指定頁(yè)面而不是父級(jí)路由過(guò)來(lái)的頁(yè)面后面用小程序的生命周期函數(shù)解決了這個(gè)問(wèn)題

onUnload（）{
    wx.switchTab({
        url: "/pages/order/index",  // 這里就是你一路向西的地方
        fail: function (res) {
        }
    })
}

四、字體圖標(biāo)

我相信很多前端的開(kāi)發(fā)者用完iconfont肯定是愛(ài)不釋手了但是小程序不能用

誰(shuí)叫阿里騰訊不是一家人了，不過(guò)這個(gè)還是有一個(gè)解決辦法

因?yàn)樾〕绦虮尘皥D只支持base64的我們可以將iconfont文件轉(zhuǎn)換為base64的

從iconfont把文件下載下來(lái)記住我們要選擇fontClass的模式

然后在這個(gè)平臺(tái)https://transfonter.org/把字體文件轉(zhuǎn)換成base64

在lib文件中引入

在wxss加入字體

大功告成
（后續(xù)不斷更新···）

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/51274.html

相關(guān)文章

  • 微信小程序開(kāi)發(fā)小總結(jié)

    摘要：框架這部分是小程序開(kāi)發(fā)的核心，小程序采用視圖和邏輯層代碼相分離的結(jié)構(gòu)，如果你用過(guò)這部分也不難理解，但是也有一些區(qū)別。工具這部分沒(méi)有什么好說(shuō)的，微信開(kāi)發(fā)開(kāi)始還是用微信自己的開(kāi)發(fā)工具比較方便。 小程序開(kāi)發(fā)文檔使用說(shuō)明 小程序的文檔分為 簡(jiǎn)易教程、框架、組件、API?、工具h(yuǎn)ttps://developers.weixin.qq.... 簡(jiǎn)易教程---介紹小程序開(kāi)發(fā)的一些基本情況 開(kāi)發(fā)方式...

    niuxiaowei111 評(píng)論0 收藏0

  • 微信小程序開(kāi)發(fā)庫(kù)grace vs wepy

    摘要：和都是輔助小程序開(kāi)發(fā)的開(kāi)源庫(kù)，本文對(duì)兩者做個(gè)對(duì)比。微信的這種限制決定了小程序一般只是用于實(shí)現(xiàn)核心功能，不會(huì)用作復(fù)雜功能。在筆者了解的很多小程序，甚至大都是用原生開(kāi)發(fā)的。 grace和wepy都是輔助小程序開(kāi)發(fā)的開(kāi)源庫(kù)，本文對(duì)兩者做個(gè)對(duì)比。 注：本文是作者本人的一些拙見(jiàn)，純粹的技術(shù)討論，不想引起技術(shù)信仰之爭(zhēng)，歡迎積極、正向的討論及建議。 如果你還不了解Grace, 請(qǐng)參考：微信小程序開(kāi)發(fā)...

    james 評(píng)論0 收藏0

  • 前端資源系列（3）-微信小程序開(kāi)發(fā)資源匯總

    摘要：微信小程序應(yīng)用號(hào)開(kāi)發(fā)資源匯總文檔工具教程代碼插件組件文檔從搭建一個(gè)微信小程序開(kāi)始小程序開(kāi)發(fā)文檔小程序設(shè)計(jì)指南工具小程序開(kāi)發(fā)者工具官方支持微信小程序?qū)崟r(shí)預(yù)覽的支持的微信小程序組件化開(kāi)發(fā)框架轉(zhuǎn)在線工具小程序云端增強(qiáng)社區(qū)微信小程序 微信(小程序or應(yīng)用號(hào))開(kāi)發(fā)資源匯總-文檔-工具-教程-代碼-插件-組件 文檔 從搭建一個(gè)微信小程序開(kāi)始 小程序開(kāi)發(fā)文檔 小程序設(shè)計(jì)指南 工具 小程序開(kāi)發(fā)者...

    paney129 評(píng)論0 收藏0

  • 小程序開(kāi)發(fā)總結(jié)（一）

    摘要：最近在開(kāi)發(fā)一個(gè)小程序項(xiàng)目準(zhǔn)備上線中也是第一個(gè)做的小程序中間遇到很多坑通過(guò)自己不斷實(shí)踐和努力解決了也分享給大家，縮短大家的開(kāi)發(fā)時(shí)間。 最近在開(kāi)發(fā)一個(gè)小程序項(xiàng)目準(zhǔn)備上線中也是第一個(gè)做的小程序中間遇到很多坑通過(guò)自己不斷實(shí)踐和努力解決了也分享給大家，縮短大家的開(kāi)發(fā)時(shí)間。 一、修改背景顏色這是一個(gè)很常見(jiàn)的需求在html的中我們可以改變body&html的標(biāo)簽顏色，但是在小程序中你可以通過(guò)兩種方法...

    haoguo 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<