iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 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 並且有習題和測試可以讓大家練習。...

鐵人賽 Software Development DAY 14

技術 [Day14] 不懂JavaScript 只好等著被整😔 陣列篇

陣列(array)是 JavaScript 的一種資料型態,在存放資料很多的時候就可以宣告一個陣列把所有資料存進去,不用再一個一個宣告變數。假如要把班級所有人的...

鐵人賽 Modern Web DAY 13

技術 【Day13】讓網頁動起來(3)使用GSAP設計動畫!

上網衝浪是現代人人具備的技能,您是否曾在某些商業網站看過一些炫酷異常的動畫?就拿Apple(台灣)的官網來舉例,隨便點選進入它們任意商品的頁面,往下滑動,便會有...

鐵人賽 Modern Web DAY 13

技術 js的OOP:用建構函式與new建立prototype

build-in object就是js自帶的建構函式 我們在新增物件、陣列時,有時會像下面這樣寫,其實就是使用js天生自帶的各種建構函式來建立各式各樣的衍生物件...

鐵人賽 自我挑戰組 DAY 17

技術 【Day17】ChatGPT請教教我:React入門(三)- 運用JS高階函數,進階JSX組合元件!

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...

鐵人賽 Software Development DAY 13

技術 [Day13] 不懂JavaScript 只好等著被整😔 流程控制篇 (4)

昨天有講到迴圈的概念分成兩種,一種是有限制執行次數的 for 迴圈,另一個就是無限執行的 while 迴圈。while 迴圈非常簡單,只要符合判段式條件就會一直...

鐵人賽 Modern Web DAY 12

技術 物件導向概念

物件導向是一種開發程式的方法,就字面的意思是以物件為中心,把數據資料(property)與其相對應的操作(method)包在一起,來模擬現實世界實體和其相互作用...

鐵人賽 Modern Web DAY 12

技術 【Day12】讓網頁動起來(2)元老級插件jQuery!

上一篇中,我們淺談了JavaScript的基礎,但想要更加深入JS的領域,光有基礎的概念是遠遠不夠的。因此,本篇將為您借紹JS中的最受歡迎的元老級插件 ── j...