原创 ios設備調用音頻播放實際卻無法播放的問題

在很多時候我們希望在某種情況下或某個操作下播放一個音頻，自動播放亦或是手動調用播放。關於自動播放在另一篇文章裏有詳細描述，下面是關於手動觸發不播放的情況： if (eventOver) { var audioCtx = new Au

2019-04-01 09:55:10

原创 ant Table rowSelection勾選後更新數據無法清除緩存（無法取消勾選）

問題描述：如上圖所示，ant.design中使用Table中的rowSelection單選框功能；在勾選了數據之後進行操作後重新請求數據，發現新的數據仍然被勾選，我們希望看到的效果當然是刷新數據後勾選取消掉，畢竟是新數據嘛。。。 首先是在官

2019-02-23 16:55:01 6

原创 javaScript中賦值的拷貝的理解

在js中將一個值a賦值給另一個值b，在什麼情況下改變了b的值會影響a的值？在知道哪種類型賦值後改變值會影響原對象的情況下該怎麼做纔不會影響原對象？就是這裏需要討論的問題。 首先是哪種類型賦值後改變賦值後的值會影響到被賦值的值？ let a

2019-02-14 17:15:04 1

原创 判斷一個對象是否爲空對象

判斷一個對象是否爲空對象,不爲null，僅僅是{};可以使用如下方法判斷： if (JSON.stringify(object) === '{}') { //.. } ES6: if (Object.keys(object).le

2019-01-29 17:32:41 1

原创 canvas繪製多張圖的排列順序問題

在開發中，如果遇到需要使用canvas同時繪製多張圖片，但因爲圖片大小的不一樣，排在數組前面的圖片不一定能先被load然後繪製，就可能會導致畫出來的圖的排列順序和預想的不一樣（特別是因爲跨域加了域名重定向的圖片尤爲明顯），我的解決辦法是：先

2019-01-20 13:55:03 1

原创 canvas因爲圖片資源不在同一域名下而導致的跨域污染畫布的解決辦法

我們要繪製一張圖片，內容包括一張背景圖和一個動態生成的二維碼，前提是背景圖是項目本身的靜態資源，二維碼是服務端動態生成的，二者不在同一域名下。 解決辦法：把所有圖片都重定向同一個域名下： let count = 0; let bgImg =

2019-01-18 09:45:11

原创 canvas繪製多行文字

代碼如下： let Canvas = document.createElement('canvas'); let ctx = Canvas.getContext("2d"); let scaleBy = 2; let fontSize =

2019-01-17 15:45:05

原创 canvas繪製多張圖其中有空白或繪製不成功的問題

一般來說 繪製很多張圖片 中間有幾張沒畫出來 通常就是沒load得原因，具體如下： let arr = ['img1','img2','img3']; let Canvas = document.createElement('canvas'

2019-01-17 15:32:48

原创 canvas繪製圓角頭像

如果你想繪製的網頁包含一個圓弧形的頭像的canvas圖片，但是頭像本身是正方形的，需要的方法如下：首先， 拿到頭像在畫布上的座標和寬高：(具體怎麼獲取不在此做具體介紹) let {avatarX, avatarY, avatarW, ava

2019-01-17 15:12:46

原创 模擬長按事件

如果你想在監測到用戶在微信瀏覽器中長按圖片的動作並進行統計，可以使用以下方法： let $div = document.getElementById('divContent'); let startTime = 0; $div.addEve

2019-01-17 15:05:05

原创 安卓設備在微信中播放視頻結束後出現廣告的解決辦法

如果你沒有付費的話 從理論來說 廣告是不可避免的 但是可以通過一些方法繞過廣告：首先判斷設備是安卓還是iOS let isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac

2019-01-17 14:42:42

原创 移動端複製文本clipboard 以及針對iOS的處理

如果有這樣的需求：點擊一個按鈕，複製某個文本的文字到剪貼板以供使用，我們就需要用到一些方法。在pc上我們複製文本可以使用 document.execCommand('copy'); 但是在移動端是不行的。我選用的方案是clipboard，實

2019-01-08 20:25:00 4

原创 webpack url-loader limit 轉換部分資源爲base64格式 其餘不轉換

在Vue-cli中，我們默認使用webpack將所有的小於限制數值的資源轉爲base64格式：如下： { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader'

2019-01-03 14:45:05 6

原创 ➹使用webpack配置多頁面應用MPA:100

使用webpack配置MPA 爲什麼需要使用 webpack 構建多頁應用呢？因爲某些項目使用 SPA 不太合適（大多是 SEO 的原因），或者您在做項目時有其他的需求。如果你有如下需求： 使用 ES6 進行開發 期望使用面向對象開發（

2018-12-29 17:12:42 27

原创 ➹ 一些常用的 Linux 遠程操作命令記錄

➣ 簡介 tip 常用Linux命令內容主要包括:查看IP地址、ssh相關操作、scp相關操作、進程相關操作、端口相關操作、凍結終端、釋放/獲取IP地址、密匙相關操作、使用密匙進行免密登陸、不通過配置文件實現免密登陸、config配置文件拓

2018-12-29 16:03:02