iT邦幫忙

javascript相關文章
共有 5179 則文章
鐵人賽 自我挑戰組 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達成拍照與濾鏡效果。 步驟流程 預設的配置...

鐵人賽 自我挑戰組 DAY 17
網路世界的奇怪冒險 系列 第 17

技術 【Day17】 Hack This Site! JavaScript 第7題

今天跟大家介紹一個駭客技能的學習網站Hack This Site! Hack This Site!是一個可以讓我們練習駭之呼吸的網站,透過這個學習網站,可以找出...

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

技術 Day18 - DOM(04) - BMI

前言 延續之前的 DOM 內容,然後再進行 BMI 的練習吧! 操作 HTML 內容 createElement():建立一個元件 appendChild...

鐵人賽 Modern Web DAY 18

技術 Day 18:「Composition」- 組合的奧秘

今天要來教學如何使用 「bottender-compose」 這個官方提供的 Library 來做出 Action 的組合。首先,我們必須先安裝這個套件: np...

鐵人賽 Modern Web DAY 18

技術 Day 18 - Canvas 影片彈幕

影片彈幕 昨天介紹了如何將 Video 來源同步繪製到 Canvas 上面,並且套用我們先前做的濾鏡效果,今天繼續來介紹在影片中很常見的觀眾互動彈幕效果。 在...

鐵人賽 自我挑戰組 DAY 18

技術 新手村18 - Adding Up Times with Reduce

18 - Adding Up Times with Reduce 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScri...

鐵人賽 自我挑戰組 DAY 18

技術 JS 從陣列 Array 的開頭刪除元素

Day 18 別把我頭上的角取下來,這樣我就被 Shift 了。不過也好,這樣我看起來會比較正常。 前一篇我們認識了從陣列的頭部加上一個或多個元素的unsh...

鐵人賽 Modern Web DAY 22

技術 【React.js入門 - 22】 元件練習(上) - 在class利用遞迴+state實作動畫

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

鐵人賽 Software Development DAY 19

技術 Day19-排序法系列(三)-插入排序法

今天要介紹的是插入排序法 Insertion Sort,在排序小型資料時,此演算法效能比氣泡排序和選擇排序效能更好。 插入排序法運作方式為逐一將資料值加入已排序...

鐵人賽 Modern Web DAY 18

技術 JS 原力覺醒 Day18 - Functional Programming

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

鐵人賽 自我挑戰組 DAY 18

技術 Day18. JavaScript你可以繼續轉換沒關係

本日閱讀進度:第七章 重要的資料型別(285~306頁) 重點摘要: 1. 加減乘除時的資料型別轉換除了==在做比較時會自(ㄐㄧ)動(ㄆㄛˊ)轉換資料型別,加減...

鐵人賽 Modern Web

技術 Day 37. 戰線擴張・第三方套件 X 支援的引入 - 3rd-Party Package & TypeScript Declaration File

閱讀本篇文章前,仔細想想看 今天不用想,馬上看下去! 今天筆者要講本篇章系列比較重要的部分 —— TypeScript 的型別宣告檔 Declaratio...

鐵人賽 Modern Web DAY 22

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

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-Router(1) 大家好!今天我要介紹的是Vue官方所推出的路由工具:Vue-Router官網介...

鐵人賽 Modern Web DAY 19

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

前言 轉生第十八日,這一篇將會介紹另一種儲存方式,也就是 localStorage。 localStorage localStorage 是 HTML5 才加入...