iT邦幫忙

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

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

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

鐵人賽 Modern Web DAY 10

技術 JS之路 Day10 - What is Date ?

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

鐵人賽 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 10

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

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

鐵人賽 Modern Web DAY 25

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

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

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

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 24

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

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

鐵人賽 Modern Web DAY 9

技術 JS之路 Day09 - What is Map ?

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

鐵人賽 自我挑戰組 DAY 10

技術 Day 10:Webpack 學習筆記

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

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 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...

鐵人賽 Modern Web DAY 9

技術 分手:Else

他們離開的方式,已經說明了一切。 Rupi Kaur 今天我們接續昨天的控制流程control flow中的guard clauses,再近一步聊聊if-e...

鐵人賽 自我挑戰組 DAY 17

技術 Day 17 Side Project : Theme Clock 動態時鐘(下)

下篇我們要接續上篇的時鐘來講解主要圍繞在JS的部分 JS變數的設定 let hour = document.querySelector(".ho...

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 8

技術 JS之路 Day08 - What is Set ?

前言 這兩天會來講Set/Map,這是ES6後才新增的兩種資料結構,主要是用來處理一些array跟object沒辦法完全顧及的領域,也因如此,其實許多地方跟ar...

鐵人賽 Modern Web DAY 8

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-08 Object types 與 Gobal object

前言 鯊魚今天想要吃拉麵!!! 鯊魚要趕快完成鐵人賽文章,然後去吃拉麵。 Object type 物件型別 因為Object types(物件型別)裡面就有一個...

鐵人賽 Modern Web DAY 10

技術 Day10 賦值運算子

昨天我們對運算子有哪些種類有了印象,也介紹了算數運算子,今天我們要來繼續介紹同樣很常見的「賦值運算子」。 賦值運算子 (Assignment operators...

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Software Development DAY 8

技術 [Day 08] 如何用 Deno 爬蟲 - 關於轉生爬蟲後的那檔子事 |【搜尋引擎製作錄】

Github, Over Engineering 因為太多細節處理,所以文章指擷取重要內容,請各位見諒!!! 環境設置 deno 在腳本輕量化實在是做的很好 (...

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

技術 function函式

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

鐵人賽 自我挑戰組 DAY 9

技術 Day 09:UI 設計工具 Figma 快速入門

成果展示: Demo 一、前言 為了逼迫自己學習 Figma 這個線上工具,於是特別寫這一篇。身為一個前端工程師,為什麼需要特別去學習 UI 設計的工具呢...

鐵人賽 Modern Web DAY 8

技術 Day 8 咩色用得好 - Array.prototype.at

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

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

技術 Day26. 再建立一個物件

因為已經有了夾娃娃機模型,今天將用不到的網格們刪除,並在加入一個物件供夾取 程式碼 設定物件位置 let piske_init_x = 1.5 let pi...