原创 vue使用socket.io

安裝 npm install vue-socket.io --save 引用 import io from 'socket.io-client' 建立鏈接 initWebSocket () { this.socke

原创 百度地圖僅拉框封裝

在最近的項目中有需求需要拉框搜索區域內的一些特定信息 在百度上找到的參考有拉框放大和拉框搜索二個,但是都是封裝好的,它們並不會返回拉框區域的座標,所以我也無法使用,最後只能把拉框部分抽出來自己做個記錄 <!DOCTYPE html

原创 數組合並,並去重

let a = [1,2,3,4,5] let b = [4,5,6,7,8] let c = new Set([...a,...b]) console.log(c) // [1,2,3,4,5,6,7,8]

原创 總結的一些元素居中的方法

1.定長定寬 1.1絕對定位和負magin值 HTML: <div class="father-box"> <div class="children-box"></div> </div> CSS: .father-box {

原创 CSS pre中josn超出寬度自動換行

{ word-break: break-all; // 按字符截斷換行 /* 支持IE和chrome,FF不支持*/ word-wrap:break-word; // 按英文單詞整體截斷換行 /* 以上三個瀏覽器均支持 */

原创 list新增刪除Key:Value

向一個對象數組裏面添加新的屬性 var arr = [{a:'我是a',b:我是b,c:'我是c',d:'我是d'},{a:'我是a',b:我是b,c:'我是c',d:'我是d'},{a:'我是a',b:我是b,c:'我是c',d

原创 IE中一些特定的數字或IP地址會變成點擊按鈕處理

現象:在展示這些數據時,在IE瀏覽器中數據本身會變成可點擊的狀態 解決方案:使用a標籤包裹並禁止點擊 <a style="color: #000;text-decoration: none;" disabled="disable

原创 VUE點擊複製組件

1.安裝依賴 npm install --save v-clipboard 2.在main.js中引入 import Vue from 'vue' import Clipboar

原创 自用型小數轉換百分比保留二位小數(處理浮點數可能)

let formateRate = function(num) { if (typeof num !== 'number') return num let result = (num * 100).toFixed(2)

原创 超出部分顯示指定行數隱藏顯示省略號

{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; // 指定顯示的行數

原创 vue組件傳值

父傳子 父組件結構如下 <template> <child :mydata="mydata" :myString="myString" :Array="Array"></child> </template> <scrip

原创 筆記:數組去重的方法

Set方式去重 let arr = [1,2,3,2,1] arr = Array.from(new Set(arr)) // [1,2,3] const removeDuplicateItems = arr => [.

原创 Traceur 轉碼器

Traceur轉碼器是Google 公司的一款轉碼器,也可以將 ES6 代碼轉爲 ES5 代碼 直接插入網頁 Traceur 允許將 ES6 代碼直接插入網頁。首先,必須在網頁頭部加載 Traceur 庫文件。 <script src

原创 Babel 轉碼器( ES6 代碼轉爲 ES5 代碼 )

下面的命令在項目目錄中,安裝 Babel。 $ npm install --save-dev @babel/core 配置文件.babelrc Babel 的配置文件是.babelrc,存放在項目的根目錄下。使用 Babel 的第一

原创 關閉node_modules映射頁面時不停發送的請求

找到/node_modules/sockjs-client/dist/sockjs.js 2.找到代碼的 1605行 try { // self.xhr.send(payload); 把這裏注掉 } catch (e)