原创 H5 -- 自定義微信分享第三方頁面鏈接的標題和小縮略圖
需求：自定義微信分享第三方頁面鏈接的標題和小縮略圖（如圖） 2018.6.4更新線 - - - - - - - - - - - - - - - - - - 更新：微信6.5.5版本以後調整了分享規則，針對的是沒有接入公衆號的網頁
2020-06-08 09:57:43
原创 H5 --（解決）ios的webview中上/下拉露出黑灰色背景問題
問題描述：手機H5頁面在ios的webview中，下拉（或上拉）會露出黑灰色背景 解決思路 1、touchmove 時阻止系統的默認滑動事件 document.querySelector('body').addEventListe
2020-06-08 09:57:43
原创 H5 --（解決）安卓的webview中line-height等於height不垂直居中問題
問題描述：用rem適配的H5頁面在安卓的webview中，當line-height等於height時，有時會稍微偏上一些，不能垂直居中（ps：ios上沒有這個問題） 1、分析原因：由於用rem作適配，則根元素的字體大小可能不是整數
2020-06-08 09:57:43
原创 H5 --（解決）安卓中input輸入框獲取焦點後，底部固定定位的按鈕頂起問題
問題描述：手機H5頁面當input輸入框獲取焦點時，軟鍵盤會彈起，這時：IOS底部固定定位的按鈕不會隨着鍵盤彈起而彈起；而安卓底部固定定位的按鈕會跟隨軟鍵盤彈起而頂起，往往會遮擋一部分視圖，這對用戶的體驗有點不好，故本篇文章將利用
2020-06-08 09:57:43
原创 Vue --（vue-cli腳手架）webpack配置文件詳細分析
1、腳手架版本 vue-cli 2.8.1 2、配置文件 package.json 功能：在 package.json 中，可以找到開發和生產環境的入口 "scripts": { "dev": "node build/dev
2020-06-08 09:57:43
原创 本博客全部文章導航
好記性不如爛筆頭 - - - 博客中的文章，主要來源於實踐中的需求與總結，在此記錄，歡迎交流與指正。 此導航靈感來自大神朋友anxpp的博客，瞭解一下~ 2018年10月 13、H5 – （功能）公衆號微信支付的實現 12、H5
2020-06-08 09:57:43
原创 H5 --（封裝）移動端原生長按事件
1、需求：封裝移動端長按事件 2、分析：JavaScript原生並不存在長按事件，所以我們需要通過touchstart 、touchmove 、touchend來模擬並封裝一個長按事件 3、上代碼*（函數名爲：longpress，
2020-06-08 09:57:43
原创 H5 -- 微信h5頁面中下載第三方app的方法
需求：在微信h5頁面中下載第三方app —— 安卓， 直接下載apk文件包；iphone，跳轉AppStore 分析：微信不支持，在微信中屏蔽了apk文件的下載以及AppStore的跳轉（且除非和TX有合作的應用，否則也不支持通過
2020-06-08 09:57:43
原创 正則 -- 字符串每4位後自動加空格（銀行卡號顯示效果）
需求：輸入框中輸入銀行卡號（或其他）時，每4位自動加空格（如下圖） 分析 方法一：監控輸入框的keyup事件，當value值的長度爲4,8,12,16時，插入空格字符串“ ”（vue中代碼片段如下） <input type="
2020-06-08 09:57:43
原创 C3 -- 如何用靜態loading.png實現loading動畫
需求：用靜態loading圖（下圖一）實現loading動畫（下圖二） 分析 1、方法一：最簡單的方法是叫UI大大給一個gif圖，或者自己動手利用ps幀動畫製作一個gif圖 2、方法二：利用css3的animation屬性實現
2020-06-08 09:57:43
原创 H5 -- （功能）公衆號微信支付的實現
1、需求：由於公司微信公衆號新增充值業務，所以需要在公衆號裏h5頁面裏接入微信支付 2、分析：其實微信支付開發文檔寫的很詳細，只要按照步驟一步一步來，基本問題不大，但我還是遇到了形形色色大大小小的坑，在此記錄，希望有相似需求的小夥伴有
2018-11-04 03:53:07
1
原创 正則表達式實現字符串每4位後自動加空格效果(兩種方法)
本文通過兩種方法給大家介紹了正則表達式實現字符串每4位後自動加空格效果，需要的朋友可以參考下 需求：輸入框中輸入銀行卡號（或其他）時，每4位自動加空格（如下圖） 分析 方法一：監控輸入框的keyup事件，當val
2018-10-25 21:55:09
原创 H5 -- （功能）App內嵌h5網頁實現芝麻認證的接入
1、需求：由於高貴的IOS提審時不能出現支付寶相關字眼及相關SDK，所以我們app芝麻認證只有通過內嵌H5頁面實現 2、分析：通過調研 “芝麻認證”官方技術文檔 ，接入芝麻認證的流程如下圖（圖片來自官方文檔）： 要想完成這個功能，需
2018-10-10 03:21:21