前言 今天要來介紹什麼是Arrow Function，這個是一個看起來非常簡單的語法，因為=>就像是箭頭一樣所以叫做Arrow Function，它可以直...
Abstract concat() 是一個容易使用且直覺的咩色，但其操作過程會用到 @@isConcatSpreadable 這個 well-known Sym...
阿傑
‧
2022-10-10
後面幾天我們要來介紹 AJAX ，也就是非同步的 JavaScript 技術，在那之前我們要先來了解何謂網路請求。 透過瀏覽器發出網路請求 首先我們先來了解甚麼...
今天就回來寫爬蟲吧，我們要利用cheerio以及fs來做到爬圖片的功能。這次會跟去年一樣會拿unsplash這個網站做示範。 起手式當然是先建立專案，引入套件，...
一、前言 昨日誠摯的建議（洗腦）各位學習 React 的 Class 寫法之前，可以先學習強大的 Hook，或許是一種不錯的入門方式。今天要持續的來探討 Ho...
let i = 0; while(i < 3){ console.log("i:", i); i++; }...
一、前言 這篇收集了一些常見的組件，每個功能的程式碼並不多，於是決定將這些程式碼集中寫在一起啦～希望這些組件可以被重複利用，並且發揮一定的作用。那麼，現在就來...
前言 之前講的是常用的邏輯運算子，而有一個比較特別的，寫法是兩個問號。 之前看不太懂，趁著今天研究出來順便寫自己的理解，接下來就直接開始。 ?? 根據MDN的解...
DEMO 在這裡 情境 面對長長的列表與龐大的資料時，為了避免使用者感受到卡卡，你可能會希望等使用者滾動到該卡片時再進行資料的抓取；或是你想依照元素呈現的比例...
Abstract reverse() 不像其他咩色需要帶入參數甚至是 callback，使用起來可以說是相對簡單，但它的演算法稍嫌複雜且有一些讓人迷惑的地方，因...
阿傑
‧
2022-10-09
今天會來介紹一個叫做fs的Node模組，這個模組可以進行檔案操作，有點像是python的os模組，在需要進行大量的檔案操作時，可以藉由這個套件來撰寫程式，簡化人...
今天再介紹三個陣列的方法，明天就要換別的主題囉！ Array.prototype.join() join() 方法可以將陣列中的值取出來轉變為字串，並且可以加...
// i = i + 1 可以簡寫成 i++ for(let i = 0; i <= 3; i++){ console.log("i:...
基本的身分證檢查已經完成，可以檢查長度、地點、性別等等，但是缺少了檢查檢查碼的部分，這篇會說明如何建立檢查碼。 檢查碼功能 checkCkDigit() 增加檢...
組件實作 : Demo、Demo2 一、前言 Scroll 的意思為滾動，它常見的應用，比如在頁面捲動時所產生的效果，這個效果被稱作為「視差滾動」 Par...
還在修改程式碼，今天也會晚一點放上關鍵的程式碼。還有，明天一定放上github給連結... 目標 把昨天的virtualized list組件加入infinit...
tags: ItIron2022 Javascript 前言 我們昨天快速的認識了Puppeteer這個套件並用其做了一個簡單的實作，但實際上頁面截圖這樣的功能...
前言 寫不出可以讓人輕易讀懂的程式碼的程式設計師，不是好的程式設計師。 請隨時做好讓別人可以讀懂你程式碼的準備 就算是孤獨的工作者、不會讓別人參與你的程式碼獨行...
一、前言 昨天我們把 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...
阿傑
‧
2022-10-08
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 就登場囉！ 這邊會做基本資料檢查 製作畫面 我們畫面就很簡單的做一個輸入的欄位，還有觸發檢查的按鈕，並且...
Vic
Key
seaotter
東尼先生
Olivia
Charlie
eyelash*睫毛
BugofBook
windate3411
nikihypocrite
我是誰我在哪...
candy82202
tainvecs
iThome鐵人賽
看影片追技術