iT邦幫忙

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

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-10 ECMAScript Language-概述(一)

前言 原本概述完expression(運算式),想接著介紹Statements(述句),沒想到我在翻閱ECMA的時候,發現漏了些什麼,原來expression(...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12:Google Maps API

組件實作 : Demo 一、前言 網頁上要顯示店家、場地等地理位置資訊,都會使用到 Google 地圖來輔助。在這個篇章中,我們要來研究關於 Google...

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

鐵人賽 自我挑戰組 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介紹 先來講講這東西到底是甚麼,就如同剛剛所說的,它是一種資料交換格式,顧名思...

鐵人賽 自我挑戰組 DAY 19

技術 Day 19 Side Project : Double Vertical Slider雙捲軸

今天要來做的是垂直的輪播圖,點選「上」「下」箭頭可以反方向切換圖片和圖片的描述,做project順便看看帥哥好快樂≡ω≡ 事前準備 引入 fontAwes...

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