陣列是我們在寫程式時常用的資料類型之一,常用它來處理一組資料項目的集合。JavaScript 的陣列也是物件,擁有自己的方法。我們來看一下關於陣列的一些特性。熟...
motion spring motion spring 是svelte motion的另一個工具,它的內容跟motion tweened很類似,簡單講就是在處理...
前言 這次主要是說明函數是什麼 函數( function ) 函數 = function f(x) = 2x + 3,其中的f(x)其實就是指函數 可以重複使...
本系列來到了 JavaScript 相關的主題,預計會在這逐步前進好一陣子,讓我們從較簡單的主題開始吧;今天就先來聊聊瀏覽器中的事件代理是怎麼一回事。 本系...
補充一下JavaScript的引數傳遞,昨天說是pass by value,但書中提到會有例外的情況,之後學到物件的時候再來探討這個問題。 本日閱讀進度:第三章...
前面幾天的教學都是用送訊息的方式來觸發 Event,但有些時候可以善用平台提供的按鈕跟快速回覆功能,讓使用者省去打一行字的時間,而且可以預先提供推薦的選項給使用...
部落格同步刊登 [IT 鐵人賽] 動態載入 Components Day 21 我們又回到動態載入系列了,如果覺得我很煩的話可以先行離席沒關係。由於我昨天整...
一組有序群集,值稱為元素element,位置稱為索引(index,由0開始)創建Array兩種方式 直接給值 var ary = [1,2,3] 使用arr...
今天要介紹另一個 hooks - useReducer。光看第一行有些讀者可能就會有一些疑問了,udeReducer?看起來跟 redux 的 reducer...
今天來介紹 let/const 的暫時死區(Temporal Dead Zone,TDZ),這是 ES6 中對作用域新的專用語,翻成中文就是「時間上暫時無法達到...
閱讀本篇文章前,仔細想想看 如何宣告介面(Interface)? 介面跟型別(Type)在語法上的差別與規則會是什麼?(筆者目前還沒講概念上的差別,讀者先...
一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...
這次我們要用昨天學到的佇列搭配一個叫做埃拉托斯特尼篩法的東西去找出一定範圍的質數。 埃拉托斯特尼篩法的維基百科介紹:https://zh.wikipedia.o...
[程式碼&DEMO] [HackMD完整筆記] 目標 使用HTML5中的Canvas製作一個繪畫板,透過滑鼠鼠標來畫出彩色不同粗細的線條。 步驟...
什麼是事件(event)? 事件是 JavaScript 應用的心臟,也是把所有東西黏在一起的膠水,當我們與網頁進行某些互動時,事件就發生了。例如,當使用者點擊...
我想說的是箭頭函數其實就是函式表達式(匿名函數)的簡化,是 ES6 中新增的功能建構式中不能用箭頭函數,會報錯 箭頭函數是 ES6 中新增加的功能先看看在沒...
題目: https://leetcode.com/problems/sum-root-to-leaf-numbers/一個包含0~9的二元樹,找到其根節點到葉數...
Day 8 如果你不是台灣的國民,就不能在台灣投票,對吧? Javascript 是弱型別語言,也因為這個特性,在處理資料時 JavaScript 很可能的...
08 - Fun with HTML5 Canvas 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? sm...
學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...
前言 轉生第八日,前一篇介紹函式,所以這一篇將會介紹匿名函式。 匿名函式 匿名函式簡單來講就是沒有名稱的函式,在前一篇我們了解具名函式的定義規則是這個樣子 ↓...
Motion Tweened Motion Tweened 是今天要分享的內容,在分享完store之後另一個進階的 svelte的內容就是 motion,而第一...
超緊繃!30天Vue.js學習日記 父與子的敲敲話 大家好,我Ian啦!,今天要介紹的是組件中非常重要的選項(option)-props,它是用於父子組件間的...
今天就來談談昨天提到的建議以 const/let 取代 var 的原因吧 Hoisting 首先先來簡單介紹一下JS的 Hoisting 特性,JS中,宣告變...
[程式碼&DEMO] [HackMD完整筆記] 目標 JS 常用來處理陣列的方法。 步驟流程 題目:1.people是否有19歲以上的人2.P...
部落格同步刊登 [IT 鐵人賽] 簡易的後端輸出與 Hybrid 模式 Day 20 昨天提到了後端與前端的混和( Hybrid )模式,我們今天就會提出比...
前言 今次把 BMI 的計算結果,直接顯示在網頁上 程式 index.html <body> <p>小明的體重為 <em id=...
學會了在 HTML 新增內容之後,就可以接著學習如何運用之前學到的 for 迴圈,把資料撈取出來後渲染到網頁了。今天的筆記將會以範例程式碼為主體,介紹如何將資料...
本日閱讀進度:第三章 介紹函式(79~94頁) 重點摘要: 使用函式簡化程式碼先來看看下面這段程式碼: var dogName = "rover&...