原创 VueCli3打包後Vant樣式丟失
在vuecli3中使用了vant，配置vant的按需引入， 因爲項目還使用了typescript，所以配置參考官網，下載ts-import-plugin和webpack-merge，具體配置(vue.config.js)如下： cons
2020-06-19 07:35:29
12
原创 子類的static方法中用父類的方法會報錯
class base{ show(){ console.log('顯示') } } class child extends base{ static init(){ thi
2020-06-18 22:06:30
原创 vue切換路由後，保存原頁面的input框輸入信息
配合vue-router，可以配置meta中的keep-alive解決這個問題： 在vue-router的配置中，添加（keepAlive: true） { path: '/HelloWorld', name: 'H
2020-06-18 22:06:30
1
原创 本地測試微信授權登錄
本地測試微信授權登錄，首先要下載一個微信開發者工具，因爲微信回調域名不支持IP地址，所以我們要獲取到一個域名，映射到本地ip，目前我嘗試成功的有兩種方法： 使用natapp： 註冊一個natapp賬號，購買一個免費隧道，具體可參考教程NA
2020-06-18 22:06:30
原创 vuecli3引入字體文件失敗
使用vue-cli搭建項目，需要引入font-icon文件，圖標不顯示，然後報錯 解決方案： 由於使用vue-cli後，引入css 樣式表的寫法也發生了改變， 正確寫法: @import '~@/路徑' 需要使用絕對路徑，相比較j
2020-04-20 20:26:22
原创 h5使用vue+quagga識別條形碼圖片
最近有一個需求，要求掃描識別條形碼，研究了各種方法，最後選定了拍照上傳圖片，然後使用quagga識別這一方案 使用demo： 拍照上傳圖片這裏嘗試了兩種方法，一種是原生的input實現，一種是使用了vant上傳組件 quagga可使用np
2020-04-20 20:26:22
12
原创 vuecli3全家桶項目初始化
全局安裝vue npm install -g @vue/cli 創建項目 vue create vue-cli3-demo ps：名稱不能採用駝峯命名 這裏有兩種配置可以選擇（可以使用上下方向來切換選項） default (babel
2020-04-20 20:26:22
原创 小程序評分組件
一個簡單的小程序的評分組件， 在父組件傳入key值： key的值爲0時，用戶可以點擊星星進行評分操作， key的值不爲0時，則只顯示評分，用戶沒有點擊操作 組件（star）目錄和組件效果： 下面是具體代碼： //star.html <
2019-07-05 10:41:52
原创 踩坑：重寫了alert方法，在點擊事件中調用蘋果手機不兼容
今天公司同事找我，說出現了一個奇怪的bug： 瀏覽器：微信瀏覽器7.0 問題描述：給div添加一個簡單的點擊事件，彈出一個提示的alert，這個在大部分手機沒問題，可是在部分蘋果手機（iphone6s，iphoneX）上，alert框沒有
2019-06-26 15:02:33
2
原创 css一些樣式的兼容和一些寫法出現的bug
1.ul的li要同一行排列， 如果用display: inline-block; 在html的li換行時會產生3px的間距。 解決辦法： （1）改變html結構 <ul> <li> item1</li><li> item2<
2019-06-12 03:10:23
原创 小程序實現簡單倒計時
倒計時：00:10:22:23（天數，時，分，秒） wxTimer.js var wxTimer = function (initObj) { initObj = initObj || {}; this.wxTimerSecon
2019-04-26 02:49:26
原创 小程序封裝get和post請求
簡單的封裝了一下get和post請求 request.js //這裏是你備案的域名信息 var host = 'https://www.baidu.com'; /** * POST請求， * URL：接口 * data：參數，
2019-04-26 02:49:26
原创 git flow使用
安裝git flow Windows 配合Cygwin使用。Cygwin之下的安裝非常簡單。執行如下指令即可： wget -q -O - --no-check-certificate https://github.com/nv
2018-08-25 09:24:53
4
原创 圖片拖動旋轉縮放裁剪
引入css文件 <link rel="stylesheet" type="text/css" href="css/cropper.css"/> 引入js文件 <script src="js/jquery-1.10.2.min.js" ty
2018-08-25 09:24:51
原创 一鍵複製功能
需要引入jquery,clipboard http://lib.baomitu.com/jquery/2.2.4/jquery.min.js http://lib.baomitu.com/clipboard.js/1.6.1/clip
2018-08-25 09:24:51
1