因為Shadow DOM把內部的DOM和外部的DOM分開了。所以CSS選擇器沒辦法從外部正常的使用在Shadow DOM的內部節點上。也因此，CSS的使用一直以...
監聽事件 因為web component是使用custom element技術建構而成。web component內部也能使用addEventListener方...
我曾經看過某一篇文章是這樣說明的。如果說custom element是web component的骨架，那shadow DOM就是web component的靈...
如何宣告變數？ 宣告變數有幾種方法，我們可以使用let、const 及 var來宣告變數，今天會先用 let 來做宣告變數的方法，後續會再針對三個方法不一樣的地...
大家好! 最近剛找到前端的工作，公司使用 React 作為主要的開發框架，並且使用 Redux 作為狀態管理的工具，最近正在學習這一塊，在這邊紀錄一下學習到的東...
附上為何鐵人賽文章會出現在這裡的說明：2022 鐵人賽｜Day1 報名失敗，還是要開賽吧！ 背景脈絡 不知道大家有沒有產生過這樣的疑問.. const pers...
本文重點將會以ES6的Module為主 文章將會提到以下幾點 簡述Moduel歷史 什麼是module 基本用法 具名匯出、預設匯出 default匯出就像具...
前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...
在之前的文章中我們處理的數據、字串都是單一的，若需要一組數據時就可使用陣列將資料儲存在一變量中。 本篇會介紹： 陣列array 創建、使用陣列 如何訪問陣列...
Js除了原生型別 number、string、boolean、null、undefined 之外，幾乎都是物件，物件具有屬性 (properties) 與方法...
類別 Class 在去年的鐵人賽中，我利用類別Class做了一個都市女生存記的遊戲。第一次自己生類別，覺得這樣的工廠模式真的很方便。過了一年，再來深入了解一下類...
一、前言 你是不是曾經有過一種經驗，就是當你努力的讀書，努力的學習，網路上查了一堆資料，也寫了一堆筆記，記在腦袋裡面的東西過了幾天之後就全部遺忘，彷彿不存在過...
一、前言 在製作網頁時，我們會需要一些文字或是圖片來裝飾我們的頁面，這些資料可能來自設計師或是後端工程師。但是我們在前端製作頁面時，沒有這些文字與圖片資源時該...
今天是 JS 系列的的第二篇文章，今天要來討論一個讓人又愛又恨的 JS 特性---閉包 closure！ 什麼是閉包？ 回答：閉包 指的是一個 funct...
昨天Prototype世界的例子中，小白這種打電話讓別人再去打電話找的方式，其實就是一種Prototype Chain的概念。 畫一張示意圖會比較清楚一些，用一...
Prelude 我是阿傑，上篇講聊了一些關於 JavaScript 的知識點，但如果想要知道 Array method 較抽象化的邏輯就必須看 ECMAScri...
阿傑
‧
2022-09-18
前言 這篇將繼續介紹 Promise，內容包括 Promise 的幾個靜態方法的用法介紹，以及 Promise.all() & Promise.race...
「阿姨，我不想努力了！」，不想努力了，不用找阿姨， 請學swiper.js。如果你跳過了第十三天「旋轉吧！木馬」，可能你有預知未來的能力。可能是職業病的關係，就...
鐵人賽 Day3 自己做一個價值幾十萬的動態網站 第三課：了解Scss與React Component與首頁概念圖與UI實作 part1 Css與Scss差在哪...
今天要來做的賽project叫「爸爸的冷笑話」，需要對API有基本的認識，因為這篇要串接外部API來取得冷笑話集，並使用postman來進行測試，若要下載po...
其實加上第一天的Trick 0，小哈在昨天鐵人賽的文章就已經累積滿三十篇，不過因為系列標題寫著《30個遊戲程設的錦囊妙計》，如果不寫到Trick 30，好像對不...
在介紹 比較運算子 之前，會先補充說明 變量/變數 ，以及如何 定義 。 變量 / 變數 （variable） 之前認識了字串、數字，今天要來介紹可以存放它們的...
開發人員工具 在正式進入用 VS CODE 寫程式之前，我們可以先學習用一個工具來寫 JavaScript，它也是很好的除錯（debug）工具，就是 Googl...
布林值 Boolean 不用引號包起來， 直接寫 即可 布林值只有兩個：true 、false 邏輯運算子 以下引用自 MDN 邏輯運算子 通常被用於 布林...
每個複雜的問題，都有個簡單的解法。這句話簡直錯得離譜。 Umberto Eco 此文討論Array為主，但可能會牽扯些許Object。 今天老闆不在，就來聊...
唯有全然的了解，才有資格說愛或恨。 Leonardo da Vinci 此文討論Array為主，但可能會牽扯些許Object。 如果你跟JS打交道一段時間，...
同學們是否玩過有天梯排名的電競遊戲？有這種賽制的對戰遊戲中，來自四面八方的玩家都可以隨意找對手玩個兩場，並在賽後增減天梯積分，積分越高，越能受到來自其他玩家們景...
前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...
在介紹變數時有提到函式內作用、區域內作用，也就是本篇文會介紹的內容： 區域變數、全域變數介紹、差別 範例 範圍 JavaScript中變數作用的範圍分為區...
附上為何鐵人賽文章會出現在這裡的說明：2022 鐵人賽｜Day1 報名失敗，還是要開賽吧！ 背景脈絡 學習 JavaScript 必定要認識 var, let,...
BugofBook
Key
DannyChen
hogantech
Yumy
denny0628
Global Rachel
東尼先生
bywater529
Vic
harry xie
olddunk
K.o
hannnahTW
小哈片刻
Olivia
Ryvn's Boss
iThome鐵人賽
看影片追技術