原创 vue 地址 地圖
<!-- <div class="MessageBox" v-if="form.exampleShow"> <div class="msgbox"> <div class="flexBet msgboxHea
2020-06-21 15:04:42
原创 vue 筆記 vuex 使用 Vue中的nextTick
vuex store 創建方法參數 this.$store.commit('方法名稱',參數) 存儲 獲取 computed: { searchResult() { return this.$store.getter
2020-06-21 15:04:42
原创 小程序 生成自定義小程序二維碼碼 通過 canvas 生成海報 保存成圖片
功能很簡單 但是有坑 廢話不多說直接上代碼 html canvas 定義畫板 構造海報 .preview 生成海報圖瀏覽 模板框 <canvas canvas-id="shareImg" class="canvas-exp"></c
2020-05-10 17:36:27
原创 小程序 大轉盤 抽獎 canvas animation
項目需求運用到大轉盤 可設置概率 可直接自定義結果 效果如下 兩種方法及結合法 一 通過canvas 實現 但是因爲定時器原因 手機端卡頓嚴重 故而最終使用了方法二 但也是該記錄下 學習canvas 二 通過小程序Api animat
2020-05-08 04:10:21
原创 小程序 日期+時間 選擇器自定義
廢話不多說 直接貼代碼 HTML <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColu
2020-04-05 22:22:07
原创 vue 圖片剪切
templateCreat。vue 彈框組件 <template> <div v-if="showDialog" class="dialog"> <div v-if="showDialog" class="back-drop
2020-04-05 22:22:07
原创 公衆號翻牌抽獎分享獲取流量
ios不支持端口號 分享的鏈接不能帶端口號 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width
2020-03-27 10:44:22
原创 vue H5 與 原生交互
H5調原生 api.js /** * @name 判斷iOS */ export const isiOS = ()=>{ let u = navigator.userAgent; let iOs = !!u.match(
2020-03-27 10:44:22
原创 公衆號頁面開發 微信H5支付
H5支付更多是後端操作的 前端處理的很少 直接貼代碼 直接調用此方法即可 在微信開發軟件上面是沒辦法實現支付成功的 需要在真機上面纔可以實現 （注意提前做好公衆號支付配置）
2020-03-25 07:21:55
原创 mui 開發公衆號網頁 出現點擊觸發區域錯位問題 mui radio 點擊muijs報錯 （記錄）
遇到此問題 及微信開發者工具問題 使用真機測試將不會出現此問題 被這個給坑了 做一下記錄 使用場景 微信開發者工具公衆號網頁測試 處理方法 引用mui.min.js 之前 先<script>window.FastClic
2020-03-25 07:21:55
原创 小程序 html js 模塊化 組件化 公共模塊
//創建公共模板 <template name="wxParse"> <text>miniprogram/pages/common/gg.wxml</text> <view>{{wxParseData}}</view> </templat
2019-10-25 13:42:23
原创 vue H5 調用微信支付
//使用微信支付之前 註冊微信支付 mounted方法調用 async wechatPayConfig(){ const data = await wechatConfig();//接口返回微信信息 ID簽名等
2019-10-25 13:42:23
原创 vue H5 調用微信上傳圖片
/** * @name 判斷微信瀏覽器 */ export const isWeiXin = () => { let ua = window.navigator.userAgent.toLowerCase(); if
2019-10-25 13:42:23
原创 微信小程序 調用微信支付
微信官方文檔鏈接：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_10&index=1 首先必要的就是註冊微信的賬號咯 微信公衆號 然後就是註冊好 登錄到後
2019-10-25 13:42:23
原创 VUE 網頁 掃碼登錄（微信）
//網頁內調用微信掃碼功能 //首先必須引入微信JS <script type='text/javascript' src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wx
2019-10-25 13:42:23