iT邦幫忙

javascript相關文章
共有 5653 則文章
鐵人賽 Modern Web DAY 25

技術 【React.js入門 - 25】 監控瀏覽器長寬 - 以React hook實現

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

鐵人賽 Modern Web DAY 22

技術 EP.21 RE:從零開始的學習 JS 生活-第二十一日

前言 轉生第二十一日,這一篇將會來介紹時間。 時間 時間是我們在開發系統時最常見的一個功能,當然 JavaScript 也有提供時間的語法,那麼該如何使用呢?這...

鐵人賽 Modern Web DAY 25

技術 [Vue.js][日記]擁抱全家桶系列-Vue-cli (2)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-cli (2) 大家好,在了解webpack之後,我們必須搭建好vue-cli的開發環境,小弟我在...

鐵人賽 Modern Web DAY 27

技術 第 27 天:DataVis:C3 Donut

第 27 天:DataVis:C3 Donut   經過昨天刻苦的學完 JavaScript 之後,今天我們總算可以來畫圖囉!還記得為什麼我們想要畫圖嗎?簡潔有...

鐵人賽 自我挑戰組 DAY 20

技術 新手村20 - Speech Detection

20 - Speech Detection 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small s...

鐵人賽 Modern Web DAY 20

技術 Day 20 - Canvas 效能調整 - OffscreenCanvas 及 ImageBitmap (上)

API 介紹 這次主要會實作 ImageBitmap 以及 OffscreenCanvas 兩個新的 API,這兩個目前支持度最好的目前只有最新版的 chro...

鐵人賽 自我挑戰組 DAY 19

技術 Day 19: 使用JavaScript操作文件 (Part 2)

元素內容 innerHTML特性會回傳元素內容。 outerHTML特性會回傳元素內容包含自己的tag。 <div id="fruits&q...

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

技術 Day20 - 事件(01)

前言 真的是大事件!一開始看完還不太懂各種操作上的差別 事件 event = 事件:簡單說就是跟網頁互動,如:點擊滑鼠按鈕而去觸發事件而執行某種效果(如之前...

鐵人賽 Modern Web

技術 Day 40. 戰線擴張・模擬戰 — UBike 地圖 X 使用 LeafletJS - Using LeafletJS with TypeScript

閱讀本篇文章前,仔細想想看 你會如何善用型別推論與註記的機制呢? 什麼情形可能會出現 any 型別推論出來的行為?如果出現了,要如何處理這類型的案例?...

鐵人賽 自我挑戰組 DAY 20

技術 Day20. 來點播一首《林檎殺人事件》好了

本日閱讀進度:第九章 非同步程式設計(391~419頁) document.getElemtntsByTagNamedocument.getElemtnts...

鐵人賽 Modern Web DAY 20

技術 Day 20:責任鏈模式 - 「Chain」的思考

今天要來講的「責任鏈(Chain of Responsibility)」模式,這是一個很常見的軟體設計模式,尤其是在 Node.js 上可能很多人都非常熟悉,例...

鐵人賽 Modern Web

技術 Day 39. 戰線擴張・模擬戰 — UBike 地圖 X 資料處理 - Data Processing using Type Alias

閱讀本篇文章前,仔細想想看 是否會使用 Webpack 建立 TypeScript 專案的環境呢? 另外,本篇文承接上一篇文,因此如果是跳到這篇的話可以先從...

鐵人賽 Modern Web

技術 [ Vue-cli ] 單一元件檔( 以 iT 邦幫忙鐵人賽檔案當作開發範例)

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

鐵人賽 Software Development DAY 21

技術 Day21-排序法系列(五)-快速排序法

今天要介紹的是快速排序法 Quick Sort,它普遍被認為最快的排序演算法,並且採用分治法(Divide and Conquer)。運作方式是在資料列設定一個...

鐵人賽 自我挑戰組 DAY 20

技術 輕鬆淺拷貝的陣列 Array 方法 slice()

Day 20 老闆,幫我切一段香腸,從第三節到第六節,你手握著的那節不要。謝謝! slice 的英文是切片或擷取,我們生活中常用的像是:「slice of...

鐵人賽 Modern Web DAY 21

技術 [JS30]DAY20 : Speech Detection

[程式碼&DEMO] [HackMD完整筆記] 目標 使用browser內建的語音轉換的API「web speech api」來進行語音識別,並...

鐵人賽 Modern Web DAY 24

技術 【React.js入門 - 24】 Custom hook - 給我另一個超推React hook的理由

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

鐵人賽 Modern Web DAY 24

技術 Day23 | 你説 JS 是什麼弱型別? TypeScript 強勢登場

前言 會碰到 TypeScript 是因為之前無意間取得 深入淺出設計模式 ,覺得那些為了解決問題而整理出來的設計模式太有趣了,包含那些 Class、Inter...

鐵人賽 Modern Web DAY 20

技術 JS 原力覺醒 Day20 - 物件

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

鐵人賽 Modern Web DAY 21

技術 EP.20 RE:從零開始的學習 JS 生活-第二十日

前言 轉生第二十日,這一篇將會來介紹 BOM。 BOM BOM 的全名是 Browser Object Model,中文是瀏覽器物件模型,那 BOM 是做什麼用...

鐵人賽 Modern Web DAY 26

技術 第 26 天:DataVis:JavaScript 速成班

第 26 天:DataVis:JavaScript 速成班   終於來到我們主題的最後一站,資料視覺化(data visualization)了。什麼是資料視覺...

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

技術 Day19 - JSON

前言 談一下 JSON ,算是複習一下物件和迴圈吧 JSON JSON (JavaScript Object Notation,JavaScript 物件表示...

鐵人賽 Modern Web

技術 Day 38. 戰線擴張・模擬戰 — UBike 地圖 X Webpack 環境建構 - TypeScript Webpack Integration

閱讀本篇文章前,仔細想想看 什麼是宣告檔 Declaration Files?為何宣告檔很重要? 如何載入第三方套件在 TypeScript 專案裡? 如...

鐵人賽 Modern Web DAY 18

達標好文 技術 18. [FE] 為什麼網站要做成 SPA?SSR 的優點是什麼?

稍有經驗的開發者,可能對最近 SPA,SSR 等術語不太陌生,大概也能知道 SPA 指的是單頁式應用(Single Page Application)、SSR...

鐵人賽 自我挑戰組 DAY 18

技術 Day 18: 使用JavaScript操作文件 (Part 1)

JavaScript存在的目的是為了將靜態HTML文件轉為互動式的網頁。 DOM 概觀 Document Object Model(DOM)是用來表示與操作HT...

鐵人賽 Modern Web

技術 [ Vue-cli ] 單一元件檔 (.vue 檔)

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

鐵人賽 自我挑戰組 DAY 19

技術 Day19. 同步和非同步傻傻分不清?

本日閱讀進度:第九章 非同步程式設計(381~390頁) 從這章開始難度就越來越高了,有時候一個段落看個兩三遍還是不知所云。不過還是盡量試著把重點挑出來,或許某...

鐵人賽 Modern Web DAY 19

技術 Day 19 - Canvas 效能調整 - Web Worker

Day 19 - Canvas 效能調整 - WebWorker 效能調整 進行到這邊之後,目前依照我的電腦情況,在進行某些濾鏡操作時,會發現畫面會有明顯的卡頓...

鐵人賽 自我挑戰組 DAY 19

技術 JS 合併陣列 Array 的方法 concat()

人生像是一列火車,旅程中總是會搭載著不同貨物,走得越遠掛載的越多,包括肥肉。 圖片來源:www.unsplash.com / Dibyendu Sekha...

鐵人賽 Software Development DAY 20

技術 Day20-排序法系列(四)-合併排序法

今天要介紹的是合併排序法 Merge Sort,合併排序法採用分治法(Divide and Conquer),它將資料列不斷分割成兩個資料列,這兩個資料列也不斷...