物件導向與JS的物件 物件導向、物件導向，常常聽到卻一知半解，鐵人後面也會探討一下物件導向的設計模式，藉這個機會把一知半解的JS物件搞個清楚！ 下面是跟著MDN...
組件實作：Demo 一、前言 Typing Effect 是一種好用的文字效果，看似簡單的語法下，其實藏著一些不太好理解的概念，例如 CSS 的 Anim...
上一篇大致說明了DOM的節點關係，而本篇補充一些DOM常見的API： textContent innerHTML setAttribute querySele...
學習設計的人在使用Adobe Illustrator這類向量繪圖軟體的時候，都會使用一種鋼筆工具。這個工具會產生控制桿，設計人員可以利用這個控制桿來擬合已有的圖...
今天來講一下JS的另外一個物件-Map。有趣的是，我在研究完Map後才發現，他可用的功能跟昨天提到的Set幾乎一模一樣，不過為了主題性還是一樣把它分兩篇，不過這...
布林（Boolean） 什麼是布林值(Boolean) 布林值是電腦科學裡辨別 true 或 false 的資料型別，以發明布林代數的數學家喬治.布爾來命名。數...
前言 終於到了第 28 天的鐵人賽，Day28, 29 我將會分享一些寫 JS 的一些技巧，讓我們寫出的 JS 程式碼品質更好。 不過在開始介紹之前也先分享一篇...
Abstract 我是阿傑，曾經聽雪瑞學姐說過 reduce() 好好用、整理 API 好棒棒，我當下心想這麼好用的東西要是不會用可是要吃大虧了呢 (大媽心態？...
阿傑
‧
2022-09-28
為什麼圖片上傳後，檔案會變大？ 這是要補昨天的坑，也是我最近在解的 Bug 。 原本的 Bug 內容是"伺服器容量爆滿，上傳的圖片都超過10MB的限制...
長庚
‧
2022-09-27
前言 Asynchronous的中文翻譯是非同步、異步，Synchronous的中文翻譯是同步，以下都會直接用同步、非同步來介紹。 非同步程式設計是JavaSc...
閱讀說明 整篇會分成以下幾個部分： 使用時機 語法 範例 注意事項 ECMAScript 結論 pop 這個 method 的全寫應該是 Array.pro...
阿傑
‧
2022-09-27
一、前言 其實，我也不知道自己怎麼會想加入這個主題，只是有點想要學習 Vim 的基本操作，順便紀錄一下學過的操作方法，現階段我也沒有想要背任何的指令或是快捷鍵...
今天來介紹類似於陣列的Set物件。 建立Set Set物件有點像是擁有唯一值的陣列。建立Set物件跟建立陣列差不多: let set = new Set([1,...
NaN （Not a Number） NaN 也就是非數字，通常會出現在 企圖對一些非數字的運算元做數字的運算，這時就會出現 NaN，例如： let myN...
上一篇的介紹了解到JavaScipt是如何透過BOM及DOM來控制瀏覽器行為及網頁的內容，當新開的一網頁時，瀏覽器會去分析HTML的檔案並解析成DOM，而DOM...
前言 首先我們要知道 JS 是個弱型別的語言，弱型別和強型別的差異為編譯器或直譯器對型別檢查的寬容程度，弱型別在型別檢查上較為寬鬆，容許隱性型別轉換。強型別在型...
動點的軌跡在機械構造設計上也有很多的應用，透過電腦的模擬，事先了解機械元件行程的範圍，可以避免元件之間干涉的情形發生。 今天要介紹四連桿機構（four-link...
這不是把大家帶到黑暗裡，而是把大家帶過黑暗，在黑暗裡檢驗一遍，再回到陽光底下，你會明白該如何面對生活。 Ang Lee 事實上，關於control flow...
在這邊進行字串轉換成某種編碼方式的字，這邊以 URI 和 ASCII 為範例。 不過仍與昨日發生相同問題，也就是第一個字讀不到。這問題之後再解，現在先初步建立我...
上次我們用 C# 來實作圖片壓縮的功能。今天我們換嘗試用 JavaScript 在前端幫我們做圖片壓縮！ 通常圖片壓縮的目的就是要讓檔案的大小變小，所以我們可以...
長庚
‧
2022-09-26
閱讀說明 整篇會分成以下幾個部分： 使用時機 語法 範例 注意事項 ECMAScript 結論 map 這個 method 的全寫應該是 Array.pro...
阿傑
‧
2022-09-26
學會了JavaScript的基礎：字串、數字、函式……等，你一定跟我一樣有很多疑問，我還是不知道怎麼在網頁上輸入內容阿!如果你希望透過JavaScript控制並...
這其實不是難懂的概念，但卻是非同步程式設計中最基礎的螺絲釘，我自己在學習這JS非同步領域這系列的順序是這樣排的： Callback => Promise...
如果有一段程式碼會 重複 出現，那麼你可以考慮將它寫成 函式 ，日後要使用它時，只要呼叫那個函式即可，就不用重複地去寫程式碼了～ 假設我要讓我的狗狗聽到一個指令...
接續Day 20，繼續來講解沒完成的JS部分 專案回顧 畫面和功能拆解 畫面中的密碼生成器裡內有標題 > 結果顯示欄 +複製按鈕 > 需求設定...
即使函式已經執行結束，其內部的變數卻並未跟著消除，還能繼續被呼叫；這種能將外層變數「包」在內層暫存、使用的方式，就是所謂的「閉包」。 執行環境 執行環境（Exe...
運算子 JavaScript 同時具有二元運算子及一元運算子， 以及一種特殊的 三元運算子，也就是 條件運算子。 一個二元運算子需要具備兩個運算元， 一個在運算...
前言 當初一開始在學 JS 時就常常看到淺拷貝 & 深拷貝這兩個詞，只是可惜一直沒有做個整理，所以這篇文章要來整理一下相關的觀念。 淺拷貝 &...
組件實作 : Demo 一、前言 Tab 組件是一種高互動性的組件，構造是由一個 Menu 選單和一個訊息框組合而成，當選單項目被選中時，會切換到對應的訊...
組件實作 : Demo 一、前言 Ｍodal 指的是互動視窗，也就是讓畫面跳出一個蓋板訊息框。使用 Modal 背景大多由半透明黑色覆蓋；訊息框（互動視窗...
Global Rachel
東尼先生
Yumy
olddunk
seaotter
Key
harry xie
Vic
Ryvn's Boss
eyelash*睫毛
Olivia
hannnahTW
denny0628
iThome鐵人賽
看影片追技術