Abstract 我是阿傑,由於 splice() 這個咩色的 ECMAScript 的演算法非常複雜,為了避免文章過於龐大,會將其拆成 2 天介紹: 第 1...
tags: ItIron2022 Javascript 前言 在台灣現在已經越來越多店家或是公司導入line bot的服務,不但可以提供一些智能化的協助,也會主...
標籤樣板字面值是一種更高級的樣板字面值形式,允許你透過標籤函數操作樣板字面值的輸出。標籤函數的第一個參數是一字串陣列,其餘參數則是處理過的表達式。最終,你可以返...
非同步的 JavaScript 技術 假設今天想要觀看一則網路新聞,進到一個頁面如下: 紅框的部分是我們真正想看到的新聞內容,其他部分則是如上方的表頭跟右側...
宣告 與 呼叫 函式。並示範 不傳入參數 與 傳入多個參數 的函式 若想知道更多資訊,可參考文字敘述:Day25【每天5分鐘】學前端 | JavaScrip...
一、前言 今天來談談一些比較輕鬆的話題,由於國慶日放假陪伴家人,我就沒有去研究 React 的相關用法。雖然這篇不是純技術的文章,但是應該會是一個很好的經驗談...
先說聲抱歉,本篇和下一篇都是以實做"VanillaJS"版本的web component組件庫為前提。大部分的web component編輯...
組件實作 : Demo 一、前言 今天要來研究一下 Flexbox 的寫法,它是一個用來排版的神器,可以很有效的處理元素水平與垂直置中對齊,本篇主要是參考...
前言 今天要來介紹什麼是Arrow Function,這個是一個看起來非常簡單的語法,因為=>就像是箭頭一樣所以叫做Arrow Function,它可以直...
前言 昨天新增的內容,這邊再進行一些補充說明 %是指模數(英文是modulo) 指定運算 x=10%3 //x=10除以3的餘數 console.log(x)...
Class static initialization blocks 一個class只有生成新物件的時候,才能訪問其值, 那有沒有不用新建立一個物件就可以直接訪...
Abstract concat() 是一個容易使用且直覺的咩色,但其操作過程會用到 @@isConcatSpreadable 這個 well-known Sym...
樣板字面值(Template literals)是允許嵌入運算式的字串字面值(string literals)。你可以透過樣板字面值來使用多行字串及字串內插(s...
後面幾天我們要來介紹 AJAX ,也就是非同步的 JavaScript 技術,在那之前我們要先來了解何謂網路請求。 透過瀏覽器發出網路請求 首先我們先來了解甚麼...
今天就回來寫爬蟲吧,我們要利用cheerio以及fs來做到爬圖片的功能。這次會跟去年一樣會拿unsplash這個網站做示範。 起手式當然是先建立專案,引入套件,...
到上一篇為止都是以針對小區域來使用web component,我想這也是大多數可能使用web component技術的人的需求。畢竟,現在前端框架很流行(不限於...
一、前言 昨日誠摯的建議(洗腦)各位學習 React 的 Class 寫法之前,可以先學習強大的 Hook,或許是一種不錯的入門方式。今天要持續的來探討 Ho...
let i = 0; while(i < 3){ console.log("i:", i); i++; }...
一、前言 這篇收集了一些常見的組件,每個功能的程式碼並不多,於是決定將這些程式碼集中寫在一起啦~希望這些組件可以被重複利用,並且發揮一定的作用。那麼,現在就來...
前言 之前講的是常用的邏輯運算子,而有一個比較特別的,寫法是兩個問號。 之前看不太懂,趁著今天研究出來順便寫自己的理解,接下來就直接開始。 ?? 根據MDN的解...
DEMO 在這裡 情境 面對長長的列表與龐大的資料時,為了避免使用者感受到卡卡,你可能會希望等使用者滾動到該卡片時再進行資料的抓取;或是你想依照元素呈現的比例...
Object types 物件型別 array 用 [ ]object 用 { } array 寫法: var a = [ "1",...
Abstract reverse() 不像其他咩色需要帶入參數甚至是 callback,使用起來可以說是相對簡單,但它的演算法稍嫌複雜且有一些讓人迷惑的地方,因...
Ajax 是 Asynchronous JavaScript and XML的縮寫,非同步請求的概念。 Asynchronous:非同步 JavaScript...
今天會來介紹一個叫做fs的Node模組,這個模組可以進行檔案操作,有點像是python的os模組,在需要進行大量的檔案操作時,可以藉由這個套件來撰寫程式,簡化人...
今天再介紹三個陣列的方法,明天就要換別的主題囉! Array.prototype.join() join() 方法可以將陣列中的值取出來轉變為字串,並且可以加...
// i = i + 1 可以簡寫成 i++ for(let i = 0; i <= 3; i++){ console.log("i:...
基本的身分證檢查已經完成,可以檢查長度、地點、性別等等,但是缺少了檢查檢查碼的部分,這篇會說明如何建立檢查碼。 檢查碼功能 checkCkDigit() 增加檢...
還在修改程式碼,今天也會晚一點放上關鍵的程式碼。還有,明天一定放上github給連結... 目標 把昨天的virtualized list組件加入infinit...
組件實作 : Demo、Demo2 一、前言 Scroll 的意思為滾動,它常見的應用,比如在頁面捲動時所產生的效果,這個效果被稱作為「視差滾動」 Par...