iT邦幫忙

javascript相關文章
共有 5171 則文章
鐵人賽 自我挑戰組 DAY 27
複習 JavaScript 核心概念 系列 第 27

技術 [Day 27] JavaScript 監聽事件的方式

JavaScript 是一種「事件驅動程式設計(Event-Driven Programming)」的語言,透過觸發事件的方式來執行相對應的程式碼。以前端的網頁...

鐵人賽 自我挑戰組 DAY 26

技術 Day26-[Grind 169 questions[Binary Tree] LeeCode 110、102、236

110. Balanced Binary Tree 解題程式碼 /** * Definition for a binary tree node. * fun...

鐵人賽 影片教學 DAY 25

技術 一起來實作響應式網頁設計:DOM&Window Object Day25

影片教學 重點回顧 Document Object Model, DOM 一個可以存取&改變文件架構和內容的方法 Document:HTML Obj...

鐵人賽 Software Development DAY 26

技術 [Day26] 傳播假圖文訊息網站完整程式碼

今天要把前幾天講過的 HTML、CSS、JavaScript 架構全部整合起來,加上我自己用 FLEX MESSAGE SIMULATOR 拉的三個圖文訊息版面...

鐵人賽 自我挑戰組 DAY 26
複習 JavaScript 核心概念 系列 第 26

技術 [Day 26] Promise 與 Async Function(Async / Await)

在 JavaScript 中,非同步程式碼的處理一直以來都是個挑戰。過去,我們只能使用回調函式(callbacks)和事件(events)等來處理非同步操作,但...

鐵人賽 Software Development DAY 25
Should I use fp-ts 系列 第 25

技術 [Should I use fp-ts?] Day 25 - fp-ts Array

[Should I use fp-ts?] Day 25 - fp-ts Array 在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts...

鐵人賽 影片教學 DAY 24

技術 一起來實作響應式網頁設計:Object的建立 Day24

影片教學 重點回顧 Object 物件 function & method function printHello() { console....

鐵人賽 Software Development DAY 24
Should I use fp-ts 系列 第 24

技術 [Should I use fp-ts?] Day 24 - fp-ts Array

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-24 並且有測試可以讓大家練習。 Array A...

鐵人賽 自我挑戰組 DAY 25
複習 JavaScript 核心概念 系列 第 25

技術 [Day 25] 函式原型中的 apply()、bind()、call()

昨天說到透過 this 關鍵字會在不同情境中取到不同的值,雖然會如何取值都是根據規範而來的,但實際上我們能手動改變 this 的指向,那就是透過函式原型的 ap...

鐵人賽 自我挑戰組 DAY 24

技術 Day24-[Grind 169 questions][Binary] LeeCode 190、13、528

190. Reverse Bits 解題程式碼 var reverseBits = function (n) { let result = 0; for...

鐵人賽 影片教學 DAY 23

技術 一起來實作響應式網頁設計: Power星期天 終極密碼 Day23

影片教學 重點回顧 這次的實作預計結果為 生成一個隨機密碼0~100 可以請使用者輸入數字 判斷是否猜中,若否從新輸入(更新範圍);若是,顯示猜中數字 參...

鐵人賽 Software Development DAY 23
Should I use fp-ts 系列 第 23

技術 [Should I use fp-ts?] Day 23 - fp-ts Array

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-23 並且有測試可以讓大家練習。 Array 平...

鐵人賽 自我挑戰組 DAY 24
複習 JavaScript 核心概念 系列 第 24

技術 [Day 24] this

在 JavaScript 中,this 關鍵字是一個相當重要且常被誤解的概念,對初學者來說是大魔王般的存在,即使是老手有時也會不小心誤判結果。以函式來說,它的值...

技術 如何用TypeScript寫出你的第一個Eslint Rule

在公司實習時遇到了一個問題,我們會用i18n來去做網站的中英文轉換,我們並且會寫一份json來管理我們所有的key,但會遇到一個問題就是說如果一個key在英文有...

鐵人賽 自我挑戰組 DAY 23

技術 Day23-[Grind 169 questions][Binary] LeeCode 191、136、268

191. Number of 1 Bits 解題程式碼 var hammingWeight = function (n) { let count = 0;...

鐵人賽 影片教學 DAY 22

技術 一起來實作響應式網頁設計:Oops!陷入Loop Day22

影片教學 重點回顧 重複做某件事情就會需要用到迴圈有 for loop(通常用於知道明確重複次數) & while loop(通常用於不確定重複次數)...

鐵人賽 Software Development DAY 22
Should I use fp-ts 系列 第 22

技術 [Should I use fp-ts?] Day 22 - fp-ts Apply

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-22 並且有測試可以讓大家練習。 Apply 使...

鐵人賽 自我挑戰組 DAY 23
複習 JavaScript 核心概念 系列 第 23

技術 [Day 23] JavaScript 中的函式

在 JavaScript 中,函式(Function) 是一種具有「可執行程式碼片段」的物件,與其他物件最大的差別是函式能被呼叫。函式能被當作一般的物件來傳遞和...

鐵人賽 Modern Web DAY 22

技術 【Day22】淺談 React.js(1)React基本構成 & 語法

在上一篇的教學中,我們成功建立了一個React的專案。建立完畢後,會發現我們的檔案資料夾突然多了好多沒看過的東西: 慘了,完全看不懂——沒關係!接下來將帶您認...

鐵人賽 自我挑戰組 DAY 22

技術 Day22-[Grind 169 questions][Binary] LeeCode 67、287、338

67. Add Binary 解題程式碼 var addBinary = function (a, b) { let carry = 0; let re...

鐵人賽 影片教學 DAY 21

技術 一起來實作響應式網頁設計:Array的 Attributes & Methods Day21

影片教學 重點回顧 Array 陣列的 Attributes & Methods length:元素的數量 push(element):新增elem...

鐵人賽 Software Development DAY 21
Should I use fp-ts 系列 第 21

技術 [Should I use fp-ts?] Day 21 - fp-ts Either trycatch 2

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-21 並且有測試可以讓大家練習。 Either...

鐵人賽 Modern Web DAY 21

技術 【Day21】前端框架淺談&React環境

在寫了數個的純前端的專案後,我們會發現,每個專案幾乎都會寫到一樣的東西。為了方便,從以前的專案copy一些元件套用在新的專案上是常有的事,但又要因應新專案而反覆...

鐵人賽 自我挑戰組 DAY 21

技術 Day21-[Grind 169 questions][String] LeeCode 14、179、271

14. Longest Common Prefix 解題程式碼 var longestCommonPrefix = function (strs) { if...

鐵人賽 影片教學 DAY 20

技術 一起來實作響應式網頁設計:初探Array Day20

影片教學 重點回顧 Array 陣列 當有性質相近的資料要存放一起時,可以使用array array 可以包含多種資料類型 array 不是 primiti...

鐵人賽 Software Development DAY 20
Should I use fp-ts 系列 第 20

技術 [Should I use fp-ts?] Day 20 - fp-ts Either trycatch

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-20 並且有測試可以讓大家練習。 Either...

鐵人賽 自我挑戰組 DAY 21
複習 JavaScript 核心概念 系列 第 21

技術 [Day 21] 物件的「原型(Prototype)」是什麼?

JavaScript 中的物件即透過繼承 原型(Prototype) 的機制,使其能夠使用繼承而來的屬性和方法。今天除了介紹 原型(Prototype) 是什麼...

鐵人賽 自我挑戰組 DAY 20

技術 Day20-[Grind 169 questions][String] LeeCode 438、49、424

438. Find All Anagrams in a String 解題程式碼 const alphabets = 'abcdefghijklmnopqrst...

鐵人賽 Modern Web DAY 20

技術 【Day20】常見切版應用(3-2)頁頂Header RWD實作

上一篇中我們完成了header的切版應用、介紹了錨點(Anchor)、還做了一點主頁面的切版: 那我們接續上一篇的內容,而當我們使用手機裝置打開此網頁,會發現...