摘要:如果有這樣的需求點擊一個按鈕,復制某個文本的文字到剪貼板以供使用,我們就需要用到一些方法。在上我們復制文本可以使用但是在移動端是不行的。我選用的方案是,實測效果完美。地址我以舉例這是我們想要復制的文字復制文案復制成功復制失敗 如果有這樣的需求:點擊一個按鈕,復制某個文本的文字到剪貼板以供使用,我們就需要用到一些方法。在pc上我們復制文本可以使用 document.execCommand...
摘要:背景項目中有一個編輯上傳用戶頭像的功能,之前選用了插件來處理編輯圖片的功能,現在還想做到類似等選取圓形圖像的功能,考慮結合來處理。 背景 項目中有一個編輯上傳用戶頭像的功能,之前選用了cropper插件來處理編輯圖片的功能,現在還想做到類似QQ等選取圓形圖像的功能,考慮結合cropper來處理。 方案 樣式上通過CSS來控制cropper選取框為圓形 .cropper-view-box...
摘要:判斷是否為數組操作符運算符會返回一個值,指出對象是否是特定類的一個實例。數組迭代使用指定的函數測試所有元素,并創建一個包含所有通過測試的元素的新數組。讓數組的每一項都執行一次給定的函數。遍歷數組是對鍵名的遍歷是對鍵值的遍歷是對鍵值對的遍歷。 數組的創建 var arrayObj = []; //普通數組創建 var arrayObj = new Array(); //創建一個數組 va...
摘要:遍歷數組查找數組中的一項匹配條件的第一項數組過濾方法接收一個函數作為累加器,數組中的每個值從左到右開始執行方法,最終返回一個值。假如執行執行過程為求和復雜應用將解析為更多文章 遍歷數組: for(let item of array) { } // FP // return array array.map((item, index) => {}) 查找數組中的一項: for(...
摘要:好的,這樣以來我們的前期準備工作就已經完成了,下面我們來搭建聊天室對應的客戶端和服務器端。 websocket簡介 websocket其實HTML中新增加的內容,其本質還是一種網絡通信協議,以下是websocket的一些特點: (1)因為連接在端口80(ws)或者443(wss)上創建,與HTTP使用的端口相同,幾乎所有的防火墻都不會阻塞WebSocket鏈接 (2)因...