iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Modern Web DAY 4

技術 DAY4-Javascript Set和Map (上)

Set和Map是Javascript ES6內建的標準物件。可以幫助我們處理更多不同情境的問題。 Set關心的是值(value),並且值是不是唯一;而Map關心...

鐵人賽 自我挑戰組 DAY 19

技術 [LeetCode with JavaScript] Day 19: Number of 1 Bits

觀前提醒: 我預設大家已經先思考並分析過題目,沒啥想法才開始 google 找解題靈感。若無,建議每題先花 1~2 顆番茄鐘的時間來分析題目比較好。可參考番...

鐵人賽 Modern Web DAY 4
JavaScript基本功修煉 系列 第 4

技術 JavaScript基本功修練:Day4 - 基本型別(II) - 字串、布林、null、undefined、Symbol

延續上文關於JavaScript基本型別的內容,這篇主要講解字串(string)、布林值(boolean)、null、undefined和Symbol(ES6新...

鐵人賽 Modern Web DAY 4
JavaScript 之旅 系列 第 4

技術 JavaScript 之旅 (4):Object.keys() & Object.values() & Object.entries()

有時要將 JS 物件轉成其他資料結構,所以需要迭代物件中的所有 property,過去會用 for-in 陳述句,但只想列舉 own property,就必須...

鐵人賽 Software Development DAY 5

技術 mostly:functional 第四章:還不確定的東西與計算的過程

語句只在理解它們的人那裡擁有意義。語句捕捉了我們的想法,而想法本身,遠比我們用來描述它的詞彙更為重要。 -- Daniel P. Friedman and D...

鐵人賽 自我挑戰組 DAY 4

技術 第4天:JavaScript的內建型態-複合型態

複合型態是指物件Object 基本型態除了本身的資訊之外,並不帶有額外的特性property或方法但是只要是物件,就會帶有額外的特性或方法 物件實字,例如{}可...

鐵人賽 自我挑戰組 DAY 19

技術 Day19 網頁前端-刻意練習(Flex時光屋#1)

Day19 六角 Flex時光屋#1 簡單小語 看到當時時光屋練習的作品,想說挑兩個來整併,當作練習的機會,這次的結構不一樣的是,header及footer使...

鐵人賽 Modern Web DAY 4

技術 【事前準備】1-4 如何訓練認知模型:對於正在嘗試實作者而論

準備實作 現在的你已經瞭解 JavaScript 的前身今世是怎麼來的,並且也清楚 JavaScript 一些基礎語法,也知道了如何將抽象的流程具體化了。但你可...

鐵人賽 Modern Web DAY 4

技術 ES2015(ES6) - number 、 Math

本系列文章經過重新編排和擴充,已出書為ECMAScript關鍵30天。原始文章因當時準備時程緊迫,多少有些許錯誤。為了避免造成讀者的困擾,以及配合書籍的內容規...

鐵人賽 自我挑戰組 DAY 19

技術 19 C3.js :forEach 與 data.push 綜合擊

前言 又到了習題大亂鬥的時間,讓我們綜合之前所學,練習應用看看! 基礎題 當 html 為 <div id="chart">&l...

鐵人賽 Modern Web DAY 11
實作經典 JavaScript 30 系列 第 11

技術 Day11: 在Canvas畫布上,用滑鼠畫畫(ㄧ)

WES BOS系列影片Alex快速導讀系列影片 今天要用滑鼠在網頁上畫畫。初探Canvas元素的使用方式,可與MDN的Canvas教學手冊搭配服用但若是只想知道...

鐵人賽 Modern Web DAY 5

技術 【這些年我似是非懂的 Javascript】Day 5 - 飽受爭議的型別

圖片來源 嗨各位你們好,我是 Robin~ 之前在 【這些年我不懂的 Javascript】Day 3 - 你一定可以入的了門 #上篇這篇有提到 JS 沒...

鐵人賽 Modern Web DAY 4
I Want To Know React 系列 第 4

技術 I Want To Know React - JSX 語法

回顧 JSX 從上一個篇章:初探 JSX 中,我們了解到 JSX 是一種 JavaScript 的擴充語法,支援在 JavaScript 中撰寫 HTML-li...

鐵人賽 自我挑戰組 DAY 19

技術 初探JavaScript – JS常用事件(二)

keyCode – 取得鍵盤代碼值 鍵盤上的任何一個按鍵,在按下得當下都可以取得一個相對應的鍵盤代碼,也就是所謂的keycode。我們可利用這個keyc...

鐵人賽 自我挑戰組 DAY 19

技術 [Day 19 | Array. prototype.concat () ]

array.concat() 用於合併兩個或多個陣列 這個方法不會改變原有陣列 會回傳一個新的陣列 Syntax array.concat(value1, v...

鐵人賽 自我挑戰組 DAY 19

技術 [30天 JavaScript 從無到有 Day 19] BOM & DOM

瀏覽器物件模型(Browser Object Model, BOM) 瀏覽器所有功能的核心 與網頁的內容無關 核心 : window 物件 所有的 BOM 都...

鐵人賽 Modern Web DAY 4

技術 【Day.04】為什麼需要框架 - 用觀察者模式,打造更好用的元件

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

鐵人賽 自我挑戰組 DAY 5

技術 [DAY05]Server Side Render與Client Side Render

我們先前在Day2 3分鐘帶你初步認識SPA 的文章初步介紹過SPA,主要是用前端client side render的方式。另外在前兩天我們也提到了,前端可以...

鐵人賽 自我挑戰組 DAY 18

技術 18 C3.js 繪製圖表

C3.js C3.js 是利用 D3.js 做出來的,一種站在巨人肩膀上的概念。使用它你可以輕鬆將資料轉成老闆、顧客一眼就能看到重點的圖表。使用時要先載入以下三...

鐵人賽 影片教學 DAY 9

技術 Day9: 進階 transition - crossfade 與 animate 機制 | 30 天從 0 到 1 學 Svelte

影片 內容 Svelte 當中有許多內建的動畫機制,可以應付常見的場景,並且用相對少量的程式碼達到不錯的體驗。今天會介紹進階的 crossfade 與 an...

鐵人賽 Modern Web DAY 3

技術 DAY3-常見的Javascript使用技巧與情境

Javascript ES6帶來很多方便且實用的新語法(其實ES6也不新的,但是IE就是不支援?), 很多網站都有很詳細介紹新語法,筆者本人也是在各大網站看了好...

鐵人賽 自我挑戰組 DAY 18

技術 [30天 JavaScript 從無到有 Day 18] this & this practice

this 在JavaScript上被非常頻繁的使用 每個 function 都各自 this 的表示(影響 this 的是在於函式的呼叫方法,並非宣告的時機)...

鐵人賽 Software Development DAY 18

技術 [One Punch 一拳搞定前後端面試] DAY-18 - LinkedList getLast() 與 clear()

LinkedList getLast() & clear() 本篇介紹 LinkedList 的兩個方法 : getLast() 取得最後的 node...

鐵人賽 Modern Web DAY 5

技術 Highcharts 5

請前往 https://maxlee.me/posts/highchart/highcharts-5 取得最新文章內容

鐵人賽 Software Development DAY 7

技術 [知識篇] MediaStreams API - MediaStream Object

學習目標 了解 MediaStream 物件以及其 MediaStreamTrack object 如何利用 getUserMedia 取得 MediaStr...

鐵人賽 Software Development DAY 6

技術 [知識篇]MediaStreams API - getUserMedia 相容性處理

MediaStreams APIs經過演變更新下,新舊版api略微不同,getUserMedia也是其中之一,包含其參數constraints,因為是基於Med...

鐵人賽 自我挑戰組 DAY 18

技術 [LeetCode with JavaScript] Day 18: Missing Number

觀前提醒: 我預設大家已經先思考並分析過題目,沒啥想法才開始 google 找解題靈感。若無,建議每題先花 1~2 顆番茄鐘的時間來分析題目比較好。可參考番...

鐵人賽 Software Development DAY 5

技術 [知識篇] MediaStreams API - getUserMedia 介紹

學習目標 本章你將會了解到: getUserMedia 包含哪些功能 如何使用getUserMedia來擷取本機影音流(Video/Audio stream...

鐵人賽 Modern Web DAY 5

技術 五日目:JavaScript 運算子 演算子 一ノ章

日安٩(ˊᗜˋ*)و SONYKO だよ〜♫DAY 5 要來講運算子 。運算子的日文是 演算子( En Zan Shi ),念起來很像在放大絕的感覺。  運...

鐵人賽 Modern Web DAY 3

技術 【事前準備】1-3 如何訓練認知模型:對於剛接觸程式語言者而論

剛接觸程式語言 對於剛接觸程式語言的人,比較推薦的是先理解程式語言的由來、訓練邏輯表達與理解程式語言的基礎用法。 瞭解程式語言的由來的在於它能夠幫助你理解學完這...