一、前言 昨天我們把 React 的環境架起來,並且執行「Hello World」程式。今天要來學習一下 Hook 的寫法,至於 Hook 是什麼?以及要如何...
Object types 物件型別 array 用 [ ]object 用 { } array 寫法: var a = [ "1",...
前言 跟前面HTML還有CSS不同,之前有提到這兩個,一個是網頁架構出來,另一個是樣式排版跟整體版面的美化,現在的JavaScript就是要讓網頁可以動起來。...
你一定在想截圖有甚麼好弄一篇文章的 DEMO 在這裡 情境 前陣子有遇到一個特別的需求,希望原本的訂單紀錄的呈現,也可以讓使用者擷取下來保存或是處理後續工作,...
今天來講昨天沒講完的兩個Logical operators。 Logical AND (&&) Logical NOT (!) Logica...
Abstract 整篇會分成以下幾個部分: 使用時機 語法 說明 範例 注意事項 ECMAScript 結論 lastIndexOf() 這個 method...
Github, Over Engineering 基礎 對於整個 web 開發生命週期而言,技術棧是極其重要的第一步。選擇適合的技術棧等同建構一個好的骨幹,它讓...
前面介紹過 forEach() 處理方法,今天我們要來介紹許多人覺得好用的 map() 方法。 Array.prototype.map() 為什麼現在更多人喜歡...
今天就來使用Node.js進行爬蟲吧,這邊會用到兩個套件。先創建專案,並且安裝這兩個套件: npm install request npm install ch...
網路名言~歲月教會我,除了外送員,我誰也不必等。 我們來把它寫成 switch case ^_^ 剛好遇到 VS Code 更新 ,補充如何更新軟體。版本...
到上一篇為止都是以針對小區域來使用web component,我想這也是大多數可能使用web component技術的人的需求。畢竟,現在前端框架很流行(不限於...
檢查功能做完,接著要把功能與畫面結合,這時 React 就登場囉! 這邊會做基本資料檢查 製作畫面 我們畫面就很簡單的做一個輸入的欄位,還有觸發檢查的按鈕,並且...
今天的主題很單純,就是單純上傳圖片,不論是只有一個頁面或是多個功能都要用到,製造一個 hook 是很不虧的選擇,因為也是懶得再寫一次 (¬_¬) DEMO 底家...
要跟JS做朋友,就要來了解對方的性格才行~JS 的型別,主要有兩種分別為 Primitive data types 原始型別 Object types 物件型...
前言 先前有概略說一下Statements裡面各種述句的用途,今天讓鯊魚來詳細介紹吧。 Labelled Statements Labelled Stateme...
web component是組件,好處之一就是能封裝功能,除了封裝UI之外,封裝Web api也是目標之一。本篇和下一篇文章會以IntersectionObse...
今天要來介紹的是Logical operators,最主要有這三種常常使用 => || => OR 運算子 && =>...
耶~我們終於來到能注入靈魂到網頁之中的JavaScript 從 <script> 開始 基本上跟新增一個 CSS 的 <link> 元素...
Abstract 我是阿傑,既然昨天已經介紹了 findLast(),那今天當然就是它的西柏林啦,我相信... 如果想知道為什麼 ECAMScript 為什麼...
一、前言 從今天起連續 5 天,我們會專注在前端框架 React 的學習上。學習框架原因不單只是因為專案需求,更多的原因是學框架對于求職來說,已經變成一種標準...
陣列資料處理 forEach 是其中一種陣列處理方法,只有陣列才能使用,為什麼要學陣列資料處理呢? let data = [11,52,34]; 假設想要求得...
去年才寫過Python的控制鍵盤滑鼠套件-PyAutoGUI。今年學Javascript當然也不能錯過啦!在Node.js中,當然也有控制滑鼠及鍵盤的套件,這個...
大部分檢查功能已經在昨日做完,剩下的就是最重要的檢查碼,現在來討論一下檢查碼如何做吧!(其實已經逃避兩天了 XD) 檢查碼規則 何謂檢查碼 Checksum 被...
俗話說~沒有什麼事是 1 杯酒解決不了的,如果有,那就喝 2 杯。 我們來把它寫成 if else : <script> let mo...
組件實作:Demo 一、前言 Image Overlay 指的是圖片上的覆蓋效果,我們要做的是:「使用滑鼠移動到圖片上,頁面會從四個方向來滑入頁面,像是從...
前言 JavaScript的八種型別乘載了資料,那麼Statement則化作軌跡驅使資料的運動;所以當鯊魚理解型別的本質之後,就要繼續滲入探套Statement...
承繼上篇,useDate 變兩個就成了 useDates :) DEMO 在這裡 情境 除了用一個 useDate 之外,有時候需要兩個關聯的時間(區間)來提...
tags: ItIron2022 Javascript 前言 嚴格說起來這並不算個微型專案,不過確實是一個相當常見的功能,許多在實務上的專案會直接採用第三方套件...
組件實作:Demo 一、前言 鍵盤輸入監聽事件是一個很有用的功能,或許在瀏覽一般的網頁時,比較不常使用鍵盤控制。但如果是遊玩網頁遊戲,取得鍵盤的監聽就會變...
組件實作:Demo 一、前言 今天要來介紹的東西是「與繪畫相關的東西 - CSS 和 SVG」,CSS 來製作圖形是一件很常見的事情,至於為什麼會特別的提...