今天的主題很單純，就是單純上傳圖片，不論是只有一個頁面或是多個功能都要用到，製造一個 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 為什麼...
阿傑
‧
2022-10-07
一、前言 從今天起連續 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 來製作圖形是一件很常見的事情，至於為什麼會特別的提...
標籤樣板字面值是一種更高級的樣板字面值形式，允許你透過標籤函數操作樣板字面值的輸出。標籤函數的第一個參數是一字串陣列，其餘參數則是處理過的表達式。最終，你可以返...
今天假如要寫一個求 1 + 2 + … + n 的總和，一般人可能很直覺的就想到說，要用迴圈的方式把所有值都加在一起。 function add(n) {...
超白話畫面和功能拆解 背景顏色取決於寶可夢的類型 CSS手刻卡片排版 每個卡片內包含寶可夢圖片、名稱、編號、背景顏色、類型，以上這些都要動態呈現 運...
為什麼要了解設計模式 當我說"沉默螺旋"(spiral of silence)，你知道我在說什麼嗎？ 你如果知道，我就不用解釋繼續講下去，甚...
事件 (Event) 網頁的事件可說是無所不在，從瀏覽器載入網頁開始，只要有在使用網頁，就隨時都有事件正在被觸發。 事件類型 事件類型非常多種，比較常見的例如：...
Abstract 我是阿傑，既然前面介紹了這麼多 找東西 的咩色 (find、filter、indexOf...)，我們今天就來介紹一個最新最時尚的咩色 -...
阿傑
‧
2022-10-06
原本要繼續打Node的套件的，可是突然想到忘記講這個常用的東西，趕快來惡補( 前面有學到了很多有關於字串的操作。今天要來學習的是用來匹配字串的正則表達式(或叫正...
已經瞭解規則，接著就開始製作身分證製造機的作業。在開始前，先做個檢查機制，檢查我們的身分證號碼是否正確，也就是 TDD 的精神，這樣才能確認我們的身分證製造機產...
若想知道更多資訊，可參考文字敘述：Day19【每天5分鐘】學前端 | JavaScript 物件 object 感謝收看，我們明天見囉～～～
今天繼續跟著官方文檔來研究DayJS套件。 Display 講到顯示，應該還記得昨天很常用到的format()，顧名思義，它就是拿來做格式化的函式，既然是函式，...
前言 接下來幾篇文章以「在 Vue 3 Composition API 處理非同步（ 發 API ）」為主軸，會從新手的角度出發，告訴大家可以在哪些地方、時機發...
前言 陣列，是資料處理中很常見的東西，但是你真的懂陣列嗎？除了基本陣列的樣子，陣列其實還有很多東西可以運用，但是鯊魚不懂陣列，所以鯊魚要努力學習，為了結實的基礎...
Charlie
我是誰我在哪...
nikihypocrite
BugofBook
Vic
東尼先生
Key
seaotter
eyelash*睫毛
Olivia
windate3411
denny0628
hannnahTW
Global Rachel
安揪拉
iThome鐵人賽
看影片追技術