之前我們都是用 Google Chrome 的開發人員工具來實作，今天我們要來看如何使用 VS Code 來建立一個網頁環境。 首先我們要知道的是，瀏覽器並不支...
前言 這篇文章會藉由範例讓你了解 Memoization，讓程式碼執行更有效率。 Memoization 是什麼? 它就只是一種觀念，並非具體的東西，這個觀念...
複習一下前面陣列的內容~過去我們有提到，我們可以在陣列中放置資料類型、陣列、物件、函式……等。也有學習到陣列需顯示陣列內容時可使用for loop、forEac...
在早期還是新手程式設計師的我，一直搞不懂事件驅動的程式風格到底有什麼好處，也因此走了一些冤枉路，更糟的是我繞了遠路還不自知。因此希望能藉今天這篇文章，讓同學們能...
透過 Sketchfab 下載完 3D 模型後就可以在 three.js 的世界裡匯入 先在 ejs 處匯入函式庫，要注意的是 GLTFLoader 的版本...
撰寫Javascript的程式碼時，雖然可以用for迴圈或forEach方法來處理陣列的問題；但是面對內為許多方便的陣列方法，不使用它們，心裏總是癢癢的。回顧前...
前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...
輪播圖的應用很常見也很廣泛，一般有框架就用框架，像是Bootstrap中的Carousel，不過這系列的文章主要著重在前端三大技術上，所以今天我們要來自己手刻...
大家出門去玩的時候，多少會拍下一些相片，其中有些特別值得紀念的相片，這時候就可以考慮製作個自己的相片集來呈現~今天我們來實作Day #13 User Galle...
人類竟與臭蟲如此相似：無堅不摧。 Robert Frost 第七天的假日，最適合談談一些輕鬆的話題：臭蟲與除蟲debug。 一些新手，甚至我老練的同事，還是...
前言 在介紹完prototype之後，該是來理解JavaScript的class，之前有提到說，JavaScript的繼承依靠的是Prototypal inhe...
數字 JavaScript數字分類比較簡約，不像一般的程式語言不同，數字能再細分成 Floating(浮點數型)、Integers(整數型)、double(雙精...
流程控制 有 if else 和 switch case ，目的在根據不同的條件，執行不同的操作。我們今天先來認識 if else，明天再接續認識 switch...
閱讀說明 整篇會分成以下幾個部分： 使用時機 語法 範例 注意事項 ECMAScript 結論 find 這個 method 的全寫應該是 Array.pr...
阿傑
‧
2022-09-21
為什麼 Vue 要使用Proxy 之 Reflect 探討Proxy之前，得先來看看和Proxy一起搭配的Reflect Reflect(反射)是ES6語法(我...
更多用法 FIND 可以將值提取出來 尋找第一筆合適的資料 例 ❶ (篩選會回傳篩選合適的第一個值) const arr = [1, 5, 50]; c...
一、前言 在寫網頁時，除了命名規則、排版會讓我們感到困擾之外，顏色搭配也是我們會感到糾結的一部分。配色是一種直觀的感受，所以要掌握它並不是那麼的容易，接下來我...
組件實作 : Demo 一、前言 Card 組件通常會出現在像是購物網站的商品資訊，或是影片追劇等電影介紹中，其實只要是文字加上圖片的一個群組，都可以是一...
今天來講一下JavaScript的例外處理。例外處理的用途用在若程式有發生特殊狀況會報錯時，用來不讓程式停掉，可以繼續執行下去並彈出錯誤。 JavaScript...
除了自行建立3D模型以外，也可以透過下載網路上製作好的 3D 模型匯入 three.js 的世界裡 Sketchfab 官網一套面向建築師、遊戲開發者、電影...
前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...
Javascript 是一個基於原型的語言（prototype-based)，他可以用在 OOP(Object-oriented programming)也可...
在寫遊戲流程的時候，常常會遇到需要等待某件事情發生，接著再去做另一件事的情況。比如說城內守衛要巡邏，那是不是要先規畫好巡邏站一二三，然後先設定目標為第一站，逛逛...
上一篇介紹高階函式forEach進行資料處理，forEach雖說比for loop好用，但他卻無法更改陣列中的內容，因此就必須學到本篇會說到的map map m...
前言 這篇要來說明 Generator 產生器，不過在那之前要先來了解另一個也跟它有關的東西-Iterator 疊代器。 Iterator 疊代器 在 JS...
三種宣告方法：let、const、var let 用來宣告一個區域變數，假設我們現在有一顆蛋的價格為 10 元： 這時呼叫蛋價這個變數時就會出現我們賦予給他的...
運用官方範例，改寫自己的 Hello World。 建立 .jsx 建立檔案：HelloWorld.js 檔案做為我們的範例檔，內容為： function H...
今天要來做的是動態計數效果，隨著固定的時間遞增固定的數字上去，因為時間設得很短，所以視覺上看起來像是連續的，如圖中那樣! 事前準備 引入 fontAwes...
今天想分享一下我平常用來了解 JS 社群資訊的幾個管道，也許不是最棒的，可以了解當下有什麼酷東西存在於生態圈。 Best of JS 透過這個網站，可以輕鬆找...
附上為何鐵人賽文章會出現在這裡的說明：2022 鐵人賽｜Day1 報名失敗，還是要開賽吧！ 背景脈絡 不知道大家有沒有產生過這樣的疑問.. const pers...
Key
harry xie
Yumy
小哈片刻
Yingge170
olddunk
hogantech
hannnahTW
steventhibe
Ryvn's Boss
Vic
nikihypocrite
Olivia
Global Rachel
denny0628
東尼先生
seaotter
bywater529
eyelash*睫毛
轟天旅人
iThome鐵人賽
看影片追技術