![[指南] 整合 Vue-i18N 國際化 和 TypeScript 到現有的 Vue 2.X 專案](https://smlpoints.com/wp-content/uploads/notes-vue-2-with-typescript-1.png "[指南] 整合 Vue-i18N 國際化 和 TypeScript 到現有的 Vue 2.X 專案")
[指南] 整合 Vue-i18N 國際化 和 TypeScript 到現有的 Vue 2.X 專案
Vue-i18N 算是採用 Vue 為前端框架者，常會使用的多國語言翻譯套件。不過為了支援 TypeScript 和便於日後維護，筆記下檔案的配置和資料流向。 Read More …
分類: 網頁開發 Web Development
![[指南] 前端開發 JSON-server 由多個 json 檔來快速模擬 Restful API](https://smlpoints.com/wp-content/uploads/guide-json-server-restful-api-2020-1.jpg "[指南] 前端開發 JSON-server 由多個 json 檔來快速模擬 Restful API")
[指南] 前端開發 JSON-server 由多個 json 檔來快速模擬 Restful API
前端開發者若遇上後端的 API 尚在製作時，總是要想辦法「模擬」出一個 API 回傳值，方能測試頁面、顯示和邏輯是否會出現錯誤。JSON-server 藉由多個 Read More …
![[筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 13](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 13")
[筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 13
前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Read More …
[筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 12
前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Read More …
[筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 11
前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Read More …
[筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 10
前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Read More …
![[指南] jQuery 浮動跳出框 ( Modal ) 的按鈕事件記得取消](https://smlpoints.com/wp-content/uploads/guide-do-you-need-jquery-1.jpg "[指南] jQuery 浮動跳出框 ( Modal ) 的按鈕事件記得取消")
[指南] jQuery 浮動跳出框 ( Modal ) 的按鈕事件記得取消
這是一個近期在開發中遇上「重複發送遠端請求」的狀況。簡言之，按鈕事件僅需要註冊一次就好。若你的函式中，有機會多次註冊的話，那記得在執行「關閉畫面、取消̷ Read More …
![[指南] 來訓練你對字距的感覺 前端設計 KernType](https://smlpoints.com/wp-content/uploads/guide-kern-type-letter-spacing-game-1.jpg "[指南] 來訓練你對字距的感覺 前端設計 KernType")
[指南] 來訓練你對字距的感覺 前端設計 KernType
字母、字的間距的感覺，在前端畫面的設計上，是相當質觀的一部分。這款 KernType 是個字距的小測驗，可以看看你對於那 1,2 px 差距的敏感度有多高。 網 Read More …
![[筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上 Tooltip](https://smlpoints.com/wp-content/uploads/notes-typescript-d3-js-vue-3-start-and-draw-bar-chart-1.png "[筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上 Tooltip")
[筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上 Tooltip
在幫 D3.js 繪製出來的長條圖，除了加上水平、垂直軸 ( X-Y Axis ) 外，再來加上比較麻煩的 Tooltip ( 提示視窗 )，也就是你在滑動到如 Read More …
