原创 svg中如何讓文本溢出時顯示省略號
svg中如何讓文本溢出時顯示省略號 最近在使用d3.js實現一個樹狀組織結構圖，遇到如下圖所示的問題，要求是文本內容固寬，溢出內容應用省略號代替，如果是使用普通html標籤實現的話，是比較簡單的，overflow: hidden;
2020-06-21 07:59:18
5
原创 webpack輸出文件名設置chunkhash時在開發環境報錯問題的解決
webpack輸出文件名設置chunkhash時在開發環境報錯問題的解決 在webpack配置中，使用chunkhash代替hash可實現輸出文件名中哈希值與模塊內容掛鉤，避免每次構建時輸出文件名中哈希值都變更（即使文件文件內容沒
2020-06-21 07:59:18
原创 v-model的理解
v-model的理解 1、v-model實現原理 2、自定義組件使用v-model v-model原理 在vue中，對<input>標籤使用v-model指令可以實現數據的雙向綁定；其原理是利用<input>標籤的value屬
2020-06-21 07:59:18
原创 深拷貝（深克隆）
深拷貝（深克隆） 之前寫過一篇關於淺拷貝與深拷貝的文章，文章中提到淺拷貝和深拷貝主要是針對引用數據類型（對象、數組、函數）而言的，因爲對於基礎數據類型（string、number、boolean、null、undefined），不
2020-06-21 01:59:06
原创 d3.js常用方法
d3.js常用方法 1、選擇單個元素 d3.select(selector) 類似於js中的document.querySelector()方法，都是用於獲取DOM元素；其中selector可以是標籤名稱、類名、id名；例如：獲
2020-06-21 00:59:03
3
原创 樹形結構數據的轉換
樹形結構數據的轉換 項目中經常會用到element組件庫中的樹形組件<el-tree>，它支持兩種數據結構，一種是簡單數據結構，通過id和parentId來表示層級關係，另一種是嵌套數據結構，將子級放在父級的children屬性中
2020-06-21 00:59:03
原创 在本地通過設置域名訪問vue項目時出現Invalid Host header錯誤
在本地通過設置域名訪問vue項目時出現Invalid Host header錯誤 原因： webpack-dev-server出於安全考慮，默認檢查hostname，如果hostname不是配置內的就不能訪問，我們可以通過設置跳過
2020-06-21 00:59:03
原创 vue項目中使用特殊字體
vue項目中使用特殊字體 最近項目中需要使用一些特殊字體，字體的效果圖如下： 這是一種名叫DINCond-Regular的字體，下面以此爲例介紹一下在vue項目中如何使用特殊字體： 1、獲取特殊字體文件 首先需要獲取特殊字體的源
2020-06-21 00:05:15
16
原创 window.open新開頁時頁面訪問不了問題
window.open新開頁時頁面訪問不了問題 當項目中需要新開頁跳轉到其他網站時，最常用的方法就是使用window.open(url)來實現，最近在項目中，使用window.open()方法新開頁跳轉時，有些網站可以正常訪問，有
2020-06-21 00:05:15
原创 parseInt()方法理解
parseInt()方法理解 通過下面幾個題來深刻理解一下parseInt方法： ['1', '2', '3'].map(parseInt) ['1', '2', '3'].filter(parseInt) ['1', '2'
2020-06-21 00:05:15
原创 記一次linux下安裝nginx
記一次linux下安裝nginx 使用到的工具： 1、xshell：用於訪問遠程服務器，通過執行腳本來查看、刪除服務器上的文件、在服務器上進行安裝程序等操作； 2、xftp：用於更換遠程服務器中的文件； 安裝過程： 1、安裝n
2020-06-21 00:05:15
原创 骨架屏效果
骨架屏效果 在我們訪問頁面時，當資源未加載完成時，通常會出現空白，這種體驗不是很好，常用的解決方法有添加loading頁、使用骨架屏，相比於loading頁，骨架屏更貼近實際內容。如下圖所示： 刷新頁面時資源未加載成功時，先展示
2020-06-21 00:05:15
原创 實現一個EventBus
實現一個EventBus vue組件間通信方式有多種，對於父子組件，最常用的是使用props和emit進行通信，對於非父子組件，我們會採用EventBus進行通信，具體如何操作先看如下demo： // utils.js // 創
2020-06-21 00:05:15
原创 git實用命令（不斷更新中......）
git實用命令（不斷更新中…） git是一個分佈式版本控制系統。前端開發時，git也是一個我們繞不開的工具，它可以幫助我們方便地上傳、更新自己的項目代碼。git是通過執行命令行來工作的，它的命令也特別多，下面將常用到的git命令總
2020-06-21 00:05:15
原创 Error: getaddrinfo ENOENT報錯解決
Error: getaddrinfo ENOENT報錯解決 使用npm run dev 運行vue項目時，出現Error: getaddrinfo ENOENT報錯，具體如下： 問題原因： localhost沒有與127.0.0
2020-06-21 00:05:15