原创 H5實現移動端，PC端頁面分享
想做個頁面分享功能，既要兼容移動端，也要兼容PC端。 找了一輪，決定PC端用百度分享的api： http://share.baidu.com/code/advance 移動端一開始想用soshm.js，發現ios沒問題，但安卓手機在微信上
2019-02-01 20:32:25
8
原创 移動端點擊保存圖片dome
最近琢磨想在移動端實現點擊按鈕保存圖片的功能。 在網上搜了好久，發現普遍的方法是：html2canvas.js實現把html轉圖片，canvas2image.js則實現圖片的下載。 把網上的案例套用之後發現html轉圖片沒啥問題，但是到
2018-12-28 22:22:50
原创 解決ios底部固定輸入框，獲取焦點時彈出輸入法鍵盤擋住輸入框
ios端比較常見的，就是在頁面底部固定的輸入框，如下，一旦獲取焦點，彈出的輸入法鍵盤就會把input輸入框完全擋住，解決方法很簡單，加上下面的幾行代碼即可 $(".replay_text").on("clic
2018-11-04 07:44:35
2
原创 H5頁面喚起本地app
點擊按鈕，當已經安裝了app則調起，否則跳轉到應用寶或者App store下載頁面（普通瀏覽器兼容，微信有權限限制，只能每次跳轉下載頁） <!DOCTYPE html> <html> <head> <meta charset="U
2018-10-27 07:19:39
2
原创 input完美實現無閃爍只能輸入1到999的整數
輸入數字第一位不能爲0，不能輸入小數點，中文，英文。 且輸入整數以外的內容時，輸入框違規內容不會一閃而過 <input type="tel" oninput="var v=this.value||'';v=v.replace(/[^
2018-10-20 07:39:17
2
原创 vue導航守衛beforeRouteLeave瀏覽器返回時，自定義彈窗提醒用戶保存信息
H5頁面中經常會遇到的情況，當前頁面點擊返回，想要提示彈窗"是否確認離開當前頁面"之類的需求。自己試着看了一下網上的方法，大多是alert出系統彈窗。其實要實現自定義彈窗提示，也是很容易的。 從另一個頁面點擊跳轉到當前頁（如下），點擊瀏覽
2018-10-20 07:39:17
2
原创 Swiper（三）：自定義點擊事件swiper跳到指定頁面
選擇哪個按鈕就會跳到指定的頁面，這樣我們就可以自己來定義swiper分頁器的功能了。swiper的slideTo方法，swiper.slideTo(index,speed,runCallbacks);index：必填，需要跳到頁面的索引s
2018-08-30 17:06:57
原创 刪除高德地圖覆蓋物
自己在地圖上畫的覆蓋物 var addMarker = new AMap.Marker({ map: map, //icon: imgUrl, position: [Lng, Lat]
2018-08-30 17:06:57
原创 簡單解決js計算rem單位首次加載頁面瞬間佈局錯亂的問題
在寫移動端佈局時，有些人喜歡用單純的CSS+百分比來控制字體單位，而有些人則喜歡用js來計算字體的單位以及處理屏幕兼容。這種方法其實是挺不錯的，比用媒體查詢能減少能多的後期處理。但是相信用過這個方法的人不少都會發現，在我們首次打開頁面的時
2018-08-30 17:06:57
2
原创 文本超出隱藏
單行文本超出隱藏 .single{ width: 60%;/*需要設置寬度*/ line-height:14px;/*設置line-heigh或上下padding可防止出現文字頭部少了一截的情況*/ font-size: 12
2018-08-30 17:06:57
2
原创 點擊按鈕實現圖片下載 W3C的download屬性
W3C的download屬性，親測只適用於PC和移動端瀏覽器，打包成app無效<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <sty
2018-08-30 17:06:57
1
原创 vue步步深入（四）項目編寫，路由配置
1.在App.vue頁面寫需要的組件<template> <div id="app"><!--這個到時候會替換掉index.html的#app的DOM元素--> <m-header></m-header> <tab></tab>
2018-08-30 17:06:57
1
原创 vue步步深入（三）腳手架文檔的基本結構和處理
1."static"文件夾可以放靜態資源2."src"文件夾裏自動生成的幾個文件夾可以刪掉，後面我們可以建自己需要的文件夾3."App.vue"裏面可以先刪掉多餘的東西，只留下最簡單的模板<template> </template>
2018-08-30 17:06:53
2
原创 Swiper（一）：解決swiper動態加載下一頁衍生的問題
swiper插件好用不假，但真正項目中的輪播圖是不可能一直用靜態數據的，當我們用動態數據渲染輪播圖的每一頁時，如果調輪播的方法放的位置不對，輪播圖就會出現不能滑動的問題，解決方法，看下面例子：$.ajax({
2018-08-30 17:06:53
1
原创 js獲取當前時間爲整點，沒有時分秒
時間格式爲12:00:00,1:00:00 <script type="text/javascript"> var t = new Date(); var now = t.toLocaleTimeString().replace
2018-08-30 17:06:53
1