第一次接觸 Vue 的時候，是去年的 7 、 8 月，雖說是接觸，但可能連官方的 getting started 都還沒做完，也搞不懂 Vue.js 的用途是...
初級踩地雷是9X9地圖，如果網頁直接寫死，三個等級就要寫三頁。透過JavaScript來控制地圖大小，就可以將初、中、高地圖寫在同頁，甚至還可以讓玩家自訂地圖大...
閱讀本篇文章前，仔細想想看 你能不能分辨 TypeScript 型別推論和註記的差別在哪裡呢？ 試舉出推論的行為到底是什麼？如何運作的？ Nullable...
事件綁定 在昨天分享的即時更新中有帶到按鈕的點擊事件綁定，今天來正式說明一下。 本文同步放置於此 綁定事件的方式 綁定事件主要是on修飾詞後面帶事件名稱，例...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...
在真實世界中，我們可以很直觀地辨別各個不同的實體物品及其代表的意義，但在程式的世界中，「物品」是用一系列的資料去組合而成的物件模型。目前為止我們學到了 Java...
上一篇介紹了物件的解構賦值應用，而解構賦值的功能是要讓我們在寫物件、陣列的時候可以很便利的使用縮寫，將資料取出成獨立變數，增加可讀性並減少程式碼，今天就來練習陣...
題目: https://leetcode.com/problems/merge-sorted-array/2個排序好的陣列，合併成一個排序好的陣列。 解題思路:...
今天與明天會來短暫介紹一下 class-based 的 component，今天將講解 class component 的基礎，也比較一下與 functiona...
昨天講解了 props 的應用，讓子元件可以接收來自父元件的資料。但是隨著應用規模的提升，透過型別檢查可以減少許多可能的錯誤。要達成這個目的，許多人會選擇 fl...
部落格同步刊登 [IT 鐵人賽] Router 進階應用 Day 10 聊完了基礎的路由功能後，我們接著來看看關於路由的進階應用方式。你放心，前陣子一直提到...
今天來學習 ES6 中的解構賦值，功能是讓我們在寫物件、陣列的時候可以很便利的使用縮寫，快速的將多筆資料取出成獨立變數，增加可讀性並減少程式碼，今天就來練習物件...
前言 這一系列是我挑戰同時期鐵人賽的第二篇系列文章，最主要是要講 JavaScript 的部分，但是會比較著重於初心者，嘛都說是從零開始了。 轉生 雖然這次是我...
即時反應 在之前跟大家分享了svelte在html上操作的語法，也分享了如何在html上渲染變數，然後也提到更新畫面的規則及限制，今天要跟大家分享如何即時反應。...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...
關於 this 有許多大神有相當詳盡的解說，例如 Kuro 大的優質好文，不過身為一個初心者，先對 this 有個粗淺的認識再延伸閱讀，我想會比較適合。 關鍵...
物件的意義 物件就是將各種變數與函式整理成一個懶人包，不過在物件中，變數稱為「特性」，特性可以告訴我們有關物件的特徵；而函式稱為「方法」，方法代表物件所連結的相...
題目: https://leetcode.com/problems/plus-one/給一個陣列把最後一個數字加一，如需要進位把該數字變成零下一進位值加一。 解...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...
windows經典小遊戲，CPE也有踩地雷10189 - Minesweeper，不過文字版玩起來不刺激。這次嘗試製作網頁版踩地雷，會用到Html、Css、JS...
昨天介紹了可以在 component 中使用的 state，然而 React 一般建議能夠用越少 state 越好，因為 state 的改變是非同步的，stat...
如何決定要不要顯示 昨天教授大家如何將陣列內的資料透過組件顯示出來，但是如果不想顯示某個資料時該如何處理呢？今天就教授大家如何在svelte完成這需求。 本文...
部落格同步刊登 [IT 鐵人賽] Router 基本入門 Day 9 聊完狀態管理之後，我們來聊一下前端的路由。最近各大家前端工具都有支援前端路由的功能。而...
部落格同步刊登 [IT 鐵人賽] Vuex 基本入門 Day 8 在我們要聊元件溝通之前，我們先來聊一下關於 Vuex 這個套件。他是官方推出的狀態管理的工...
題目: https://leetcode.com/problems/powx-n/計算平方數值。 解題思路: 利用遞迴概念求出平方值。 C版本: double...
前言 剛好看到六角在鼓勵大家參加鐵人賽，想說 JavaScript 課程也想學很久了，就趁這個機會逼自己學習並記錄，因此這是一個還沒碰過 JavaScript...
上一篇的剩餘參數，是把很多的參數整合成一個陣列，而展開運算子，則是把陣列裡面的值取出，並拆解成一個一個的獨立參數，使用方式一樣都是 ...，以下來看看使用情境...
還記得前面我們學到的變數嗎？當時我們反覆了解到變數是幫助我們記住資訊，但如果我們在寫程式時需要儲存一系列具有關聯性的值時，除了用變數一個一個宣告以外，難道沒有更...
今天終於要介紹 React hooks 中的第一個hook 了 - useState，Start! 建立自己的 component 在講解 state 概念與...
在有些情況，Function 有不確定數量的參數時，ES6 提供的「剩餘參數」就可以幫助我們很容易 取得剩餘的所有參數，並保存在陣列裡！ 剩餘參數的特性如下：...
EN
來杯拿鐵
Maxwell Alexius
kirai
ShawnL
Grete Ma
江江好
keyhouse12
莫力全 Kyle Mo
閃光洽
Ray
hokou
iThome鐵人賽
看影片追技術