原创 一個簡單的 命令行 圖片壓縮工具
一個簡單的 命令行 圖片壓縮工具 https://tinyjpg.com/ 是一個圖片壓縮網站, 在進行圖片壓縮的同時非常好的保存了圖片的質量. 相信做前端的同學很多都用到過. 偶然一次發現該網站有提供Developer API
2019-06-11 03:12:04
1
原创 前端雜談: 如何實現一個 Promise?
前端雜談: 如何實現一個 Promise? 首先, 什麼是 Promise? A promise is an object that may produce a single value some time in the futur
2018-12-13 21:26:45
原创 微軟宣佈 Edge 瀏覽器將切換至 Chromium 內核
微軟宣佈 Edge 瀏覽器將切換至 Chromium 內核 簡述 據微軟官方 blog的消息，windows 的默認瀏覽器 Edge將切換內核至 Chromium，並且微軟將秉承開源精神，在未來更多的爲 Chromium項目貢獻代碼
2018-12-07 22:04:02
原创 前端雜談: DOM event 原理
前端雜談: DOM event 原理 DOM 事件是前端開發者習以爲常的東西. 事件的監聽和觸發使用起來都非常方便, 但是他們的原理是什麼呢? 瀏覽器是怎樣處理 event綁定和觸發的呢? 讓我們通過實現一個簡單的event 處理函數
2018-11-22 23:18:29
原创 前端雜談: CSS 權重 (Specificity)
css 權重想必大家都聽說過, 一些簡單的規則大部分人也都知道: 較長的 css selector 權重會大於較短的 css selector id selector 權重高於 class selector. 但是具體規範
2018-11-19 23:06:56
原创 Github Repository 可視化 (D3.js & Three.js)
Github Repository 可視化 (D3.js & Three.js) 先上 Demo 鏈接 & 效果圖 demo 鏈接 github 鏈接 效果圖 2D: 效果圖 3D: 爲什麼要做這樣一個網站? 最初想法是因爲 gi
2018-10-19 22:51:53
2
原创 可視化講解 深度優先遍歷(DFT)
可視化講解 深度優先遍歷(DFT) 深度優先遍歷, 刷過題的朋友應該都很熟悉了,難是不難,但是理解起來還是要費一些功夫的. 深度優先遍歷的實現方法有遞歸和非遞歸兩種, 這裏我們用可視化的角度,講解前一種: 遞歸的深度優先遍歷. 爲什麼
2018-09-17 03:32:56
原创 用 D3.js 畫一個手機專利關係圖, 看看蘋果,三星,微軟間的專利糾葛
用 D3.js 畫一個手機專利關係圖, 看看蘋果,三星,微軟間的專利糾葛 前言 本文靈感來源於Mike Bostock 的一個 demo 頁面 原 demo 基於 D3.js v3 開發, 筆者將其使用 D3.js v5 進行重寫, 並改
2018-08-31 22:39:23
7
原创 D3.js + Canvas 繪製組織結構圖
D3.js + Canvas 繪製組織結構圖 使用 D3.js 默認的 svg 渲染 D3默認的樹狀圖畫圖使用的是svg, 比如這個來自D3作者的例子: https://bl.ocks.org/mbostock/4339083 使用svg
2018-08-31 22:39:18
119
原创 可視化講解 DOM 構建過程
可視化講解 DOM 構建過程 前言 最近在看 Secrets of the JavaScript Ninja, 書中第二章講到 DOM 的構建流程. 記得我之前也爲理解 DOM 構建流程查閱過數次資料, 雖然每次查閱完都覺得 DOM 構建
2018-08-31 22:39:16
原创 [譯]D3.js 之 d3-selection 原理
[譯]D3.js 之 d3-selection 原理 譯者注 原文: 來自 D3.js 作者 Mike Bostock 的How Selections Works 譯者: ssthouse 譯文 在前一篇文章中, 我介紹了關於 D3
2018-08-31 22:39:16
原创 使用 github pages, 快速部署你的靜態網頁
使用 github pages, 快速部署你的靜態網頁 Github Pages 官網 Github Pages: Websites for you and your projects. Hosted directly fr
2018-08-31 22:39:15
80
原创 以 Join 的方式來思考D3.js
以 Join 的方式來思考D3.js 聲明 原文鏈接: 來自 D3作者 Mike Bostock https://bost.ocks.org/mike/join/ 譯文地址: github repository 如果覺得還不錯, 不妨去g
2018-08-31 22:39:15
1
原创 D3.js學習之路
D3.js 簡介 原文: https://medium.com/@enjalot/the-hitchhikers-guide-to-d3-js-a8552174733a 譯文源代碼地址: https://github.com/sstho
2018-08-31 22:39:15
原创 用D3.js 十分鐘實現字符跳動效果
用D3.js 十分鐘實現字符跳動效果 注 本文基於 D3.js 作者 Mike Bostock 的 例子 原文分爲三部分, 在這裏筆者將其整合爲了一篇方便閱讀. 該效果基於 D3.js, 主要使用到了 d3-selection. 如
2018-08-31 22:39:15
3