iT邦幫忙

javascript相關文章
共有 5653 則文章
鐵人賽 自我挑戰組 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 才加入...

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

技術 Day17 - DOM(03)

前言 今日繼續進行 DOM 的練習範例 index.html <body> <a id="google" href...

鐵人賽 自我挑戰組 DAY 16

技術 Day 16: 瀏覽器中的JavaScript (Part 2)

JavaScript程式的執行 一個JavaScript程式由以下組成: JavaScript程式碼 HTML 處理器 JavaScript: URL 標...

鐵人賽 自我挑戰組 DAY 17

技術 新手村17 - Sort Without Articles

17 - Sort Without Articles 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? sm...

鐵人賽 自我挑戰組 DAY 17

技術 Day17. JavaScript的==怎麼用?不要問,很恐怖!

本日閱讀進度:第七章 重要的資料型別(275~284頁) 重點摘要: 關於等於(=)運算符 var x = 99=是一個賦值運算符,用於把值賦予一個變數。...

鐵人賽 Software Development DAY 18

技術 Day 18. 實作練習 - 準備與規劃

關於遊戲實作的部分在 Unlight 的原始碼中有太多東西可以參考跟學習,前面半個月的時間我們已經將連線遊戲中最主要的機制了解,透過運用 Socket API...

鐵人賽 Modern Web

技術 Day 36. 戰線擴張・戰線分散 X 組織集中 - TypeScript Namespaces Import/Export Mechanism

閱讀本篇文章前,仔細想想看 命名空間的用意是什麼? 如何運用 TypeScript Namespaces 組織不同區塊的程式碼? 命名空間融合(Names...