原创 在 Ember.js app 中使用 TypeScript
在 Ember.js app 中使用 TypeScript ember cli version 3.16 ember-cli-typescript version 3.1.3 生成新的項目 ember new ember-qu
2020-07-04 16:23:11
原创 在 Emberjs 項目中由淺入深使用 D3.js 繪製圖表
ember-d3-demo 文章目錄ember-d3-demo0. 前言1. 前期工作1.1 修改項目爲 Pods 目錄（可選）1.2 依賴安裝2. 選擇元素和綁定數據2.1 創建 d3/hello-world 組件2.2 使用
2020-07-04 15:42:02
4
原创 JavaScript 實現鏈表（單向）
文章目錄1. 什麼是鏈表。2. 鏈表的表現形式3. 鏈表的生成4. 鏈表的操作4.1 鏈表的查詢4.2 向鏈表中插入節點4.3 展示鏈表4.4 刪除鏈表中某一節點4.5 單向鏈表的總結5. 循環鏈表6. 雙向鏈表6.1 插入7.
2020-07-04 15:42:00
原创 Array.prototype.slice.call(arguments) 到底做了什麼？
Array.prototype.slice.call(arguments) 到底做了什麼？ 如題，在一些代碼中我們經常會看到Array.prototype.slice.call(arguments) 或者[].slice.cal
2020-07-04 15:42:00
原创 D3.js 中動態計算 x 軸 y 軸的寬度以及偏移量
D3 中動態計算 x 軸 y 軸的寬度以及偏移量 問題描述 在 D3.js 中經常會遇到這樣的情況：某一座標軸不能正確展示的情況。 如下圖所示： 造成這種情況的原因就是 y 軸上的數據過大，導致我們預留給 y 軸與左邊界的空間不
2020-07-04 15:41:59
21
原创 使用 D3.js 創建柱狀堆積圖
柱狀堆積圖 項目地址 使用 D3.js 創建的圖表： 使用 D3.js 創建根據值域顏色漸變的地圖 D3.js 中動態計算 x 軸 y 軸的寬度以及偏移量 在 Ember.js 項目中由淺入深使用 D3.js 繪製圖表 8.1
2020-07-04 15:41:57
15
原创 React 電影demo - 使用 hooks(Class component VS Functional component)
基於電影API,結合 Reactjs 的 hooks 功能,製作的 demo. 參考文章 how-to-build-a-movie-search-app-using-react-hooks,也能算得上一篇翻譯吧,但是主要是根據文
2020-07-04 15:41:56
4
原创 SVG 中的基礎圖形(rect , line ,circle 等)以及在 D3.js 中的應用
SVG 中的基礎圖形(rect , line ,circle 等)以及在 D3.js 中的應用 文章目錄SVG 中的基礎圖形(rect , line ,circle 等)以及在 D3.js 中的應用矩形 - rect直線 - li
2020-07-04 15:41:55
11
原创 由淺入深的 D3.js 初級及進階指南 之一 HelloWorld
由淺入深的 D3.js 初級及進階指南 之一 HelloWorld 任何教程的開端離不開 hello world ,我們也不能免俗. D3.js 擁有中非常強大的對 DOM 進行操作的能力.現在就簡單的操作一下. 所需環境: e
2020-07-04 15:41:55
原创 由淺入深的 D3.js (v5/v4) 初級及進階指南 之零 背景介紹與環境安裝
由淺入深的 D3.js 初級及進階指南–零 背景介紹與環境安裝 毋庸置疑的是圖表在頁面中發揮着重要的作用.而對圖表進行封裝的插件/組件也是層出不窮,像 ECharts 、HighChart 、G2 等.這些都是非常優秀的圖表組件
2020-07-04 15:41:55
5
原创 Emberjs中JSONAPIAdapter的常用API
Ember JSONAPIAdapter 目前 Emberjs 框架中使用 JSONAPIAdapter 爲默認的 adapter，遵循 JSONAPI 的通信標準。目前本公司也默認使用的是此 adapter，所以一下 api
2020-06-04 07:29:18
原创 MacOS 使用命令行查看端口占用與結束進程的方法
查看某一端口被佔用的情況,在命令行中使用: lsof -i:8008 該命令會顯示佔用 8008 端口的進程: 可以看到顯示出的信息中有其 pid ,有 USER 以及其他更多內容. 如果想關閉某一進程,可以通過: kill
2020-05-18 00:26:33
原创 由淺入深的 D3.js 初級及進階指南之二 瞭解SVG 中的基礎圖形(rect , line ,circle 等)及在 D3.js 中的應用
在 D3.js 中,根據要展示的數據,我們挑選合適的 svg 中的基礎圖形,然後進行一系列的設置等,使其達到我們的要求. 這裏就把自己在使用 D3.js 繪製圖形的過程中,使用到的一些基本圖形記錄下來. 所需環境: d3.js
2020-04-27 14:59:31
原创 前端跨域問題原因分析以及解決方式
前端跨域問題的解決方案 文章目錄前端跨域問題的解決方案1. 造成跨域的原因2. 同源策略限制些什麼?3. 爲什麼會有同源策略3.1 爲什麼要限制不同源發送請求3.2 爲什麼限制跨域的 DOM 讀取?4. 跨域的解決方式4.1 CO
2020-03-13 09:50:16
原创 使用 D3.js 創建根據值域顏色漸變的地圖
在實際開發中,地圖是個比較常見的圖,用於展示各個省市之間的數據差異. 項目地址: 點擊查看 文章目錄效果預覽獲取地圖 geojson 數據繪製 svg 元素南海諸島的添加visualMap 的添加完成代碼 效果預覽 先來看一下
2020-03-09 05:39:29
36