![[筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 7](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 7")
[筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 7
前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Read More …
分類: 網頁開發 Web Development
![[筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上基本的水平、垂直軸 ( x, y axis)](https://smlpoints.com/wp-content/uploads/notes-typescript-d3-js-vue-3-start-and-draw-bar-chart-1.png "[筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上基本的水平、垂直軸 ( x, y axis)")
[筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上基本的水平、垂直軸 ( x, y axis)
幫 D3.js 繪製出來的長條圖，加上基本的水平、垂直軸 ( X-Y Axis ) 核心關鍵 1. 如果你是採取固定寬高度的版本的話，那只要確定寬高度實際範圍跟 Read More …
![[筆記] Lodash 比較物件 Object 是否更動的一些細節](https://smlpoints.com/wp-content/uploads/notes-zh-tw-en-javascript-understanding-the-weird-part-1.jpg "[筆記] Lodash 比較物件 Object 是否更動的一些細節")
[筆記] Lodash 比較物件 Object 是否更動的一些細節
Lodash 是在 JavaScript 的世界中非常熱門的一套函式庫，補充原生的 JavaScript 中比較缺乏的部分，如陣列和物件的內容物比較。由於 Ja Read More …
[筆記] TypeScript + D3.js + Vue 3 – 讓長條圖有 RWD 效果
用 D3.js 來畫製一個可以隨畫面變化的長條圖吧。 核心關鍵 1. 第一次載入時，繪製第一版，並留下原始目標 DIV 的寬度和高度資料。 2. 當畫面變化時， Read More …
[筆記] TypeScript + D3.js + Vue 3 – 初探 & 畫個長條圖
雖說先前用過 Chart.js 做過一些資料視覺化的東西(像是長條圖、折線圖…等)，也用它在專案上進行了不少的運用。不過這回要挑戰自由度更高的 D3 Read More …
[筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 6
前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Read More …
![[指南] Vue TestCafe + TypeScript 導入 E2E 測試](https://smlpoints.com/wp-content/uploads/guide-vue-testcafe-e2e-typescript-1.jpg "[指南] Vue TestCafe + TypeScript 導入 E2E 測試")
[指南] Vue TestCafe + TypeScript 導入 E2E 測試
在 Vue.js 的官網上，有推薦不少的測試框架如 cypress, nightwatch, puppeteer…等。不過考量其方便性及安裝的耦合性 Read More …
[指南] Vue 結合 Jest + TypeScript 導入單元測試 – 2
Vue 2.X 版本若要結合 TypeScript 的模式導入單元測試，還須了解的一個環節是如何模擬對外呼叫的 API。這邊是筆記下如何用 axios-mock Read More …
[筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 5
前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Read More …
