iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 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),它將資料列不斷分割成兩個資料列,這兩個資料列也不斷...

鐵人賽 自我挑戰組 DAY 19

技術 新手村19 - Webcam Fun

19 - Webcam Fun 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small steps e...

鐵人賽 Modern Web DAY 23

技術 【React.js入門 - 23】 元件練習(下) - 在function利用useEffect遞迴+useState實作動畫

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

技術 js-做頁籤筆記記錄

html <ul class="Menu clearfix"> <li><a href="#ta...

鐵人賽 Modern Web DAY 30

技術 【Last Day】完賽心得

沒想到就這樣成功完成鐵人挑戰了,這次是第一次參加,所以原先的目標就是能夠成功完賽,30天其實還滿難的,尤其在原本沒有庫存文章的情況下,每天都要花大概1小時以上的...

鐵人賽 Modern Web DAY 19

技術 JS 原力覺醒 Day19 - 一級函式與高階函式

今天要提到的是讓 JS 很適合用來撰寫 Functional Programming 的兩個特性的名詞解釋:「 一級函式」與「高階函式」,如果你寫 JS 一段時...

鐵人賽 Modern Web DAY 19

技術 Day 19:使用「Router」來做功能分流

在開發網頁時,我們會用網址來分辨並導向不同的功能,例如用現在最常見的 RESTful 風格來表示網址,因此基本上大部分的伺服器端框架都是使用 HTTP 的 Me...

鐵人賽 Modern Web DAY 23

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

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-Router(2) 大家好,我是IAN啦!之前在組件介紹有提到動態組件,那路由器呢?當然也有動態路...

鐵人賽 Modern Web DAY 20

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

前言 轉生第十九日,這一篇將會來介紹 this,this 是 JavaScript 中很常見的關鍵字,也是很容易雷到人的關鍵字,這一篇將會集中介紹 this 是...

鐵人賽 自我挑戰組 DAY 17

技術 Day 17: Window物件

Window物件是client-side JavaScript程式的全域物件。 setTimeout / setInterval setTimeout(call...

鐵人賽 Modern Web

技術 [ Vue-cli ] 介紹與環境建置

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

鐵人賽 Modern Web DAY 20

技術 [JS30]DAY19 : Webcam Fun

[程式碼&DEMO] [HackMD完整筆記] 目標 驅動webcam來紀錄影像資訊,再用cavas達成拍照與濾鏡效果。 步驟流程 預設的配置...