Set和Map是Javascript ES6內建的標準物件。可以幫助我們處理更多不同情境的問題。 Set關心的是值(value),並且值是不是唯一;而Map關心...
觀前提醒: 我預設大家已經先思考並分析過題目,沒啥想法才開始 google 找解題靈感。若無,建議每題先花 1~2 顆番茄鐘的時間來分析題目比較好。可參考番...
延續上文關於JavaScript基本型別的內容,這篇主要講解字串(string)、布林值(boolean)、null、undefined和Symbol(ES6新...
有時要將 JS 物件轉成其他資料結構,所以需要迭代物件中的所有 property,過去會用 for-in 陳述句,但只想列舉 own property,就必須...
語句只在理解它們的人那裡擁有意義。語句捕捉了我們的想法,而想法本身,遠比我們用來描述它的詞彙更為重要。 -- Daniel P. Friedman and D...
複合型態是指物件Object 基本型態除了本身的資訊之外,並不帶有額外的特性property或方法但是只要是物件,就會帶有額外的特性或方法 物件實字,例如{}可...
Day19 六角 Flex時光屋#1 簡單小語 看到當時時光屋練習的作品,想說挑兩個來整併,當作練習的機會,這次的結構不一樣的是,header及footer使...
準備實作 現在的你已經瞭解 JavaScript 的前身今世是怎麼來的,並且也清楚 JavaScript 一些基礎語法,也知道了如何將抽象的流程具體化了。但你可...
本系列文章經過重新編排和擴充,已出書為ECMAScript關鍵30天。原始文章因當時準備時程緊迫,多少有些許錯誤。為了避免造成讀者的困擾,以及配合書籍的內容規...
前言 又到了習題大亂鬥的時間,讓我們綜合之前所學,練習應用看看! 基礎題 當 html 為 <div id="chart">&l...
WES BOS系列影片Alex快速導讀系列影片 今天要用滑鼠在網頁上畫畫。初探Canvas元素的使用方式,可與MDN的Canvas教學手冊搭配服用但若是只想知道...
圖片來源 嗨各位你們好,我是 Robin~ 之前在 【這些年我不懂的 Javascript】Day 3 - 你一定可以入的了門 #上篇這篇有提到 JS 沒...
回顧 JSX 從上一個篇章:初探 JSX 中,我們了解到 JSX 是一種 JavaScript 的擴充語法,支援在 JavaScript 中撰寫 HTML-li...
keyCode – 取得鍵盤代碼值 鍵盤上的任何一個按鍵,在按下得當下都可以取得一個相對應的鍵盤代碼,也就是所謂的keycode。我們可利用這個keyc...
array.concat() 用於合併兩個或多個陣列 這個方法不會改變原有陣列 會回傳一個新的陣列 Syntax array.concat(value1, v...
瀏覽器物件模型(Browser Object Model, BOM) 瀏覽器所有功能的核心 與網頁的內容無關 核心 : window 物件 所有的 BOM 都...
(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...
我們先前在Day2 3分鐘帶你初步認識SPA 的文章初步介紹過SPA,主要是用前端client side render的方式。另外在前兩天我們也提到了,前端可以...
C3.js C3.js 是利用 D3.js 做出來的,一種站在巨人肩膀上的概念。使用它你可以輕鬆將資料轉成老闆、顧客一眼就能看到重點的圖表。使用時要先載入以下三...
影片 內容 Svelte 當中有許多內建的動畫機制,可以應付常見的場景,並且用相對少量的程式碼達到不錯的體驗。今天會介紹進階的 crossfade 與 an...
Javascript ES6帶來很多方便且實用的新語法(其實ES6也不新的,但是IE就是不支援?), 很多網站都有很詳細介紹新語法,筆者本人也是在各大網站看了好...
this 在JavaScript上被非常頻繁的使用 每個 function 都各自 this 的表示(影響 this 的是在於函式的呼叫方法,並非宣告的時機)...
LinkedList getLast() & clear() 本篇介紹 LinkedList 的兩個方法 : getLast() 取得最後的 node...
請前往 https://maxlee.me/posts/highchart/highcharts-5 取得最新文章內容
學習目標 了解 MediaStream 物件以及其 MediaStreamTrack object 如何利用 getUserMedia 取得 MediaStr...
MediaStreams APIs經過演變更新下,新舊版api略微不同,getUserMedia也是其中之一,包含其參數constraints,因為是基於Med...
觀前提醒: 我預設大家已經先思考並分析過題目,沒啥想法才開始 google 找解題靈感。若無,建議每題先花 1~2 顆番茄鐘的時間來分析題目比較好。可參考番...
學習目標 本章你將會了解到: getUserMedia 包含哪些功能 如何使用getUserMedia來擷取本機影音流(Video/Audio stream...
日安٩(ˊᗜˋ*)و SONYKO だよ〜♫DAY 5 要來講運算子 。運算子的日文是 演算子( En Zan Shi ),念起來很像在放大絕的感覺。 運...
剛接觸程式語言 對於剛接觸程式語言的人,比較推薦的是先理解程式語言的由來、訓練邏輯表達與理解程式語言的基礎用法。 瞭解程式語言的由來的在於它能夠幫助你理解學完這...