有時候我們只是想抓個資料，為什麼 then 一層又一層？所以今天我們要來把 Promise 變成更直覺、更乾淨的寫法! 今日的目標： 了解async/awai...
今日的目標： Promise.all → 全部成功才成功 Promise.race → 誰先回來就用誰（timeout 常用） Promise.any → 至...
Day 16 我們自己寫 new Promise((resolve, reject) => { ... })但在實務上，我們比較常遇到的是： const...
forEach() (遍歷) for有對於的意思，each有每個的意思，合起來就是對於每個的意思。 語法： array.forEach(callback(cur...
JavaScript 的變數型別主要分為兩大類，，它們儲存的是記憶體位址的參考：原始型別（Primitive Type）和物件型別（Object Type）。...
先說結論。作用域及作用域查找鍊，前者是指宣告變數的使用範圍(邊界)涵蓋哪裡。後者是指在程式碼區塊內，使用一個不在同區塊內宣告的變數，因為在當前範圍找不到值 會由...
一、匹配当前路由 使用<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 學習筆記，同時也希望能分享給跟我一樣剛入門的人～如果你也想學程式...
dc88
iThome鐵人賽
看影片追技術