原创 微信小程序地圖添加標記點

如圖所示;   <map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" markers="{{markers}}" bindtap='on

原创 免費api查詢接口

爲了方便廣大的開發者,特此統計了網上諸多的免費API,爲您收集免費的接口服務,做一個api的搬運工,以後會每月定時更新新的接口。有些接口來自第三方,在第三方註冊就可以成爲他們的會員,免費使用他們的部分接口。 地址:https://gith

原创 HTML給漢字頭部添加拼音的標籤

HTML Demo: <ruby> <ruby> 漢字<rp>(</rp><rt>hàn zì</rt><rp>)</rp> </ruby> 如圖   喜歡上方小程序,需要源碼的,私信小編留下郵箱。 點贊

原创 Vue表情包輸入組件

地址 http://npm.taobao.org/package/emoji-mart-vue; 安裝 npm install --save emoji-mart-vue 組件 import { Picker } from "

原创 小程序獲取經緯度百度地圖逆地址解析

首先呢我們要實現的功能是小程序調用 wx.getLocation api去拿用戶的經緯度,拿到經緯度在調用百度接口解析地址 現在給大家演示: bmap-wx.min.js 去官方文檔下載即可  http://lbsyun.baidu.co

原创 微信小程序中遮罩層下滾動穿透問題

解決方法很簡單 我們只需在遮罩層元素上添加 catch:touchmove 即可遇到同樣問題的童鞋不妨試試 <view class="Boxshade" catch:touchmove catchtap="ShowList" wx:if

原创 微信小程序遮罩層下滾動問題

解決方法很簡單 我們只需在遮罩層元素上添加 catch:touchmove 即可遇見同樣問題的童鞋不妨試試; <view class="Boxshade" catch:touchmove catchtap="ShowList" wx:i

原创 小程序微信支付

說起微信支付呢,api文檔上已經講的很清楚了,今天小編在給大家講的更直白些 直接上代碼了,看註釋即可 前臺我們只需將後臺傳遞給我們的參數傳入即可 wxpay() { let that = this,

原创 小程序自定義頭部導航

由於各種的需求,現在小程序已經開始支持自定義頭部導航了,接下來給大家講接如何實現。 一,首先配置自定義導航 app.json配置 "navigationStyle": "custom" 接下來你會發現 默認的頭部沒有了; 二,開始寫我們

原创 小程序文本框懸浮軟鍵盤之上

效果: 方法很簡單接下來給大家詳細講解,input獲取焦點時,可以拿到軟鍵盤的高度,那麼問題就好解決了 我們只需要拿到這個高度去給input寫一個動態的定位樣式即可 <view class="inputBox" style="bot

原创 正則過濾替換特殊符號

 item.content.replace(/\r?##/g, "")  將文本內"##"替換爲" "空字符串 const app = getApp() Page({ list: [ {

原创 js字符串數組轉數字數組

爲了不斷更,今天在給大家講一個小技巧; 這個也是粉絲之前問過我的一個問題,在這裏分享給大家; 有時候爲了滿足條件我們需要把字符串數組 => 數字數組 代碼如下 let strArray = ['1','2','3','4'] //我

原创 小程序富文本渲染HTMl標籤添設置樣式

平時我們用到富文本渲染的時候有一個問題會讓我們無從下手,如何給富文本大字符串裏的標籤添加class樣式去控制呢, 小編今天教大家一種簡單通過的方法; 首先我們是用官方自帶的富文本渲染標籤 <rich-text nodes="{{con

原创 微信小程序防止快速點擊(節流)

說到節流,一般是兩種方法實現 1,一般是通過定時器去延遲執行。 2,通過時間戳來控制 今天就給大家展示得是時間戳得方法; Page({ data: { tapTime: '', // 防止兩次點擊操作間隔太快 },

原创 猿人崛起

起來不願做奴隸的人們,把我們的心聲......         伴隨着進行曲首先我們要說一下最近碼農們密切關注的一個話題“996”,提到這裏有些碼農們瞬間熱淚盈眶啊,滿肚子苦水,恨不得全部傾訴出來!....但....打住!先憋回去,阿里B