主動轉型 前面我們知道了 JavaScript 有個貼心又討厭的特色就是自動轉型。當然,我們也可以因為目的需要自己做轉型,這邊介紹兩種轉型的方法: 字串轉數字...
在瀏覽網頁時使用者可以觸發許多事件,JavaScript 可以對這些事件做出反應,例如:滑鼠點擊、按鍵盤按鍵、滾動滾輪……等。DOM Event 可以用 Jav...
前言 此篇將繼續接續上篇,介紹一些寫 JS 的技巧。 語法部分 in operator in 運算子可以用來確認一個物件是否有某個屬性。 const pers...
今天要來做的是很常見的用戶驗證介面 超白話畫面和功能拆解 當輸入一個數字後,便會自動跳到下一個輸入框 可以按backspace 按鍵去修改前面的數字 運...
組件實作 : Demo 一、前言 關於 JavaScript 的故事其實是這樣的:「JavaScript 誕生於 1995 年的景網通訊(Netscape...
前言 昨天提到了JavaScript可以利用「並行的方式」去做到非同步這件事情,而關於這到底是怎麼辦到的,就是今天的主題,然後今天主要的內容都是以這個影片為基礎...
前言 前面有說過字串的基本樣式是什麼,這邊來更進一步去理解字串是什麼。 字串-顧名思義即是文字的集合體字串的編碼方式跟一般編碼方式是有些出入,只要被列為是字串裡...
前言 今天這篇會先介紹 v-on 的語法和修飾符,熟悉的人可以考慮跳過這個部份。 再來會提到自己在學習 v-on 時的疑惑: 「為什麼不能在 inline ha...
半個月轉瞬即逝,JS的部分在這邊也差不多告一段落了,最後提供一些關於JS的好雷、好用、或好習慣的雜集: 變數命名 我相信如果你不是剛學程式語言,絕對會知道用單一...
我們不是有意為之,就是按照出廠設置。 Kristin Armstrong 今天我們就來淺看export尤其是export default。或許你已經注意到,...
每個執行環境都有屬於自己的this關鍵字(自然產生) this與函式如何宣告沒有關聯性,僅與呼叫方法有關 嚴格模式下,簡易呼叫會有很大的改變 影響函式 t...
物件導向與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 好棒棒,我當下心想這麼好用的東西要是不會用可是要吃大虧了呢 (大媽心態?...
為什麼圖片上傳後,檔案會變大? 這是要補昨天的坑,也是我最近在解的 Bug 。 原本的 Bug 內容是"伺服器容量爆滿,上傳的圖片都超過10MB的限制...
前言 Asynchronous的中文翻譯是非同步、異步,Synchronous的中文翻譯是同步,以下都會直接用同步、非同步來介紹。 非同步程式設計是JavaSc...
閱讀說明 整篇會分成以下幾個部分: 使用時機 語法 範例 注意事項 ECMAScript 結論 pop 這個 method 的全寫應該是 Array.pro...
一、前言 其實,我也不知道自己怎麼會想加入這個主題,只是有點想要學習 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 為範例。 不過仍與昨日發生相同問題,也就是第一個字讀不到。這問題之後再解,現在先初步建立我...