原创 「乾貨」用 Vue + Echarts 打造你的專屬可視化界面（下）

前言 接上一篇文章 《「乾貨」用 Vue + Echarts 打造你的專屬可視化界面（上）》)，今天着重介紹 標記 的用法，來實現下圖中的效果。 所用的 Echarts 的版本號爲： v4.3。v-charts 的版本號爲：v1.19.0

2019-10-31 10:05:28

原创 「乾貨」用 Vue + Echarts 打造你的專屬可視化界面（上）

前言 在近期的項目中，有大量處理可視化數據的需求。說起這個，相信很多同學跟我一樣，都會想到用 Echarts 來實現。沒錯，Echarts 擁有高度可定製化的配置，以及非常詳盡的開發文檔，並且它的最新版已經更新到了 v4.3。 不過，也是

2019-10-25 09:55:34 4

原创 「乾貨」CSS 不定寬高的垂直水平居中（最全 9 種）

前言 垂直居中，在 CSS 中是一個老生常談的問題，面試的時候也會時常被提及。所以，今天我們就來聊聊 9 種不同的居中方法。 有常見的 flex、transform、absolute 等等。也有 CSS3 的網格佈局。還有僞元素的方法，是的

2019-09-03 09:45:09 1

原创 「乾貨」我的 Sublime Text 3 私房菜

前言 今天爲大家分享一款我用了很久的編輯器：sublime text 3。它的輕便和高度可定製化，是我覺得最棒的地方。本文會涉及到 sublime text 3 的方方面面，方便自己的同時，也希望能幫到你。 安裝與初始化 首先，可以在 官網

2019-07-27 20:52:11

原创 「讀懂源碼系列4」lodash 是如何實現深拷貝的（下）

前言 接着上一篇文章 lodash 是如何實現深拷貝的（上），今天會繼續解讀 _.cloneDeep 的源碼，來看看 lodash 是如何處理對象、函數、循環引用等的深拷貝問題的。 baseClone 的源碼實現 先回顧一下它的源碼，以及

2019-07-18 09:05:05 1

原创 「讀懂源碼系列3」lodash 是如何實現深拷貝的（上）

前言 上一篇文章 「前端面試題系列9」淺拷貝與深拷貝的含義、區別及實現 中提到了深拷貝的實現方法，從遞歸調用，到 JSON，再到終極方案 cloneForce。 不經讓我想到，lodash 中的 _.cloneDeep 方法。它是如何實現

2019-05-08 09:55:03 1

原创 「乾貨」細說 Javascript 中的浮點數精度丟失問題（內附好課推薦）

前言 最近，朋友 L 問了我這樣一個問題：在 chrome 中的運算結果，爲什麼是這樣的？ 0.55 * 100 // 55.00000000000001 0.56 * 100 // 56.00000000000001 0.57 * 10

2019-04-25 09:35:07

原创 「前端面試題系列9」淺拷貝與深拷貝的含義、區別及實現（文末有崗位內推哦~）

前言 這是前端面試題系列的第 9 篇，你可能錯過了前面的篇章，可以在這裏找到： 數組去重(10 種濃縮版) JavaScript 中的事件機制（從原生到框架） 理解函數的柯里化 ES6 中箭頭函數的用法 this 的原理以及用法 僞類與僞

2019-04-16 09:45:06

原创 一些有趣的 CSS 魔法和佈局（下）

前言 上一篇 一些有趣的 CSS 魔法和佈局（上） 中，我們聊了一些有趣且實用的佈局。今天，將呈現一些 CSS 帶來的魔法特效，有部分特效可以幫我們省去不少工作量。 鼠標懸浮使內容自撐開 在以前遇到這個需求的時候，我們可能會想到用 JS

2019-04-02 08:25:08 1

原创 一些有趣的 CSS 魔法和佈局（上）

前言 佈局和樣式，是每個前端的必修課。在日常的工作中，也會碰到一些特定場景的佈局需求，配合上樣式，就能實現一些神奇的效果。我搜羅了一些日常開發中遇到的佈局，以及瀏覽各大網站時碰巧發現的神奇特效寫法，在此做個分享。 由於篇幅原因，會分爲 2

2019-03-24 19:05:04 1

原创 「讀懂源碼系列2」我從 lodash 源碼中學到的幾個知識點

前言 上一篇文章 「前端面試題系列8」數組去重(10 種濃縮版) 的最後，簡單介紹了 lodash 中的數組去重方法 _.uniq，它可以實現我們日常工作中的去重需求，能夠去重 NaN，並保留 {...}。 今天要講的，是我從 _.uni

2019-03-18 09:05:04 1

原创 「乾貨」細說 Array 的常用操作(ES5 和 ES6)

前言 上一篇文章「前端面試題系列8」數組去重(10 種濃縮版) 中提到了不少數組的常用操作。 今天，會更具體地將數組的常用操作進行歸納和彙總，以便備不時之需。每組方法都會配以示例說明，有時我也會忘了某個方法是否會返回一個新的數組，如果你也

2019-03-10 10:15:07

原创 「前端面試題系列7」Javascript 中的事件機制（從原生到框架）

前言 這是前端面試題系列的第 7 篇，你可能錯過了前面的篇章，可以在這裏找到： 理解函數的柯里化 ES6 中箭頭函數的用法 this 的原理以及用法 僞類與僞元素的區別及實戰 如何實現一個聖盃佈局？ 今日頭條 面試題和思路解析 最近，

2019-02-24 19:55:05 13

原创 「前端面試題系列6」理解函數的柯里化

前言 這是前端面試題系列的第 6 篇，你可能錯過了前面的篇章，可以在這裏找到： ES6 中箭頭函數的用法 this 的原理以及用法 僞類與僞元素的區別及實戰 如何實現一個聖盃佈局？ 今日頭條 面試題和思路解析 最近，朋友T 在準備面試

2019-02-19 06:40:49

原创 「前端面試題系列5」ES6 中箭頭函數的用法

前言 年味兒漸散，收拾下心情，繼續敲代碼吧。 對於即將到來金三銀四的求職季，相信不少同學都在默默地做着準備。本系列旨在梳理前端龐雜的知識點，並儘可能通俗易懂地表述出來，也希望能幫到有需要的同學。 這是前端面試題系列的第 5 篇，你可能錯過

2019-02-11 17:15:04