今天要來介紹在 React 中如何建構最基本的 form。 重點可以歸納出這幾項: 建立 state 變數,且與 input value 做綁定 設定 onC...
初期在打造 Bottender 時,經過累積了非常多的實戰經驗並參考了許多不同領域的概念,漸漸地衍伸出許多具體的概念與模組。了解這些概念與設計模式後,就能充份的...
前言 轉生第三日,這一篇要來認識該如何選取 HTML 的元素,所以將會來介紹選取器。 選取器 選取 HTML 元素的方式有很多種語法,但是最常見的方式有兩種,一...
超緊繃!30天Vue.js學習日記 指令V集合!(2) 大家好,我們終於來到第7篇了…咳咳昨天有講了一些指令,但是沒講完,所以今天要介紹的是其他指令:主要分別...
閱讀本篇文章前,今天什麼都不用想! 直接進入正文,快看下面! 筆者就直接讓油門繼續摧下去~正文開始! 筆者 O.S.:今天又是數學時間,要學好程式可真不...
javascript 在創建執行環境時做的其中兩件事是做創造和提升 先來看看示範: // app.js var a = 'Hello world!' func...
學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...
[程式碼&DEMO] [HackMD完整筆記] 目標 用JS與CSS製作出一個時鐘。 步驟流程 學習筆記 :after new Date()...
slot props 元件如何傳遞變數給子節點 slot props 是什麼是今天的主題,在分享完 svelte slot 的基本內容後要來告訴大家插座元件怎麼...
閱讀本篇文章前,仔細想想看 TypeScript 的型別系統與介面之間在語法上的差別與介面或型別的使用有何共通點呢?但意義上又會差在哪? 如果還沒理解完畢的...
今天來介紹 ESLint airbnb 中對於註解的建議,好的註解除了可以增加程式碼的可讀性之外,對於團隊間的開發,如果有培養下註解的默契,在維護上也會有幫助歐...
在上一篇的範例中,我們會發現無法「多人連線」,這是因為 Ruby 的程序會因為有一個連線進入後就呈現了阻塞(Blocking)的狀態,為了處理這樣的問題在大多數...
物件是 JavaScript 另一個大主題,光是 “almost everything in JavaScript is an object” 這句話就知道物件...
上次練習了 airbnb 推薦的 map() 語法,我們再來複習一次 ESLint airbnb 的規則怎麼說的: 11.1 不要使用迭代器。更好的做法是使用...
閱讀本篇文章前,仔細想想看 到目前為止對於 TypeScript Interface 介面的理解到什麼程度呢? 你認為 TypeScript 和第三方套件...
大家好,經過兩篇 style 的介紹,今天總算要回到處理邏輯的部分了。 一般在開發應用時,常常會需要根據特定 condition 做邏輯判斷,除了一般我們熟知的...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...
部落格同步刊登 [IT 鐵人賽] 題外話:原始碼之藏在 $watch 當中的神奇設定 Day 16 其實,這是我之前寫過的 一篇文章(我絕對不會承認是拿來墊...
一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...
當我們在執行迴圈時,不一定要從頭到尾都做完,有時候只要找到一個符合條件的值,後面就可以不用跑程式碼了。如果是這種情形,那就可以用關鍵字 break 退出迴圈。...
前言 這次主要是要說明練習所使用的工具,以及練習環境的架設 工具 開始練習之前當然需要工具,基本上會以 VSCode 為主,若自己想單純練習也可以直接使用線上工...
一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...
這次要來介紹的是二維陣列,二維陣列就是陣列裡面的元素也是陣列的一種資料結構舉個例子來說: const group = [ ['172', '156', '1...
題目: https://leetcode.com/problems/merge-two-sorted-lists/合併2個排序好的鏈結串列,按排序大小回傳一個新...
我想說的是使用 JSX 建立一個跟 todoList 87分像的東西 在思考用什麼做主題的過程中,覺得 todolist 跟 hello world 一樣了...
部落格同步刊登 [IT 鐵人賽] Vue App 的溝通方式 Day 15 鐵人賽至今也過半了,所以為了慶祝一下,我們最後來講講各種 Vue App 之間的...
Day 2 不就排排站,有什麼好說的?這您有所不知,這陣列可是好多花樣可變。 在討論陣列之前,可以先來想像一下,如果今天天氣超級好,我們洗了很多衣服,曬乾之...
02 - JS and CSS Clock 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small s...
index.php <div id="commodity-list"> <div class="cl...
曾經有個節目的橋段是像下面這樣。如果你叫美國人選出 它們最討厭的四個字母組合起來的單字我想MATH 會比102 117 099 107(不能沒收功就罵髒話)來的...