iT邦幫忙

javascript相關文章
共有 5689 則文章
鐵人賽 自我挑戰組 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...

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

技術 [Day 14] 運算子的優先性及相依性

運算子(Operators) 是程式語言中基本且超常見的元素,它們用於執行各種操作,例如數學運算、字串連接和邏輯判斷等等。接下來將簡單介紹在 JavaScrip...

鐵人賽 自我挑戰組 DAY 16

技術 非同步事件

之前說過 JavaScript 是同步執行的,但是瀏覽器中不只有 JavaScript 引擎,還有渲染引擎跟 Web API 等等,Web API 中有許多事件...

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

技術 [Day 13] 關於「原始型別(傳值)」及「物件型別(傳參考)」

在 JavaScript 中,變數(或常數)根據可以保存不同類型的值,值的型別(type)可以分為兩大類:原始型別 和 物件型別。這兩種型別有各自的特性,它們之...

鐵人賽 自我挑戰組 DAY 23
一個月的後端學習之旅 系列 第 23

技術 【DAY23】 靜態與動態網頁、網頁開發工具

靜態網頁 static websites 靜態網頁中的內容就是HTML, CSS, Java Script所創建的網頁 靜態網站上的每個頁面都存儲為單個 HTM...

鐵人賽 Software Development DAY 12

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

當我們想要用程式重複執行同樣的動作時,可以用迴圈來重複執行同一組程式碼。而迴圈分為需要計算執行次數和不管次數持續執行兩種,今天要講的是需要計算執行次數的 for...

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

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

鐵人賽 Software Development DAY 12

技術 Day 12 - 理解 JavaScript,為什麼要知道 ES6 的語法糖 Class?

在上篇因為 JavaScript 沒有原生的 Class,所以他的繼承方式是以 prototype (原型),在 ES6 中引入了 Class(類別)語法,他是...

鐵人賽 Modern Web DAY 11

技術 currying柯里化

剛學js的時候,常常會看到自己難以理解的東西,比如說這個: function add(a) { return function (b) { retu...

鐵人賽 Modern Web DAY 11

技術 【Day11】讓網頁動起來(1) → Javascript 速成

在前面的七篇中,我們講解了構成網頁設計的基礎要素:CSS。但這遠遠是不夠的,CSS只能賦予網頁靜態的美術效果與資訊展示。然而,我們對現代網站的期望通常都具備動態...

鐵人賽 自我挑戰組 DAY 15

技術 使用 Class 語法糖建立物件

在 JavaScipt 中可以使用 Class 語法糖來建立物件,但要注意 JavaScript 的 Class 與其他語言的 Class 不同,在其他語言像是...

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

技術 [Should I use fp-ts?] Day 10 - fp-ts: Option getOrElse, getOrElseW

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

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

技術 [Should I use fp-ts?] Day 12 - fp-ts: Option alt

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

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

技術 [Should I use fp-ts?] Day 11 - fp-ts: Option match, matchW

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