iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 自我挑戰組 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,但有些時候可以善用平台提供的按鈕跟快速回覆功能,讓使用者省去打一行字的時間,而且可以預先提供推薦的選項給使用...

鐵人賽 自我挑戰組 DAY 7

技術 Day 7: 陣列 Array

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

鐵人賽 Modern Web DAY 24

技術 Day 24. 機動藍圖・類別推論 X 註記類別 - Class Type Inference & Annotation

閱讀本篇文章前,仔細想想看 大致上已經了解類別的基本用法與性質了嗎? TypeScript 針對物件方面的型別推論與註記機制為何? 如果還沒理解完畢的話...

鐵人賽 Modern Web DAY 8

技術 JS 原力覺醒 Day08 - Closures

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

鐵人賽 Software Development DAY 9

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

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

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 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 22

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

今天來介紹 let/const 的暫時死區(Temporal Dead Zone,TDZ),這是 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 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,它是用於父子組件間的...

鐵人賽 Modern Web DAY 12

技術 [DAY 12] 司機我要下車之刪除清單中的服務之按得太久腰受不了

我想說的是預期結果:刪除清單中選定的服務使用 filter 對陣列做篩選,並且重新設定服務列表 在我們的努力下,上一次練習中已經可以為所欲為的增加我們想要的...

鐵人賽 Modern Web DAY 8

技術 [JS30]DAY7 : Array Cardio Day 2

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

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

技術 動態載入 Components Day 21

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

鐵人賽 自我挑戰組 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&...

鐵人賽 自我挑戰組 DAY 6

技術 Day 6: 物件 Object

物件是特性(property,具有名稱和值,name:value pairs)的無序集合。 原型(prototypes) 每個JavaScript物件都有第二個...

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

技術 DAY21 Convert Sorted Array to Binary Search Tree

題目: https://leetcode.com/problems/convert-sorted-array-to-binary-search-tree/將一個...

鐵人賽 Modern Web DAY 28

技術 Day 28. 機動藍圖・抽象類別 X 藍圖基底 - TypeScript Abstract Class

閱讀本篇文章前,仔細想想看 筆者列出到目前為止我們學到跟類別有關的名詞,可以回憶一下它們各自的定義以及實用的地方在哪裡~ 類別與物件的差別 Class v...

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 自我挑戰組 DAY 7

技術 JS 如何讀取和寫入陣列 Array 元素

Day 7 只要有資料,都會有 CRUD ,那陣列呢? CRUD 是什麼? 能吃嗎?? CRUD 分別代表:建立 Create, 讀取 Read, 更新 U...