先說結論。作用域及作用域查找鍊，前者是指宣告變數的使用範圍(邊界)涵蓋哪裡。後者是指在程式碼區塊內，使用一個不在同區塊內宣告的變數，因為在當前範圍找不到值 會由...
一、匹配当前路由 使用<RouterLink>，且路徑相符時，渲染出來的<a>會自帶有2種className：router-link-a...
PS: 僅記錄自己不熟的概念。 一、嵌套路由：根目錄path要加 / ，子路由path則不用 const routes = [ { path: '/...
https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%AE%8C%E6%9...
今日的目標： new Promise then / catch / finally 鏈式操作 + 錯誤傳遞 1. Promise 是什麼？ Promise...
今日的目標： 了解同步 / 非同步 了解 Event Loop Task 與 Microtask 的差別 一、同步 / 非同步是什麼？ 同步（Synchr...
在前幾天我們的表單與登入功能中，每次重新整理頁面資料都會消失。今天我們要來解決這個問題，讓網站「記得」使用者的狀態～ 今日的目標： 了解Local Stor...
一、全局前置beforeEach router.beforeEach，如果在函式裡面觸發再次導向，return { name: 'Login' }，那麼會再次...
test 為動態路由參數名稱。組件中可透過以下方式取得該參數值： const route = useRoute(); route.params.test...
允許一網址中寫多個動態路由，如下列的:name, :id const routes = [ { path: 'test1/:name...
今天我們要讓網頁能聽懂使用者的輸入！ 今日的目標： 了解表單（form）的基本結構 學會取得輸入值（value） 處理表單送出事件（submit） 實作基本...
承接海外專案的獨立工作室，目前招募一位 前端工程師（Vue.js） 加入。 主要負責： 維護現有承接的業主專案 參與開發與拓展自主設計的遊戲平台 團隊成員來...
今天我們要聊的是事件機制，也就是説，當使用者做出動作時，瀏覽器怎麼反應？ 舉個例子：點一下按鈕 → 顯示一段文字滑鼠移過圖片 → 變模糊送出表單 → 阻止跳頁...
今天我們要學會讓 JavaScript動手改變網頁！ 今日的目標： 用 querySelector() 和 querySelectorAll()選取 HTM...
其實寫程式最怕的不是報錯，而是找不到錯在哪><今天要學的就是 —— 讓錯誤變得可預期、可掌握、可修正。 今日的目標： 學習如何找到錯誤 一....
今天我們要來解開物件的第二層魔法：「拷貝」與「不可變」。前幾天我們知道，物件不是獨立存在的小盒子，而是「參考」同一份資料。今天要學的，就是如何複製、分身、修改而...
今天要進入 JavaScript 陣列的進階階段～這些方法能讓我們少寫迴圈、程式更俐落！ 今日的目標： 理解每個高階陣列方法的用途與語意 1. map(...
今天要來學習JavaScript 裡的「物件（Object）」怎麼建立、拆解、合併與操作！ 今日的目標： 了解物件的基本概念 巢狀物件 解構賦值 理解展開運...
今天是JavaScript學習紀錄的Day6陣列是 JavaScript 中超常用的資料結構之一！從清單、購物車、留言列表，到資料查詢結果，幾乎都少不了它的身影...
今天是JavaScript學習紀錄的Day5，今天要來聊聊「函式」！函式就像是我們常常會重複用到的小工具，把它包裝起來以後，就能隨時呼叫，省時又省力。 今日的...
昨天我們學會了變數和運算子，今天要讓程式「有判斷力」！去根據不同條件，執行不同動作～ 今日的目標： if...else 判斷式 switch...case...
今天是JavaScript學習紀錄的Day3，要讓程式動起來了！ 今日的目標： 搞懂運算子 模板字串更方便 相等 vs 嚴格相等 自增與自減 三元運算子...
今天是JavaScript學習紀錄的Day2！在介紹完環境與框架後，我們要進一步認識「變數」跟「型別」～ 今日的目標： 了解var、let、const的差別...
Assertion 斷言(Assertion)用於驗證某個內容是否符合應該遵循的方法在 js 中，斷言可由一個expression(which return...
歡迎來到「30天 JavaScript 實戰」的第一天！ 這裡會記錄我的 JavaScript 學習筆記，同時也希望能分享給跟我一樣剛入門的人～如果你也想學程式...
消除你程式碼的臭味 Day 30- 總結：從好品味到好架構的終極實踐清單 提升程式碼的品質，就像培養品味一樣，不是與生俱來的天賦，而是透過一次又一次正確的取捨...
例外情況(exception) 當某個函式無法正常進行時，停止正在執行的動作，並立即跳到某個知道如何處理問題的地方，這就是例外情況機制的作用 如何拋出/引發...
沒想到轉眼就要30天了，先容我將進度快轉到第八章XD第八章的主題是除錯 Debugging in js 因為 js 本身為 Dynamic Typing lan...
消除你程式碼的臭味 Day 29-順序依賴：停止設計那種需要記住呼叫順序的 API 今天我們要談一個最陰險的程式碼臭味：順序依賴 (Temporal Coup...
消除你程式碼的臭味 Day 28 - 重構：看見味道就動手 重構不是一定要大改特改，要你把整個架構打掉重練，而是小步小步且精確的日常整理。 也別為了重構而重構...
dc88
Sunny.Cat
iThome鐵人賽
看影片追技術