iT邦幫忙

javascript相關文章
共有 5172 則文章
鐵人賽 Modern Web DAY 10

技術 JS之路 Day10 - What is Date ?

一種用來處理特定的日期時間會用到的特殊物件,可以用來印出時間,修改時間或是設定時間。 要注意的一點是,JavaScript當中,使用Date就會一次把日期跟跟時...

鐵人賽 Modern Web DAY 24
【每天5分鐘】學前端 系列 第 24

技術 Day24【每天5分鐘】學前端 | JavaScript 迴圈控制 while

迴圈控制 while for 和 while 是很像的,不過 for迴圈 適合用在 已知 循環次數的需求;而 while迴圈 適合用在 未知 循環次數的需求。...

鐵人賽 自我挑戰組 DAY 14
JavaScript亂記 系列 第 14

技術 Getter 與 Setter,賦值運算不使用函式

Setter:存值的方法 Getter:取得特定值的方法(不會傳入參數) Setter 答:250 var wallet = { total: 10...

鐵人賽 Modern Web DAY 10

技術 真的好想離開 Vue 3 新手村 - Day 10: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (上)

前言 一開始認識 reactive() 跟 ref() 真的超困惑,不理解兩者背後的差別,只能硬記個別的使用方式和限制,一直到了解他們背的原理,才有「啊哈~」的...

鐵人賽 Modern Web DAY 21
Three.js 反閘之路 系列 第 21

技術 Day21. 夾娃娃機 - 建立夾爪剛體

今日嘗試建立夾取物件的夾爪剛體 程式碼 設定夾爪初始位置 let gripperR_init_x = 2 let gripperR_init_y = 4 let...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11:Position 功能實作

組件實作 : Demo、Demo2 一、前言 原本預定這篇要來寫 pug 的學習筆記, 但是對於 CSS 的 Position 的用法還有一點不熟悉,所以...

鐵人賽 Modern Web DAY 11

技術 Day 11:Timeline 組件實作

組件實作 : Demo、Demo2 一、前言 Timeline 時間線的功能很常出現在履歷表,或是各種跟年分有關的介紹。原本參考 W3schools Ho...

鐵人賽 自我挑戰組 DAY 13

技術 Day13- JSON基本介紹

今天來講一下跟JavaScript密不可分的一種資料交換格式-JSON。 JSON介紹 先來講講這東西到底是甚麼,就如同剛剛所說的,它是一種資料交換格式,顧名思...

鐵人賽 Modern Web DAY 10

技術 Day 10 咩色用得好 - Array.prototype.every

閱讀說明 整篇會分成以下幾個部分: 使用時機 語法 範例 注意事項 ECMAScript 結論 every 這個 method 的全寫應該是 Array.p...

鐵人賽 Modern Web DAY 12

技術 Have fun! 新手也能打造的Javascript微型專案! Day12: 英打總是龜速? 寫個打字測驗遊戲來練習吧!(上)

tags: ItIron2022 Javascript 前言 對很多人來說,與外國同事工作最麻煩的地方就是...英打跟不上(讓我們先假設你英文口說跟聽力是ok的...

鐵人賽 Modern Web DAY 21

技術 黎曼積分

除了文法學院的學生,幾乎所有大學生都必須修微積分的課程,甚至一些高中生在高三的時候,也會選修基礎的微積分課程。 積分的學習中,黎曼積分和不但對積分極限的理解有非...

鐵人賽 Modern Web DAY 21

技術 【Day21】JSON格式中的陣列與物件

從物件及陣列中有提到一些混用的寫法,現實中這種狀況可能會出現在JSON的檔案中,而他們三個又是什麼三角關係呢? 本篇會介紹: 什麼是 JSON JSON 應用...

鐵人賽 Modern Web DAY 11

技術 延宕滿足:Partial Applications (1/2)

別為了你現在正想要的,而放棄你最想要的。 Richard G. Scott 本篇不是討論Partial Applications本身,而是他在控制流程中的優...

鐵人賽 Modern Web DAY 23

技術 Trick 22: 遊戲的正義由數字保安來維護

有製作過遊戲的朋友,肯定有過這樣的經驗,明明計算好這一關最高只可能得到300分,卻總是有人可以一下突破天際得到30000分。而這個情況不是只發生在網頁遊戲,電腦...

鐵人賽 Modern Web DAY 25

技術 Day25-認識與實作 Debounce 和 Throttle

前言 這次要介紹的是 JS 實作 Debounce 和 Throttle,它們都有助於 JS 執行上效能的優化,怎麼說呢? 由於在網頁上進行滑鼠移動 (mous...

鐵人賽 Modern Web DAY 10

技術 [Day9] web component的使用技巧-shadow DOM存取其二

今天要寫文章時才注意到,原來昨天的文章有少一段,今天補回來。 直接存取Shadow DOM內部節點的方法 雖然shadow DOM內部的節點不會出現在外部的DO...

鐵人賽 Modern Web DAY 23
【每天5分鐘】學前端 系列 第 23

技術 Day23【每天5分鐘】學前端 | JavaScript 迴圈控制 for

迴圈控制 for 主要用於已經知道會 重複 幾次的 邏輯 ,比如都要 + 1 或都要 + 2 等等。讓我們不用打好多好長的程式碼。 格式如下: for(初始設定...

鐵人賽 Modern Web DAY 9

技術 JS之路 Day09 - What is Map ?

前言 昨天把set講完,今天換Map,首先要注意不要跟array的方法Array.prototype.map()搞混,這是不一樣的東西,那就let's go 今...

鐵人賽 Modern Web DAY 9

技術 Day 9 咩色用得好 - Array.prototype.forEach

閱讀說明 整篇會分成以下幾個部分: 使用時機 語法 範例 注意事項 ECMAScript 結論 forEach 這個 method 的全寫應該是 Array...

鐵人賽 Modern Web DAY 22

技術 Trick 21: 如何畫出貝茲那曼妙的曲線

小哈多年前曾參與一個Adultswim上單車極速遊戲的製作,身為死神的主角,騎著單身,在看似優美實則險峻的跑道上飛馳,一邊在空中翻滾一邊對行人們揮動鐮刀。 V...

鐵人賽 自我挑戰組 DAY 13
JavaScript亂記 系列 第 13

技術 function函式

定義函式 函式的名稱。 包圍在括號()中,並由逗號區隔的一個函式參數列表。 包圍在大括號{}中,用於定義函式功能的一些JavaScript語句。 例 ❶...

鐵人賽 Modern Web DAY 24

技術 Day24-JavaScript 的 WeakSet & WeakMap 資料結構

前言 昨天瞭解了兩種資料結構: Set & Map 後,其實還有另外兩個和它們相似的資料結構,也就是 WeakSet & WeakMap,來一起...

鐵人賽 自我挑戰組 DAY 10

技術 Day 10:Webpack 學習筆記

一、前言 Webpack 是網頁的打包工具。當我們的網頁越寫越大,檔案越來越多(例如一個網站有好幾個.html檔案),甚至還有使用到框架。這時候我們可以使用...

鐵人賽 Modern Web DAY 10

技術 Day 10:Form 驗證功能實作

組件實作 : Demo 一、前言 驗證功能(Validate)用途在於能夠避免使用者輸入不符合格式的資料,統一的資料格式方便讓程式處理。Form 表單內容...

鐵人賽 Modern Web DAY 20
Three.js 反閘之路 系列 第 20

技術 Day20. 夾娃娃機 - 建立物件剛體

在之前修改的 cannon 範例裡提過剛體,剛體才是實際互動的物件,網格只是套上去的皮,大多數剛體的形狀不會與網格相同,今日先建立剛體並與網格組合 程式碼 設定...

鐵人賽 Modern Web DAY 9

技術 Day09 數字型別 與 算術運算子

大家好,我們今天要來上數學課,請把你們的課本 (VS Code) 打開來。首先,我們要來講各種數字的支援程度~ 數字的支援程度 首先我們先確立,待會用的都是我們...

鐵人賽 Modern Web DAY 20

技術 動態顯示MathJax

如果我們是含有數學符號的靜態網頁,那只要依照第十天的方法,就可以輕鬆處理;然而,如果我們的運算式是由使用者輸入得到,也就是動態顯示數學符號,那程序就會麻煩多了。...

鐵人賽 自我挑戰組 DAY 12

技術 Day12- JavaScript的字串操作

今天來講講另一個資料型態-字串的基本函式,字串在創建的時候十分簡單,只要用''或""包起來就會成為一個字串。接下來就來介紹字串。 先來講一個...

鐵人賽 Modern Web DAY 9

技術 在github page部署react—簡述為何重新整理出現404 feat.解決方案

本篇文章將會提及以下部分 如何部署react到github page? 為什麼react部署在github page上後重新整理會出現404 github p...