原创 微軟宣佈 Edge 瀏覽器將切換至 Chromium 內核

簡述 據微軟官方 blog的消息,windows 的默認瀏覽器 Edge將切換內核至 Chromium,並且微軟將秉承開源精神,在未來更多的爲 Chromium項目貢獻代碼。 微軟具體說了什麼? 原文如下: For the past f

原创 Github Repository 可視化 (D3.js & Three.js) 原 薦

Github Repository 可視化 (D3.js & Three.js) 先上 Demo 鏈接 & 效果圖 demo 鏈接 github 鏈接 效果圖 2D: 效果圖 3D: 爲什麼要做這樣一個網站? 最初想法是因爲 githu

原创 用 D3.js 畫一個手機專利關係圖, 看看蘋果,三星,微軟間的專利糾葛 原 薦

用 D3.js 畫一個手機專利關係圖, 看看蘋果,三星,微軟間的專利糾葛 前言 本文靈感來源於Mike Bostock 的一個 demo 頁面 原 demo 基於 D3.js v3 開發, 筆者將其使用 D3.js v5 進行重寫, 並改爲

原创 前端雜談: Attribute VS Property 原

第一個問題: 什麼是 attribute & 什麼是 property ? attribute 是我們在 html 代碼中經常看到的鍵值對, 例如: <input id="the-input" type="text" value="Name

原创 [譯]D3.js 之 d3-selection 原理 原 薦

[譯]D3.js 之 d3-selection 原理 譯者注 原文: 來自 D3.js 作者 Mike Bostock 的How Selections Works 譯者: ssthouse 譯文 在前一篇文章中, 我介紹了關於 D3

原创 前端Tips: 創建, 發佈自己的 Vue UI 組件庫 原

創建, 發佈自己的 Vue UI 組件庫 前言 在使用 Vue 進行日常開發時, 我們經常會用到一些開源的 UI 庫, 如: Element-UI, Vuetify 等. 只需一行命令, 即可方便的將這些庫引入我們當前的項目: npm in

原创 [譯] D3.js 嵌套選擇集 (Nested Selection) 原 薦

[譯] D3.js 嵌套選擇集 (Nested Selection) 譯者注: 原文: Mike Bostock (D3.js 作者) -- Nested Selections 譯者: ssthouse 本文講解的是關於 D3.js

原创 前端雜談: DOM event 原理 原 薦

前端雜談: DOM event 原理 DOM 事件是前端開發者習以爲常的東西. 事件的監聽和觸發使用起來都非常方便, 但是他們的原理是什麼呢? 瀏覽器是怎樣處理 event綁定和觸發的呢? 讓我們通過實現一個簡單的event 處理函數, 來

原创 用D3.js 十分鐘實現字符跳動效果 原

用D3.js 十分鐘實現字符跳動效果 注 本文基於 D3.js 作者 Mike Bostock 的 例子 原文分爲三部分, 在這裏筆者將其整合爲了一篇方便閱讀. 該效果基於 D3.js, 主要使用到了 d3-selection. 如果

原创 [譯]D3.js 漫遊指南 原

原文: https://medium.com/@enjalot/the-hitchhikers-guide-to-d3-js-a8552174733a 譯文源代碼地址: https://github.com/ssthouse/d3-blo

原创 D3.js + Canvas 繪製組織結構圖 原

D3.js + Canvas 繪製組織結構圖 使用 D3.js 默認的 svg 渲染 D3默認的樹狀圖畫圖使用的是svg, 比如這個來自D3作者的例子: https://bl.ocks.org/mbostock/4339083 使用svg有

原创 可視化講解 DOM 構建過程 原 薦

前言 最近在看 Secrets of the JavaScript Ninja, 書中第二章講到 DOM 的構建流程. 記得我之前也爲理解 DOM 構建流程查閱過數次資料, 雖然每次查閱完都覺得 DOM 構建流程很簡單, 看完便懂, 但是懂

原创 前端雜談: CSS 權重 (Specificity) 原 薦

前端雜談: CSS 權重 (Specificity) css 權重想必大家都聽說過, 一些簡單的規則大部分人也都知道: 較長的 css selector 權重會大於較短的 css selector id selector 權重高於

原创 以 Join 的方式來思考D3.js 原

聲明 原文鏈接: 來自 D3作者 Mike Bostock https://bost.ocks.org/mike/join/ 譯文地址: github repository 如果覺得還不錯, 不妨去github給個star ? Conten

原创 可視化講解 深度優先遍歷(DFT) 原 薦

可視化講解 深度優先遍歷(DFT) 深度優先遍歷, 刷過題的朋友應該都很熟悉了,難是不難,但是理解起來還是要費一些功夫的. 深度優先遍歷的實現方法有遞歸和非遞歸兩種, 這裏我們用可視化的角度,講解前一種: 遞歸的深度優先遍歷. 爲什麼要以可