iT邦幫忙

javascript相關文章
共有 5672 則文章

技術 基本JavaScript Methods of Number object - toFixed(), toExponential() and toPrecision()

首先要先搞懂這三個有什麼差別跟如何使用?toFixed(), toExponential() and toPrecision()這三個回傳的都是字串,toFix...

鐵人賽 Modern Web DAY 27

技術 Day27 AJAX 非同步的 JavaScript 技術 (2) - AJAX 非同步特性

以下方程式碼為例,我們可以看到詭異的事,最下面外層的 console.log(ary); 竟然回傳的是空陣列,但函式內卻能印出正確的資訊,這是為什麼呢? let...

鐵人賽 自我挑戰組 DAY 28

技術 Day 28:前端測試入門

一、前言 測試是前端裡面的一個重要單元,雖然說很重要,但是在一般的練習專案中,不會特別的去撰寫測試單元,自然就不會去研究相關的資料。趁這次鐵人賽的機會,來好好...

鐵人賽 影片教學 DAY 13
從麻瓜變成前端魔法師 系列 第 26

技術 Day26【從麻瓜變成前端魔法師】JS 三元運算子

學習網站推薦:W3School 、 MDN 若想知道更多資訊,可參考文字敘述:Day30【每天5分鐘】學前端 | 三元運算子 & 結尾 感謝收看,我...

鐵人賽 Modern Web DAY 26

技術 【D26】 小工具:身分證製造機(part 6)-製作身分證製造功能

已經在 Day25中設計了製作身分證的樣式,接下來要製作點擊按鈕後進行的程式邏輯。 製作邏輯的 js 檔案 建立一個 idnoCreater.js 的檔案,裡面...

鐵人賽 自我挑戰組 DAY 27

技術 Day 27:React 的 Hook - 概觀

一、前言 Hook 的東西不太可能用幾篇就可以全部介紹完畢,所以在這邊先列出一些使用 Hook 時可能要注意的地方,再慢慢將這些知識點給補上。在第二章節介紹...

鐵人賽 Modern Web DAY 28

技術 Day 28:置中功能實作

功能實作 : Demo 一、前言 本篇主要在探討「各種 CSS 置中排版的技巧」,這些技巧主要是參考 Amos 大的「CSS垂直置中技巧,我只會23個,你...

鐵人賽 Modern Web DAY 27

技術 Day 27:CSS 選擇器功能實作

組件實作 : Demo 一、前言 今天要來實作CSS Selectors(選擇器),選擇器的最主要用途,就是讓 CSS 可以更精準的選取到想要的元素,如果...

鐵人賽 Modern Web DAY 27

技術 web component 組件庫實做建議-大型複合組件

抱歉,這篇文章寫的錯誤百出,請各位無視這篇文章,我再找時間更新。 在使用web component建構組件庫的時侯,有一個很常見的問題,那就是web compo...

鐵人賽 自我挑戰組 DAY 26

技術 Day 26 轉吧轉呀 迴圈呦~

前言 昨天提到JavaScript的判斷式,今天進入到無限的轉圈圈 Day23 常數補充 const有兩派的做法,一種是只把const用在從根本上就不會改變的值...

鐵人賽 Modern Web DAY 26

技術 JS之路 Day26 - Strict Mode(嚴格模式)

前言 JavaScript的嚴格模式,如其名會讓程式碼的檢視變的嚴格,嚴格意味著不讓你錯,寫起來會更加安全嚴謹。 今天會照以下幾個角度來講解: 嚴格模式由來...

鐵人賽 自我挑戰組 DAY 29

技術 Day29- net套件初次接觸

前幾天在其他網站上看到net套件的使用,感覺很有學習價值就來試試看了。net套件主要是用來進行通信的模組,它也是內建模組,直接引入即可: const net =...

鐵人賽 Modern Web DAY 26

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-26 RegExp 正規運算式 (一)

概述 RegExp 正規運算式 全名是 regular expression是電腦科學的一個概念。正規表示式使用單個字串來描述、符合一系列符合某個句法規則的字串...

鐵人賽 Modern Web DAY 28

技術 Have fun! 新手也能打造的Javascript微型專案! Day28: 總是在回答相同的問題嗎?那就做個Line bot替你自動回覆吧!(上)

tags: ItIron2022 Javascript 前言 在台灣現在已經越來越多店家或是公司導入line bot的服務,不但可以提供一些智能化的協助,也會主...

鐵人賽 Modern Web DAY 26

技術 Day 26 咩色用得好 - Array.prototype.splice (part - 1)

Abstract 我是阿傑,由於 splice() 這個咩色的 ECMAScript 的演算法非常複雜,為了避免文章過於龐大,會將其拆成 2 天介紹: 第 1...

鐵人賽 Modern Web DAY 26

技術 Day26 AJAX 非同步的 JavaScript 技術 (1) - 透過 JavaScript 發出網路請求

非同步的 JavaScript 技術 假設今天想要觀看一則網路新聞,進到一個頁面如下: 紅框的部分是我們真正想看到的新聞內容,其他部分則是如上方的表頭跟右側...

鐵人賽 影片教學 DAY 13
從麻瓜變成前端魔法師 系列 第 25

技術 Day25【從麻瓜變成前端魔法師】JS 函式 function

宣告 與 呼叫 函式。並示範 不傳入參數 與 傳入多個參數 的函式 若想知道更多資訊,可參考文字敘述:Day25【每天5分鐘】學前端 | JavaScrip...

鐵人賽 自我挑戰組 DAY 26

技術 Day 26:最有生產力的一年,價值,就從認識自己開始

一、前言 今天來談談一些比較輕鬆的話題,由於國慶日放假陪伴家人,我就沒有去研究 React 的相關用法。雖然這篇不是純技術的文章,但是應該會是一個很好的經驗談...

鐵人賽 Modern Web DAY 26

技術 web component 組件庫實做建議-CSS篇

先說聲抱歉,本篇和下一篇都是以實做"VanillaJS"版本的web component組件庫為前提。大部分的web component編輯...

鐵人賽 Modern Web DAY 26

技術 Day 26:Flexbox 功能實作

組件實作 : Demo 一、前言 今天要來研究一下 Flexbox 的寫法,它是一個用來排版的神器,可以很有效的處理元素水平與垂直置中對齊,本篇主要是參考...

鐵人賽 自我挑戰組 DAY 25

技術 Day 25 JavaScript 判斷這樣做對嗎?

前言 昨天新增的內容,這邊再進行一些補充說明 %是指模數(英文是modulo) 指定運算 x=10%3 //x=10除以3的餘數 console.log(x)...

鐵人賽 Modern Web DAY 25

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-25 Classes 類別(二)

Class static initialization blocks 一個class只有生成新物件的時候,才能訪問其值, 那有沒有不用新建立一個物件就可以直接訪...

鐵人賽 Modern Web DAY 25

技術 JS之路 Day25 - Arrow Function (箭頭函式)

前言 今天要來介紹什麼是Arrow Function,這個是一個看起來非常簡單的語法,因為=>就像是箭頭一樣所以叫做Arrow Function,它可以直...

鐵人賽 Modern Web DAY 25

技術 Day 25 咩色用得好 - Array.prototype.concat

Abstract concat() 是一個容易使用且直覺的咩色,但其操作過程會用到 @@isConcatSpreadable 這個 well-known Sym...

鐵人賽 Modern Web DAY 25

技術 Day25 發出網路請求

後面幾天我們要來介紹 AJAX ,也就是非同步的 JavaScript 技術,在那之前我們要先來了解何謂網路請求。 透過瀏覽器發出網路請求 首先我們先來了解甚麼...

鐵人賽 自我挑戰組 DAY 28

技術 Day28- 回來寫爬蟲吧!下載圖片實戰

今天就回來寫爬蟲吧,我們要利用cheerio以及fs來做到爬圖片的功能。這次會跟去年一樣會拿unsplash這個網站做示範。 起手式當然是先建立專案,引入套件,...

鐵人賽 自我挑戰組 DAY 25

技術 Day 25:React 的 Hook - useState 與 useEffect

一、前言 昨日誠摯的建議(洗腦)各位學習 React 的 Class 寫法之前,可以先學習強大的 Hook,或許是一種不錯的入門方式。今天要持續的來探討 Ho...

鐵人賽 影片教學 DAY 13
從麻瓜變成前端魔法師 系列 第 24

技術 Day24【從麻瓜變成前端魔法師】JS 迴圈控制 while

let i = 0; while(i < 3){ console.log("i:", i); i++; }...

鐵人賽 Modern Web DAY 25

技術 DAY 25:前端小功能實作-不分類

一、前言 這篇收集了一些常見的組件,每個功能的程式碼並不多,於是決定將這些程式碼集中寫在一起啦~希望這些組件可以被重複利用,並且發揮一定的作用。那麼,現在就來...

鐵人賽 Modern Web DAY 24

技術 JS之路 Day24 - nullish coalescing operator (空值合併運算子)

前言 之前講的是常用的邏輯運算子,而有一個比較特別的,寫法是兩個問號。 之前看不太懂,趁著今天研究出來順便寫自己的理解,接下來就直接開始。 ?? 根據MDN的解...