iT邦幫忙

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

技術 [Day 18] 物件(Objects)的基本架構

在軟體系統中,物件(Objects) 是 物件導向程式設計(OOP) 的核心,而今天就要來談談 JavaScript 中關於物件的基礎概念。物件(Objects...

鐵人賽 Software Development DAY 18

技術 [Day18] 不懂JavaScript 只好等著被整😔 箭頭函式篇

箭頭函式是從 JavaScript ES6版本開始出現的新概念,功能是把函式(function)的語法簡化,讓我們可以少打很多字,也可以提高語法的可讀性,簡單來...

鐵人賽 Modern Web DAY 17

技術 各式各樣的prototype chain(下)

陣列 接下來看一下陣列,其實也都一樣喔。以下建立一個純數字的簡單陣列: const arr = [1, 2, 3, 4, 5]; console.dir(arr...

鐵人賽 影片教學 DAY 16

技術 一起來實作響應式網頁設計:JavaScript Data Type-2 Day16

影片教學 重點回顧 String 的 Attributes & Methods js 是物件導向程式語言,String可被視作物件,有String的a...

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

技術 [Should I use fp-ts?] Day 16 - fp-ts: Option apS

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

鐵人賽 Software Development DAY 17

技術 [Day17] 不懂JavaScript 只好等著被整😔 ES6 新變數命名規則

現在被廣為使用的 JavaScript 在 1995 年是一個百家爭鳴的語言,許多廠商 (像是:微軟、NetScape) 為了爭取市場佔有率,而開發出各式各樣獨...

鐵人賽 Vue.js DAY 16
Vue3歡樂套件箱耶 系列 第 16

技術 開箱16:圖片懶加載Lazy Loading範例應用

在前端網站效能優化中,圖片處理是一個重要的部分,因為圖片通常是網頁中佔用大量頻寬和資源的元素之一。而關於圖片處理的實踐方法有多種,其中一種是將圖片壓縮,這在本系...

鐵人賽 Modern Web DAY 16

技術 各式各樣的prototype chain (上)

如果是從建構函式或class衍生的instance,其prototype的內容,是由建構函式或class的prototype屬性而來的。掌握了這句話大概就掌握了...

鐵人賽 Software Development DAY 21
從開始到放棄的Flask 系列 第 21

技術 [Day 21]JS速成班(2)

昨天的JS提到新增修改以及一些基本的JS語法,今天接著補充昨天的內容 刪除元素 JavaScript可以輕鬆的刪除HTML元素,這在開發中非常有用。通常需要根據...

鐵人賽 自我挑戰組 DAY 16

技術 Day16 - Node.js 是什麼?為什麼大家都在使用?

原文連結:Node.jsとはなにか?なぜみんな使っているのか? - Qiita 以下正文開始。 這篇文章的目的,主要是為了解答以下疑問: 「我們在學習 J...

鐵人賽 影片教學 DAY 15

技術 一起來實作響應式網頁設計:JavaScript Data Type-1 Day15

影片教學 重點回顧 JavaScript Data Type Number:表示數字 String:表示字串 Boolean:True, False Nul...

鐵人賽 自我挑戰組 DAY 17

技術 關於非同步-2

前言 前一篇有簡單說明 callback function、async / await 。 本篇說明 Promise.all、Promise.allSettle...

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

技術 [Should I use fp-ts?] Day 15 - fp-ts: Option bindTo

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

鐵人賽 自我挑戰組 DAY 19

技術 Day19-[Grind 169 questions][String] LeetCode 409、8、5

409. Longest Palindrome 解題程式碼 var longestPalindrome = function (s) { const cha...

鐵人賽 自我挑戰組 DAY 18

技術 Day18-[Grind 169 questions][String] LeetCode 125、242、3

125. Valid Palindrome 解題程式碼 var isPalindrome = function (s) { const loweCaseSt...

鐵人賽 自我挑戰組 DAY 17

技術 Day17-[Grind 169 questions][Array] LeetCode 977、16、435

977. Squares of a Sorted Array 解題程式碼 var sortedSquares = function (nums) { con...

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

技術 [Day 17] JavaScript 中的邏輯運算子(&& || ?? !)

昨天講完 Truthy(真值) 和 Falsy(假值)的概念後,接著要來談談 JavaScript 中 邏輯運算子(Logical Operators)。邏輯運...

鐵人賽 Software Development DAY 16

技術 [Day16] 不懂JavaScript 只好等著被整😔 例外處理篇

在開發程式時常常會遇到執行錯誤的狀況,今天要介紹的例外處理屬於流程控制的一種,可以蒐集錯誤訊息並處理錯誤,避免整個程式因為發生錯誤而停止執行。 JavaScri...

鐵人賽 Modern Web DAY 15

技術 Static Method 靜態方法

什麼叫靜態方法 靜態方法是一種直接附加在class上的方法,使用class建立的instance無法存取,也就是,它不在instance的[[protorype...

鐵人賽 影片教學 DAY 14

技術 一起來實作響應式網頁設計:JavaScript Basic Day14

影片教學 重點回顧 JavaScript Lexical Structure 基本規則,如何用Javascript寫程式 Case Sensitive:大小...

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

技術 [Day 16] Truthy 和 Falsy

在 JavaScript 中,在 if 的判斷式裡面放任何非布林型別的值,程式並不會報錯,這是因為每個值在需要的時候,都可以被轉換成布林值(true 或 fal...

鐵人賽 Vue.js DAY 14
Vue3歡樂套件箱耶 系列 第 14

技術 開箱14:前端圖片壓縮~Compressor.js範例應用

要使用圖片壓縮工具來處理網頁時,一種是打包後處理圖片,像是Webpack 插件image-webpack-loader ,另一種則是幫助您在瀏覽器中進行圖片壓縮...

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

技術 [Should I use fp-ts?] Day 14 - fp-ts: Option Do

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

鐵人賽 Modern Web DAY 14

技術 【Day14】Javascript物件設計!我所知道的物件導向。

本篇,我們要提到的是程式語言中,非常重要的概念 —— 物件導向。 聽著好像很複雜,其實我們現實生活都充滿了物件導向的概念。淺顯一點地解釋,便是把細小的東西以「物...

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

技術 [Day 15] JavaScript 中的相等比較(嚴格相等、寬鬆相等和隱含轉型)

在程式語言中,比較兩個值的相等性是一個常見的操作。在昨天提到的 JavaScript 運算子的種類中,比較運算子 就是拿來比較兩個值的相等性用的。而實際上 Ja...

鐵人賽 Software Development DAY 15

技術 [Day15] 不懂JavaScript 只好等著被整😔 物件篇

昨天介紹了有順序的資料型態陣列(array) ,今天要來講解 JavaScript 中無順序的資料型態物件(object)。物件用來存放許多 鍵 (key) &...

鐵人賽 Modern Web DAY 14

技術 js的OOP:ES 6 class & Object.create()

還有兩種方式也可以做出物件prototype: ES6 class Object.create() ES 6 class Syntactic sugar語法...

鐵人賽 Modern Web DAY 14

技術 Chrome用什麼來跑我們的JS:底層的底層:V8 & Turbofan筆記-Day13

中秋節快樂!連假還是要脫離正軌一下,繼續來聊聊在柏林參加 WWC23的筆記。 今天是這場:Things I learned while writing high...

鐵人賽 Vue.js DAY 13
Vue3歡樂套件箱耶 系列 第 13

技術 開箱13:圖片轉文字不專業版~Tesseract.js範例應用

本篇開箱Tesseract.js是能圖像中取得文字的工具 介紹 Tesseract.js 是一個 JavaScript 函式庫,它是基於 Google 的...

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

技術 [Should I use fp-ts?] Day 13 - fp-ts: Option fromNullable, fromPredicate

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