[指南] Chart.js 前端圖表實用工具
Chart.js 是個輕量且具備多樣化設定的 JavaScript Library，支援 8 種圖表類型，也支援混合圖表。在大數據的時代，資料視覺化變成一門顯學 Read More …
標籤: JavaScript
[筆記] 在 Vue 中正確引用 src/assets 裡的圖片
在 Vue 專案內放於 src/assets 裡面的圖片檔案，會在打包 npm run build 的時候一起被整合到最終的 img 資料夾。因此，若你要在 V Read More …
[筆記] 將 Vue 專案自動佈署到 Github Pages 上
每次完成了一個 Vue 專案，要佈署到 Github 上，往往要手動執行 npm run build 之類的指令才能看到結果。這樣的重複動作，是可以寫腳本 (S Read More …
[筆記] Vue 如何監控視窗寬度，並讓每個 component 可以取用
Vue 的專案裡，若要監測使用者的視窗大小寬度，最簡便的方法就是在預設的根目錄 Vue 檔案裡加上監聽器，並將此值設置 vuex 中即可。 概念 1. 在根目錄 Read More …
[指南] 在 Vue 專案中，修改 樣式方法
在 Vue 專案中，若要修改對於 <body> 上的樣式，會遇上一個問題：因為 vue 的框架頁面是載入在 <div id=”ap Read More …
[筆記] 從 Vue CLI 3 開始建立規模化專案
用 Vue CLI 3，可以快速的建立一個 Vue 專案。雖說是方便，但要能夠規模化的管理 vuex, scss, vue-router 等等檔案，還是要自己手 Read More …
[IT技術30篇挑戰] 資料結構和演算法實作 DAY13 – 動態規劃
這一篇動態規劃筆記相關內容，並沒有存在於原先參照的這本書內，而是取自於 Hiskio 上的課程 – 從 LeetCode 學演算法。 動態規劃 動態 Read More …
[筆記] 一行解決你的 JavaScript 問題經典範例 (持續增加中)
JavaScript 中的學習過程中，最讓人感到明顯門檻的就是明明有一些常見的需求，得花上數行或是用巢狀迴圈來處理。這個網站提供了不少經典範例可供參考，特點就是 Read More …
[筆記] Emmet 網路開發必備簡碼 加速你的開發流程
Emmet 是網路開發者 (尤其是前端人員) 必備的外掛套件之一。它可以節省你大幅度重複撰寫同樣或是類似程式碼的時間。另外搭配上 TabNine 來補足你在日常 Read More …
[筆記] 運用 Moment.js 製作 AM / PM 時間外掛
運用 Vue 和 Moment.js 來將 input-time 的 12 小時制時間，轉換成 24 小時制傳送到後端。 運用套件和方法 1. Vue-rout Read More …
[筆記] HTML5 Input time 時間格式
近日在網頁開發時，遇上要讓使用者填寫時間的狀況。第一直覺會想到 input time ，不過這個時間格式有個隱形的坑，它的 12 / 24 小時的選項，是根據使 Read More …
[IT技術30篇挑戰] 資料結構和演算法實作 DAY12 – 遞迴與迭代解
遞迴和迭代這兩個概念，在任何的程式語言中，都是非常常用的工具，可以簡化你的程式碼並更有邏輯性。 遞迴和迭代 無論是採用何種方法，在開始前，請先注意有無特殊解(邊 Read More …
[IT技術30篇挑戰] 資料結構和演算法實作 DAY11 – 遍歷二元樹
樹的遍歷是指訪問樹的每個節點，並對它們進行各種操作。訪問的方法可以分為三種：中序、前序和後序。(Wikipedia) 遍歷方法 前序(Pre-Order Tra Read More …
[筆記] CodeSandbox 線上編輯器 模擬前端框架
隨著前端框架的發展，當需要多人編輯、展示或是教學時，CodeSandbox 提供了一個很好的環境來給予模擬。除了 Vue 以外，React, Angular, Read More …
[IT技術30篇挑戰] 資料結構和演算法實作 DAY10 – 二元樹
二元樹 (Binary Tree) 是資料結構的一種，最根部稱為 (root)。在每一個節點(node)可以有兩個子節點，每個子節點可以再依照此規則發展下去。葉 Read More …
[筆記] 工字型樣板，長方形依照比例縮放
這回要挑戰工字型( I-Shape )的顯示樣板。同時，上頭要疊加有個會隨著數值比例而放大縮小的一個長方形。這邊筆記下要如何用 CSS 和 Vue 的綁定 cl Read More …
[筆記] Element-UI 的自定義表格邊框樣式
Element UI 的表格算是非常常用的模組化套件之一，不過其表格邊框樣試算是非常難以處理的。這邊筆記一下如何客製化的一些步驟(頓時覺得辦公室文書軟體要自定義 Read More …
[筆記] Vue 關於 slot-scope 的簡易認知
Vue 的 slot 系列使用方法，頭一回在 Element-UI 這個模組上看見，覺得用法挺神奇的，於是便筆記一下個人對 slot 的理解，以及怎樣的場景會使 Read More …
[IT技術30篇挑戰] 資料結構和演算法實作 DAY9 – 鏈結串列(續) (Linked List – 2)
鏈結串列(Linked List)本身在記憶體的儲存位置中並不是連續的，而是由各個節點(node)組成。搜尋的時候會從 head 開始，依序往下尋找每個 nod Read More …
[筆記] Chart.js 長條圖 最大值用特別顏色表示
前端圖表的軍火庫 Chart.js，雖說可以滿足大部分的圖表需求，但還是有一些客製化的案件會發生。這回遇上的情況是要在長條圖中，將最大值另外標示成其他顏色。以下 Read More …
[筆記] Vue Watch 監聽並延後發送請求
當使用 Vue Watch 的事件監聽時，若有要觸發傳送 XML 之類的事件時，屢屢發送的話會造成後端伺服器的負擔。你可以運用簡單的 Promise + set Read More …
