iT邦幫忙

javascript相關文章
共有 5171 則文章
鐵人賽 Modern Web DAY 21

技術 Day 21: 陣列

陣列是我們在寫程式時常用的資料類型之一,常用它來處理一組資料項目的集合。JavaScript 的陣列也是物件,擁有自己的方法。我們來看一下關於陣列的一些特性。熟...

鐵人賽 Modern Web DAY 2

技術 DAY22- 動態 spring

motion spring motion spring 是svelte motion的另一個工具,它的內容跟motion tweened很類似,簡單講就是在處理...

鐵人賽 自我挑戰組 DAY 8
JavaScript 新手筆記 系列 第 8

技術 Day08 - 函數(01)

前言 這次主要是說明函數是什麼 函數( function ) 函數 = function f(x) = 2x + 3,其中的f(x)其實就是指函數 可以重複使...

鐵人賽 Modern Web DAY 7

技術 07. [JS] 瀏覽器 DOM 元素的事件代理是指什麼?

本系列來到了 JavaScript 相關的主題,預計會在這逐步前進好一陣子,讓我們從較簡單的主題開始吧;今天就先來聊聊瀏覽器中的事件代理是怎麼一回事。 本系...

鐵人賽 自我挑戰組 DAY 8

技術 Day08. 要五毛給一塊,你說JavaScript奇怪不奇怪

補充一下JavaScript的引數傳遞,昨天說是pass by value,但書中提到會有例外的情況,之後學到物件的時候再來探討這個問題。 本日閱讀進度:第三章...

鐵人賽 Modern Web DAY 8

技術 Day 08:按鈕、快速回覆的使用方法與重要性

前面幾天的教學都是用送訊息的方式來觸發 Event,但有些時候可以善用平台提供的按鈕跟快速回覆功能,讓使用者省去打一行字的時間,而且可以預先提供推薦的選項給使用...

鐵人賽 Modern Web DAY 22
VueJS 從前端到後端 系列 第 22

技術 動態載入 Components Day 21

部落格同步刊登 [IT 鐵人賽] 動態載入 Components Day 21 我們又回到動態載入系列了,如果覺得我很煩的話可以先行離席沒關係。由於我昨天整...

鐵人賽 自我挑戰組 DAY 7

技術 Day 7: 陣列 Array

一組有序群集,值稱為元素element,位置稱為索引(index,由0開始)創建Array兩種方式 直接給值 var ary = [1,2,3] 使用arr...

鐵人賽 Modern Web DAY 19

技術 【Day 19】可能不需要 redux - useReducer

今天要介紹另一個 hooks - useReducer。光看第一行有些讀者可能就會有一些疑問了,udeReducer?看起來跟 redux 的 reducer...

鐵人賽 Modern Web DAY 22

技術 Day22【ES6 小筆記】變數提升(Hoisting)與暫時死區(TDZ)

今天來介紹 let/const 的暫時死區(Temporal Dead Zone,TDZ),這是 ES6 中對作用域新的專用語,翻成中文就是「時間上暫時無法達到...

鐵人賽 Modern Web DAY 13

技術 Day 13. 機動藍圖・介面的延展 X 功能與意義 - Interface Extension & Significance

閱讀本篇文章前,仔細想想看 如何宣告介面(Interface)? 介面跟型別(Type)在語法上的差別與規則會是什麼?(筆者目前還沒講概念上的差別,讀者先...

鐵人賽 Modern Web DAY 8

技術 JS 原力覺醒 Day08 - Closures

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...

鐵人賽 Modern Web DAY 12

技術 【React.js入門 - 12】 state 與 詳解setState語法

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

鐵人賽 Software Development DAY 9

技術 Day9-使用佇列實作質數篩選

這次我們要用昨天學到的佇列搭配一個叫做埃拉托斯特尼篩法的東西去找出一定範圍的質數。 埃拉托斯特尼篩法的維基百科介紹:https://zh.wikipedia.o...

鐵人賽 Modern Web DAY 9

技術 [JS30]DAY8 : Fun with HTML5 Canvas

[程式碼&DEMO] [HackMD完整筆記] 目標 使用HTML5中的Canvas製作一個繪畫板,透過滑鼠鼠標來畫出彩色不同粗細的線條。 步驟...

鐵人賽 Modern Web DAY 22
JavaScript 初心者筆記 系列 第 22

技術 JavaScript 初心者筆記: 事件基本觀念(事件參數、事件監聽)

什麼是事件(event)? 事件是 JavaScript 應用的心臟,也是把所有東西黏在一起的膠水,當我們與網頁進行某些互動時,事件就發生了。例如,當使用者點擊...

鐵人賽 Modern Web DAY 9

技術 [DAY09] 箭頭函數

我想說的是箭頭函數其實就是函式表達式(匿名函數)的簡化,是 ES6 中新增的功能建構式中不能用箭頭函數,會報錯 箭頭函數是 ES6 中新增加的功能先看看在沒...

鐵人賽 自我挑戰組 DAY 22
刷題記錄與人生分享 系列 第 22

技術 DAY22 Sum Root to Leaf Numbers

題目: https://leetcode.com/problems/sum-root-to-leaf-numbers/一個包含0~9的二元樹,找到其根節點到葉數...

鐵人賽 自我挑戰組 DAY 8

技術 JS 判別是否為陣列 Array

Day 8 如果你不是台灣的國民,就不能在台灣投票,對吧? Javascript 是弱型別語言,也因為這個特性,在處理資料時 JavaScript 很可能的...

鐵人賽 自我挑戰組 DAY 8

技術 新手村08 - Fun with HTML5 Canvas

08 - Fun with HTML5 Canvas 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? sm...

鐵人賽 Modern Web DAY 21

技術 [ D3.js ] SVG 基本圖型繪製

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

鐵人賽 Modern Web DAY 9

技術 EP.8 RE:從零開始的學習 JS 生活-第八日

前言 轉生第八日,前一篇介紹函式,所以這一篇將會介紹匿名函式。 匿名函式 匿名函式簡單來講就是沒有名稱的函式,在前一篇我們了解具名函式的定義規則是這個樣子 ↓...

鐵人賽 Modern Web DAY 2

技術 DAY21- 動態 tweened

Motion Tweened Motion Tweened 是今天要分享的內容,在分享完store之後另一個進階的 svelte的內容就是 motion,而第一...

鐵人賽 Modern Web DAY 12

技術 [Vue.js][日記]父與子的敲敲話...

超緊繃!30天Vue.js學習日記 父與子的敲敲話 大家好,我Ian啦!,今天要介紹的是組件中非常重要的選項(option)-props,它是用於父子組件間的...

鐵人賽 自我挑戰組 DAY 6

技術 邁步向前的 Day6- JavaScript - const/let 取代 var

今天就來談談昨天提到的建議以 const/let 取代 var 的原因吧 Hoisting 首先先來簡單介紹一下JS的 Hoisting 特性,JS中,宣告變...

鐵人賽 Modern Web DAY 8

技術 [JS30]DAY7 : Array Cardio Day 2

[程式碼&DEMO] [HackMD完整筆記] 目標 JS 常用來處理陣列的方法。 步驟流程 題目:1.people是否有19歲以上的人2.P...

鐵人賽 Modern Web DAY 21
VueJS 從前端到後端 系列 第 21

技術 簡易的後端輸出與 Hybrid 模式 Day 20

部落格同步刊登 [IT 鐵人賽] 簡易的後端輸出與 Hybrid 模式 Day 20 昨天提到了後端與前端的混和( Hybrid )模式,我們今天就會提出比...

鐵人賽 自我挑戰組 DAY 7
JavaScript 新手筆記 系列 第 7

技術 Day07 - 變數(04)

前言 今次把 BMI 的計算結果,直接顯示在網頁上 程式 index.html <body> <p>小明的體重為 <em id=...

鐵人賽 Modern Web DAY 21
JavaScript 初心者筆記 系列 第 21

技術 JavaScript 初心者筆記: 應用 innerHTML 與 for 迴圈將資料渲染至網頁

學會了在 HTML 新增內容之後,就可以接著學習如何運用之前學到的 for 迴圈,把資料撈取出來後渲染到網頁了。今天的筆記將會以範例程式碼為主體,介紹如何將資料...

鐵人賽 自我挑戰組 DAY 7

技術 Day07. JavaScript的傳遞只是開分身帳號而已

本日閱讀進度:第三章 介紹函式(79~94頁) 重點摘要: 使用函式簡化程式碼先來看看下面這段程式碼: var dogName = "rover&...