iT邦幫忙

javascript相關文章
共有 5179 則文章
鐵人賽 自我挑戰組 DAY 24

技術 Day 24:React 的 Hook 初探

一、前言 昨天我們把 React 的環境架起來,並且執行「Hello World」程式。今天要來學習一下 Hook 的寫法,至於 Hook 是什麼?以及要如何...

鐵人賽 Modern Web DAY 26
手把手web初學者 系列 第 26

技術 再進一步認識JavaScript

Object types 物件型別 array 用 [ ]object 用 { } array 寫法: var a = [ "1",...

鐵人賽 自我挑戰組 DAY 23

技術 Day 23 HELLO JavaScript

前言 跟前面HTML還有CSS不同,之前有提到這兩個,一個是網頁架構出來,另一個是樣式排版跟整體版面的美化,現在的JavaScript就是要讓網頁可以動起來。...

鐵人賽 Modern Web DAY 25

技術 [DAY 25] 自己的Hook自己做!html2canvas 來擷圖網頁的內容吧!

你一定在想截圖有甚麼好弄一篇文章的 DEMO 在這裡 情境 前陣子有遇到一個特別的需求,希望原本的訂單紀錄的呈現,也可以讓使用者擷取下來保存或是處理後續工作,...

鐵人賽 Modern Web DAY 23

技術 JS之路 Day23 - Logical operators (邏輯運算子) AND、NOT篇

今天來講昨天沒講完的兩個Logical operators。 Logical AND (&&) Logical NOT (!) Logica...

鐵人賽 Modern Web DAY 23

技術 Day 23 咩色用得好 - Array.prototype.lastIndexOf

Abstract 整篇會分成以下幾個部分: 使用時機 語法 說明 範例 注意事項 ECMAScript 結論 lastIndexOf() 這個 method...

鐵人賽 Software Development DAY 23

技術 [Day 23] 如何規劃前端技術棧 - 實用至上主義前端 |【搜尋引擎製作錄】

Github, Over Engineering 基礎 對於整個 web 開發生命週期而言,技術棧是極其重要的第一步。選擇適合的技術棧等同建構一個好的骨幹,它讓...

鐵人賽 Modern Web DAY 23

技術 Day23 陣列資料處理 (2) - map()、filter()

前面介紹過 forEach() 處理方法,今天我們要來介紹許多人覺得好用的 map() 方法。 Array.prototype.map() 為什麼現在更多人喜歡...

鐵人賽 自我挑戰組 DAY 26

技術 Day26- 利用JavaScript進行爬蟲吧!

今天就來使用Node.js進行爬蟲吧,這邊會用到兩個套件。先創建專案,並且安裝這兩個套件: npm install request npm install ch...

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

技術 Day22【從麻瓜變成前端魔法師】JS 流程控制 switch case

網路名言~歲月教會我,除了外送員,我誰也不必等。 我們來把它寫成 switch case ^_^ 剛好遇到 VS Code 更新 ,補充如何更新軟體。版本...

鐵人賽 Modern Web DAY 25

技術 web component 的實做- 實做組件庫或大量使用web component的建議

到上一篇為止都是以針對小區域來使用web component,我想這也是大多數可能使用web component技術的人的需求。畢竟,現在前端框架很流行(不限於...

鐵人賽 Modern Web DAY 22

技術 【D22】 小工具:身分證製造機(part 4)-製作檢查頁面

檢查功能做完,接著要把功能與畫面結合,這時 React 就登場囉! 這邊會做基本資料檢查 製作畫面 我們畫面就很簡單的做一個輸入的欄位,還有觸發檢查的按鈕,並且...

鐵人賽 Modern Web DAY 24

技術 [DAY 24] 自己的Hook自己做!useImage 來預覽圖片吧!

今天的主題很單純,就是單純上傳圖片,不論是只有一個頁面或是多個功能都要用到,製造一個 hook 是很不虧的選擇,因為也是懶得再寫一次 (¬_¬) DEMO 底家...

鐵人賽 Modern Web DAY 25
手把手web初學者 系列 第 25

技術 進一步跟JavaScript做個朋友吧~

要跟JS做朋友,就要來了解對方的性格才行~JS 的型別,主要有兩種分別為 Primitive data types 原始型別 Object types 物件型...

鐵人賽 Modern Web DAY 22

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-22 斷章 跳躍句

前言 先前有概略說一下Statements裡面各種述句的用途,今天讓鯊魚來詳細介紹吧。 Labelled Statements Labelled Stateme...

鐵人賽 Modern Web DAY 23

技術 web component 的實做- virtualized list

web component是組件,好處之一就是能封裝功能,除了封裝UI之外,封裝Web api也是目標之一。本篇和下一篇文章會以IntersectionObse...

鐵人賽 Modern Web DAY 22

技術 JS之路 Day22 - Logical operators (邏輯運算子) OR篇

今天要來介紹的是Logical operators,最主要有這三種常常使用 => || => OR 運算子 && =>...

鐵人賽 Modern Web DAY 24
手把手web初學者 系列 第 24

技術 將靈魂注入網頁的JavaScript

耶~我們終於來到能注入靈魂到網頁之中的JavaScript 從 <script> 開始 基本上跟新增一個 CSS 的 <link> 元素...

鐵人賽 Modern Web DAY 22

技術 Day 22 咩色用得好 - Array.prototype.findLastIndex

Abstract 我是阿傑,既然昨天已經介紹了 findLast(),那今天當然就是它的西柏林啦,我相信... 如果想知道為什麼 ECAMScript 為什麼...

鐵人賽 自我挑戰組 DAY 23

技術 Day 23:React 環境建置 - Hello World

一、前言 從今天起連續 5 天,我們會專注在前端框架 React 的學習上。學習框架原因不單只是因為專案需求,更多的原因是學框架對于求職來說,已經變成一種標準...

鐵人賽 Modern Web DAY 22

技術 Day22 陣列資料處理 (1) - forEach()

陣列資料處理 forEach 是其中一種陣列處理方法,只有陣列才能使用,為什麼要學陣列資料處理呢? let data = [11,52,34]; 假設想要求得...

鐵人賽 自我挑戰組 DAY 25

技術 Day25- 使用robotjs自動化控制滑鼠及鍵盤

去年才寫過Python的控制鍵盤滑鼠套件-PyAutoGUI。今年學Javascript當然也不能錯過啦!在Node.js中,當然也有控制滑鼠及鍵盤的套件,這個...

鐵人賽 Modern Web DAY 21

技術 【D21】 小工具:身分證製造機(part 3)-檢查驗證碼

大部分檢查功能已經在昨日做完,剩下的就是最重要的檢查碼,現在來討論一下檢查碼如何做吧!(其實已經逃避兩天了 XD) 檢查碼規則 何謂檢查碼 Checksum 被...

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

技術 Day21【從麻瓜變成前端魔法師】JS 流程控制 if else

俗話說~沒有什麼事是 1 杯酒解決不了的,如果有,那就喝 2 杯。 我們來把它寫成 if else : <script> let mo...

鐵人賽 Modern Web DAY 23

技術 Day 23:Image Overlay 組件實作

組件實作:Demo 一、前言 Image Overlay 指的是圖片上的覆蓋效果,我們要做的是:「使用滑鼠移動到圖片上,頁面會從四個方向來滑入頁面,像是從...

鐵人賽 Modern Web DAY 21

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-21 The if / switch Statement(條件句) 與 Iteration Statements(迭代/迴圈)

前言 JavaScript的八種型別乘載了資料,那麼Statement則化作軌跡驅使資料的運動;所以當鯊魚理解型別的本質之後,就要繼續滲入探套Statement...

鐵人賽 Modern Web DAY 23

技術 [DAY 23] 自己的 Hook 自己做! useDates 兩個時間恰恰好

承繼上篇,useDate 變兩個就成了 useDates :) DEMO 在這裡 情境 除了用一個 useDate 之外,有時候需要兩個關聯的時間(區間)來提...

鐵人賽 Modern Web DAY 23

技術 Have fun! 新手也能打造的Javascript微型專案! Day23: 你的頁面有表格嗎? 替它加個輸出成Csv檔案按鈕吧!

tags: ItIron2022 Javascript 前言 嚴格說起來這並不算個微型專案,不過確實是一個相當常見的功能,許多在實務上的專案會直接採用第三方套件...

鐵人賽 Modern Web DAY 22

技術 Day 22:鍵盤輸入事件實作

組件實作:Demo 一、前言 鍵盤輸入監聽事件是一個很有用的功能,或許在瀏覽一般的網頁時,比較不常使用鍵盤控制。但如果是遊玩網頁遊戲,取得鍵盤的監聽就會變...

鐵人賽 自我挑戰組 DAY 22

技術 Day 22:SVG Path 急速入門

組件實作:Demo 一、前言 今天要來介紹的東西是「與繪畫相關的東西 - CSS 和 SVG」,CSS 來製作圖形是一件很常見的事情,至於為什麼會特別的提...