原创 前端js實現圖片選擇後進行壓縮，然後轉換Base64或blob進行上傳操作等。
需求描述： 手機端用戶選擇的照片，肯定很大，直接上傳到服務器壓力很大，圖片壓縮，本質上後臺很容易實現，現在需要前端來實現。 用戶選擇圖片後，還能立馬在界面上看到預覽效果 具體的實現過程。 首先是html代碼，重點只需要看<in
2020-05-15 18:19:28
原创 H5中，嵌入式webview中，調用攝像頭拍照功能的實現
參考資料： 1、https://github.com/robnyman/robnyman.github.com/tree/master/camera-api【老外寫的demo】 2、https://www.jianshu.com/
2020-05-15 18:19:28
原创 vue移動端如何使用vconsole調試工具。
開發移動端項目的時候，雖然可以用chrome的模擬器，但是，畢竟和真機，在有些時候，是對不上的。還是需要真機調試。 那如何在移動端真機上像chorme devtolls來調試程序呢？ 推薦工具VConsole 第一步，安裝 npm
2020-05-15 18:19:28
原创 Vue項目使用Vscode編輯，配置Eslint檢查以及使用代碼格式化工具之間的各種衝突、各種愛恨情仇的終極解決辦法。
vscode來編碼vue前端項目的時候，我們像用eslint來做代碼規範檢查，配合一些代碼格式化工具，能夠讓我們編寫代碼爽歪歪。 但是，這其中的配置，搭配，是個坑，大坑。 搞了一大圈，各種說法都有，各種配置都有，整個人都不好了。
2020-05-15 18:19:28
原创 Js判斷是安卓Andorid還是蘋果IOS系統
isAndroidOrIOS() { let u = navigator.userAgent, app = navigator.appVersion; let isAndroid = u.indexOf('
2020-05-15 18:19:28
原创 vue開發中遇到的坑之返回頂部，在Android端居然不能用的問題。
問題描述： 自己按照element-ui的思路寫了一個返回頂部的公共組件，使用在移動端。在PC上的模擬器和IOS手機正常，在安卓上跑，居然沒有效果。氣死人了。 原因分析 document.documentElement.scrol
2020-05-15 18:19:28
原创 Element-ui 遇到的坑之返回頂部Backtop組件的target如何設置正確的值的問題。
問題描述： element-ui 的Backtop屬性中有target的值是需要設置的。設置錯了，不僅沒有效果，反而還可以導致報錯。 官方文檔說明的是，target觸發滾動的對象，String類型。 查看示例，是傳一個css選
2020-05-13 05:55:41
原创 vant-ui組件調用Dialog彈窗異步關閉
需求描述： 需求描述：官方文檔又是組件調用方式，又是函數調用方式。 我就需要一個很簡單的：點擊操作彈窗顯示後，我填寫一個表單，表單校驗通過後，再調用API接口，返回成功後，關閉彈窗。 一個很簡單的東西，element-ui用的
2020-05-13 05:55:41
原创 css實現點擊元素，改變背景色
可通過使用css僞類實現點擊元素變色的效果，兩個僞類是:active, :focus 譬如實現一個div鼠標點擊時改變背景色， <div class="my-demo">可以摸我</div> 添加樣式： .my-demo：act
2020-05-13 05:55:41
4
原创 vue開發公共組件之返回頂部(backtop)
記錄一下開發公共組件的流程。 背景：pc端使用element-ui框架，本身是有返回頂部的組件的。現在需要在移動端使用。照着葫蘆畫瓢弄一個。 記錄如何將公共組件通過install的方式，註冊爲全局的組件使用。 components
2020-05-10 15:07:33
原创 vue移動端實現滾動加載更多和下拉刷新功能，vant-ui的PullRefresh和List組件結合使用的坑
需求，移動端列表頁不再是分頁實現點擊上一頁下一頁，需要實現滾動到底部自動加載下一頁，頁面整個下拉的話，就刷新當前頁面的數據。 需求很簡單。我這邊引入了vant-ui，實現起來呢，遇到各種問題。網上找了一大圈，發現一個能打的都沒
2020-05-01 09:13:09
4
原创 安卓嵌入式混合開發，使用webview加載vue頁面，使用keep-alive緩存的問題。
問題描述 在嵌入式開發android app時，使用webview來加載vue開發的web應用，如果只是單純的使用keep-alive來緩存頁面數據。會導致，用戶token過期，或是用戶退出登錄，緩存的頁面數據還在，哪怕換個用戶登
2020-04-28 17:36:02
原创 vuex遇到的坑：vuex模塊化下，一個store模塊文件中調用另外一個模塊的action方法
我的vuex模塊文件目錄 現在，我想在user.js中調用app.js文件中的action方法，怎麼辦呢？ app.js內容如下: const state = { cachedViews: [], // 緩存view };
2020-04-28 17:36:02
原创 css遇到的坑：一行文字內容沒有填滿，就跑去下一行去了。看着很不舒服。怎麼辦？
問題的問題 在我的外層div設置pading值，或是pading-right值後，內部的文字內容換行樣式看起來很奇葩。 類似這樣的，一行文字內容沒有填滿，就自動換行了。 解決辦法1：padding-right的值搗鬼。 外殼的di
2020-04-26 13:29:03
原创 vant-ui swiperCell 需要觸發實例的open方法實現點擊出現滑動
需求： 有時候，需求就是這麼。。。。。。明明可以滑動顯示，他們就說，用戶不知道滑動，還需要手摸手的去教，好，這也是個不錯的理由。 要求，點擊swiper cell ，觸發滑動展示， 官方文檔說明，可以調用實例的open方法，傳參
2020-04-23 15:10:37