[筆記] 在 Vue 中正確引用 src/assets 裡的圖片
在 Vue 專案內放於 src/assets 裡面的圖片檔案，會在打包 npm run build 的時候一起被整合到最終的 img 資料夾。因此，若你要在 V Read More …
標籤: NodeJS
[筆記] 將 Vue 專案自動佈署到 Github Pages 上
每次完成了一個 Vue 專案，要佈署到 Github 上，往往要手動執行 npm run build 之類的指令才能看到結果。這樣的重複動作，是可以寫腳本 (S Read More …
[指南] 在 Vue 專案中，修改 樣式方法
在 Vue 專案中，若要修改對於 <body> 上的樣式，會遇上一個問題：因為 vue 的框架頁面是載入在 <div id=”ap Read More …
[筆記] 運用 Moment.js 製作 AM / PM 時間外掛
運用 Vue 和 Moment.js 來將 input-time 的 12 小時制時間，轉換成 24 小時制傳送到後端。 運用套件和方法 1. Vue-rout Read More …
[筆記] CodeSandbox 線上編輯器 模擬前端框架
隨著前端框架的發展，當需要多人編輯、展示或是教學時，CodeSandbox 提供了一個很好的環境來給予模擬。除了 Vue 以外，React, Angular, Read More …
[筆記] Element-UI 的自定義表格邊框樣式
Element UI 的表格算是非常常用的模組化套件之一，不過其表格邊框樣試算是非常難以處理的。這邊筆記一下如何客製化的一些步驟(頓時覺得辦公室文書軟體要自定義 Read More …
[筆記] Vue 關於 slot-scope 的簡易認知
Vue 的 slot 系列使用方法，頭一回在 Element-UI 這個模組上看見，覺得用法挺神奇的，於是便筆記一下個人對 slot 的理解，以及怎樣的場景會使 Read More …
[筆記] Vue Watch 監聽並延後發送請求
當使用 Vue Watch 的事件監聽時，若有要觸發傳送 XML 之類的事件時，屢屢發送的話會造成後端伺服器的負擔。你可以運用簡單的 Promise + set Read More …
[筆記] Vue SCSS 使用 Deep Selectors
在 Vue Sass 的使用方法上，若你有和其他的 Vue 套件一同使用，常會發生 css 選取困難的問題。Vue Loader 有提供所謂的 Deep Sel Read More …
[筆記] Vue 使用 SCSS
運用 Vue-cli 建立的專案，若要使用 SCSS 來較為語意化的管理自己的 css 檔，需要事先做一些設定。這邊筆記下直接在 .vue 中使用的方法和如何引 Read More …
[筆記] Vue 生命週期
每一個 Vue Instance 在創建時，都會經歷過一個完整的生命週期，這算是 Vue 的初始化過程。在這個過程中，官方預設了許多的 hook 來提供開發者對 Read More …
[筆記] Vue 單元測試初探
隨著程式開發越來越龐大，那麼以「程式」測試「程式」是一件值得學習的投資了。除了節省時間外，也可以藉機測試一下程式的邏輯是否如你所預期的。這邊筆記下 Vue 的前 Read More …
[筆記] Vue2 Perfect-Scrollbar 置底開始
Vue 的 Perfect-Scrollbar 套件，是 Vue 中滿常使用的捲軸選單的套件。雖說有內建的一些自訂樣式的選項( 可用 options 載入)，不 Read More …
[筆記] Vue 的狀態管理 Vuex 實作心得
Vuex 是 Vue 中用於狀態管理的工具，你可以將每個頁面、元件都會用到的「狀態」(像是：登入的使用者資料)，儲存在前端使用者的瀏覽器中。因為在頁面的切換中， Read More …
[筆記] Vue 自訂綁定 style 標籤
Vue 中的 v-bind 有一些預設的 style 選項如 :disabled。不過若要客製化的 style 顯示，像是 visibility:hidden Read More …
[筆記] Body-Parser 無法解析的 FormData 解決方案 – multer
運用 express 的框架來架設後端的 Node.js 伺服器時，當遇上前端傳來的表單資料為 multipart/form-data 格式時，那麼 body- Read More …
[筆記] Vue 頁面元件定時自動跳轉
當 Vue 頁面需要定時自動跳轉的功能時，只需在該頁面的 <script> 標籤內撰寫一小段程式碼即可。在撰寫如 404 自動跳轉時可以不必再外掛其 Read More …
[筆記] Vue 刷新當前頁面
Vue 的使用上，若是要進行完某個操作後重新刷新「當前頁面」的話，用單純的 redirect 是沒有辦法成功跳轉的。這邊要筆記下可以成功實現這個目標的方法。 程 Read More …
[筆記] BootstrapVue Pagination Vue 分頁套件使用
在網路世界中常用的前端 css 套件 – Bootstrap，搭配上前端框架 Vue，有好心人已經統整成了 BootstrapVue 的套件，讓 B Read More …
[筆記] Vue 避免 ESLint 的 Unexpected Console Statement
當運用官方套件迅速建立一個 Vue 專案後，若你是採用 ESLint 的規則，那麼在除蟲時會遇見 Unexpected console statement 的錯 Read More …
[筆記] Vue-cli 輸出 console.log 的結果
使用 Vue-cli 輸出頁面結果到網頁上時，若是需要輸出錯誤結果的瀏覽器的 console.log 結果，會因為預設的 Eslint 語法規則檢查而報錯。這在 Read More …
