指令(directive) 了解樣板跟資料之後,就可以來了解指令的部分。Vue 可以透過在 HTML 中以被稱為指令的特殊屬性來編寫。可以依據我們提供的資料作不...
題目: https://leetcode.com/problems/two-sum-ii-input-array-is-sorted/在已排序的陣列使其數值相加...
部落格同步刊登 [IT 鐵人賽] 薛丁格的生命週期 Day 12 是的,這個篇幅會用來聊一下生命週期當中,比較奇怪的事情。薛丁格 我就不解釋了,程式執行其實...
進入正題 本篇要介紹的是在 Vue 官網中最先提到的概念: Instance。 實例 (instance) 當我們使用 Vue 去建構 Web 應用時,都是先...
閱讀本篇文章前,仔細想想看 陣列跟元組(Tuple)的差別在哪裡?什麼時候用陣列 / 元組比較適合呢? 什麼時候可能不用對函式的參數進行積極註記?試舉個範...
svelte設定下拉選單 昨天跟大家分享完html的input的屬性綁定,不過還有型態比較特別的select跟option今天繼續跟大家分享。 本文同步放置於...
在正式講到判斷式之前,我想要先來簡介一下跟判斷式有關的運算子,畢竟要學習如何用判斷式判斷條件,總要先知道怎麼設條件吧!其實 JavaScript 裡有好幾種類型...
昨天對 class-based component 有了初步的認識,然而除了 state ,在 hooks 出來以前 class component 還有一項...
題目: https://leetcode.com/problems/maximum-product-subarray/給定一個陣列,找到連續的最大乘積 解題思路...
Vue 的響應性 Vue 會自行觀察物件內變化,在第一時間產生 HTML 與更新 DOM。比起 jQuery 的命令式渲染,開發者只需要專注在視圖層的表現,而不...
學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...
閱讀本篇文章前,仔細想想看 陣列的推論大致上是如何運作呢? 什麼時候要積極去對陣列進行型別註記呢? 如果還沒理解完畢的話,可以先翻看前一篇文章喔!...
html的屬性綁定 昨天分享了如何綁定html的事件,今天要談談如何綁定html屬性,也就是如何更新input的value時object的值也會一併更新。 本...
過去我們可以使用 for、while、do while、for-in 等內建的函式來處理資料,而在 ES6 中我們多了 for-of 這個更方便的用法來處理這...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...
前言 (2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆...
部落格同步刊登 [IT 鐵人賽] Router 與生命週期 Day 11 我在先前的篇幅當中,有提到生命週期與路由的關係。我們這一個篇章,就將路由與生命週期...
題目: 請看維基百科解釋https://en.wikipedia.org/wiki/Pascal%27s_trianglehttps://leetcode.co...
為什麼決定是 Vue.js ? 提高可閱讀性 程式邏輯與視圖邏輯完全分開 可深可淺的漸進式框架 初學可僅以代替原生 javascript 或 jQu...
第一次接觸 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 聊完了基礎的路由功能後,我們接著來看看關於路由的進階應用方式。你放心,前陣子一直提到...