原创 函數防抖

什麼是函數防抖? 簡單來說,函數防抖指的是多次觸發事件,事件處理函數只執行一次; 應用場景: 在連續點擊查詢按鈕情況下或者縮放屏幕要觸發某個事件等等; 實際應用: 下面來介紹兩種實現方法: 點擊按鈕的最後觸發時間 (1)初始化tim

原创 記錄一個在開發過程中遇到過的問題:Blob 類型轉成JSON

問題描述: 需要實現點擊導出WORD文件功能, 有兩種情況 如果符合導出條件, 後端直接返回數據流,如下圖所示的一堆看不懂的東西: 不滿足導出條件, 則後端返回JSON, 並附上失敗原因, 前端需要將失敗原因展示出來 eg

原创 Echarts默認顯示ToolTip

如下圖所示, 默認情況是當我們鼠標滑過的時候纔會出現現在有個需求,想要在頁面初始化的時候, 默認就展示某一個點上的數據,這要怎麼處理呢, 接下來就讓我們一起來看看具體的實現代碼。 說明:下面以在VUE中的一個例子來說明 <templ

原创 vue-cli根據環境打多個包

需要更改的文件: build下的build.js build下的webpack.prod.conf.js config下的index.js package.json 1.首先是: build.js // process.env.NO

原创 node學習(2) -- 自定義模塊(理解exports 和 module.exports的關係)

(一) 先了解一個簡單的demo: var a = {value: 1}; var b = a; console.log(a); // {value: 1} console.log(b); // {value: 1} b.value

原创 二分法查找

二分法查找(即在一組有序排列的數組中查找某個元素的算法) 二分法查找也是面試中經常被問到的一個, 下面我們就來簡單的實現一下 實現說明: (1).取數組的中間值和我們傳入的元素進行對比,如果相等直接返回元素所在的索引。 (2).如果中間

原创 element-ui 實現行合併

目標樣式: 首先先來看下我們拿到的返回數據: tableData: [ { productType: "紡織品", price: 123, productNam

原创 node學習(9)-- mongodb索引和explain

索引: 索引是對數據庫表中一列或多列的值進行排序的一種結構,可以讓我們查詢數據庫變得 更快 下面是創建索引的 命令: db.user.ensureIndex( {"username":1}) 獲取當前集合的索 引: db.user.get

原创 React.createElement的理解使用

React.createElement(): 根據指定的第一個參數創建一個React元素。 React.createElement( type, [props], [...children] ) 第一個參數是必填,傳入的是似

原创 webSocket應用demo

很多項目中都有涉及實時通信的需求,比如:頁面中有一欄未讀消息個數,就需要後臺實時的將對應消息的個數反饋給前端 下面我們就以一個簡單的demo來了解一下webSocket: 1.安裝websocketd ,brew install webs

原创 Vue項目中用json-server搭建mock服務

Vue項目中用json-server搭建mock服務 1.首先: nam install json-server —save-dev 2.新增一個mock目錄, 用於存放MOCK數據   db.js中的數據格式: const

原创 VUE模式改成history後刷新報錯問題

1.在我們進行VUE開發的時候,如果採用默認的路由模式,就是類似於http://xxx.com/#/demo 因爲多了一個#影響美觀。 2.將路由的模式設置爲mode: “history”; 也就是去除地址欄上的#號,類似於:http:

原创 node學習(3) -- FS模塊

node主要有三大內置核心模塊, node學習(1) -- HTTP模塊/URL模塊裏簡單的瞭解了下http模塊和url模塊, 那麼接下來就讓我們繼續瞭解一下剩下的一個fs模塊(和文件打交道)。 初始目錄結構 : 1.fs.stat 檢

原创 node學習(8)-- mongodb的增刪改查

1.mongoldb 安裝(mac) cd /usr/local sudo curl -O https://fastdl.mongodb.org/osx/mongodb-osx-x86_64-3.4.2.tgz sudo tar -z

原创 node 學習(10) -- Nodejs 操作 MongoDb 數據庫

1.首先我們需要安裝mongodb包: npm install mongodb –save-dev mongodb學習 2.接下來我們就來正式查看一下nodejs是如何連接mongodb的 var http=require('http')