iT邦幫忙

javascript相關文章
共有 5653 則文章
鐵人賽 Modern Web DAY 7

技術 API 實作(三):以 Postman 測試 API

寫完 API 以後,要怎麼確定 API 是符合文件、符合預期的呢?除了用瀏覽器寫表單慢慢測、或是用 curl 工具測試以外,還有更直覺簡單的方法:Postman...

鐵人賽 Modern Web DAY 6

技術 Day 06:把前幾天的聊天機器人都搬上 Messenger

接下來幾天會介紹怎麼把前幾天在 Console Mode 做的機器人搬上像是 Messenger、LINE 這些台灣人常在使用的管道。 而今天的目標會放在 Me...

鐵人賽 Modern Web DAY 20

技術 Day20【ES6 小筆記】什麼是「語法糖」哩?

在學習 ES6 的路上,常常會看到「語法糖」這個名詞,但一直不知道是什麼意思,我們來看看維基百哥怎麼說的: 語法糖是由英國電腦科學家彼得·蘭丁發明的一個術語,...

鐵人賽 Modern Web DAY 8

技術 EP.7 RE:從零開始的學習 JS 生活-第七日

前言 轉生第七日,這一篇將會來介紹函式,函式是我們寫程式必須懂得知識,所以就來了解一下吧。 函式 函式是每個程式語言都會有的一個功能(方法?),那函式的用途是什...

鐵人賽 Modern Web DAY 22

技術 Day 22. 機動藍圖・特殊成員 X 存取方法 - TypeScript Class Accessors

閱讀本篇文章前,仔細想想看 類別的靜態成員(Static Members)是什麼?與普通成員差異在哪? 什麼情況下會採用靜態成員的設計呢? 如果還沒理解...

鐵人賽 Modern Web DAY 20
JavaScript 初心者筆記 系列 第 20

技術 JavaScript 初心者筆記: DOM - 如何用 JS 新增 HTML 內容

今天這篇文章要介紹兩種在 DOM 樹中增加內容的方法,分別為 innerHTML 特性和 DOM 控制處理(createElement() + appendCh...

鐵人賽 Modern Web DAY 10

技術 【React.js入門 - 10】 夾在中間的props: children

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

鐵人賽 Software Development DAY 7

技術 Day7-利用堆疊解決"平衡括號"問題

這次我們要用昨天學到的堆疊來解決以下問題: 括號分為以下三種: () [] {}假如一個字串的括號都有與開口(包括: ( [ { )對應的閉合符號(包括: )...

鐵人賽 Modern Web DAY 8

技術 [DAY08] 在按摩服務列表上為所欲為的增加服務

我想說的是把靜態的按摩服務列表改為動態的,並且可以由使用者自由新增服務建立一個可以自己新增的按摩服務列表 預期結果如下 先直接看完整程式碼,再來一段一段解說...

鐵人賽 Modern Web DAY 7

技術 [DAY07] 介紹 State Hook

我想說的是介紹 useState hook,並且做一個計數器 上一篇建立了一個靜態的純按摩店服務列表因為老闆今天找到一個身懷絕技的按摩師,他想在服務清單上加...

鐵人賽 自我挑戰組 DAY 6

技術 新手村06 - Type Ahead

06 - Type Ahead 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small steps e...

鐵人賽 Modern Web DAY 21
VueJS 從前端到後端 系列 第 21

技術 簡易的後端輸出與 Hybrid 模式 Day 20

部落格同步刊登 [IT 鐵人賽] 簡易的後端輸出與 Hybrid 模式 Day 20 昨天提到了後端與前端的混和( Hybrid )模式,我們今天就會提出比...

鐵人賽 Modern Web DAY 17

技術 【Day 17】Redux 實戰演練

今天將直接實作 redux,如果不知道 redux 運作概念的讀者可以回去看看昨天的概念介紹喔~今天嘗試將 dark theme 與 light theme 實...

鐵人賽 Modern Web DAY 6

技術 JS 原力覺醒 Day06 - 提升 Hoisting

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...

鐵人賽 Modern Web DAY 7

技術 EP.6 RE:從零開始的學習 JS 生活-第六日

前言 轉生第六日,這一篇將會來介紹運算子,雖然前面有接觸過一些運算子,但是這一篇會針對常見的運算子做一下介紹。 運算子 一般開發上,我們最常見的基本運算子就是等...

鐵人賽 自我挑戰組 DAY 20
刷題記錄與人生分享 系列 第 20

技術 DAY20 Maximum Depth of Binary Tree

題目: https://leetcode.com/problems/maximum-depth-of-binary-tree/求一個二元樹最大深度並回傳。 解題...

鐵人賽 Modern Web DAY 10

技術 [Vue.js][日記]class與style綁定

超緊繃!30天Vue.js學習日記 class與style綁定 大家好,我ian啦!今天要介紹給大家的是:class與style綁定! class綁定 我...

鐵人賽 Modern Web DAY 2

技術 DAY19- 可以寫入的store

writable store 是甚麼 writable store 是甚麼呢,在介紹完readable store後,今天要來跟大家分享的就是 writable...

鐵人賽 Modern Web DAY 18

技術 Day 18: Class

前一篇文章說到 JavaScript 沒有類別(class)的設計,是用原型實現類別的效果。不過在 ES6 裡卻新增了 class 關鍵字,讓我們可以用新的語法...

鐵人賽 Modern Web DAY 20
VueJS 從前端到後端 系列 第 20

技術 後端的 Template Layout Day 19

部落格同步刊登 [IT 鐵人賽] 後端的 Template Layout Day 19 我們昨天看完了 SSR 的部分,有沒有覺得 我好興奮!我好興奮啊!(...

鐵人賽 自我挑戰組 DAY 5
JavaScript 新手筆記 系列 第 5

技術 Day05 - 變數(02)

前言 這次主要是將變數做一些合併運算,不同類型又會有什麼效果呢? 常見運算 算術運算子 加:使用 + 連接,對字串而言為合併 減:使用 - 連接 乘:使用...

鐵人賽 自我挑戰組 DAY 9
Vue.js 初學筆記 系列 第 9

技術 09. Vue 的生命週期

先來點比喻 就跟噴火龍一樣,要成為完整的 Vue 實體,要先從蛋 → 小火龍 → 火恐龍 → 噴火龍一步一步進化與成長。在我們享受 vue 有如噴火龍的大字爆炎...

鐵人賽 Modern Web DAY 19

技術 Day19【ES6 小筆記】三元運算子-以哥哥的擇偶條件為例

三元運算子可以拿來做簡單的判斷,在兩個結果間快速的做出選擇!雖然不是 ES6 才出的語法,但是 airbnb 有提到,今天就來介紹一下他的用法唄! ESLin...

鐵人賽 自我挑戰組 DAY 5

技術 Day05. 公海到了沒?JS戰艦的賭盤要開啦!

本日閱讀進度:第二章 撰寫真正的程式碼(43~60頁) 重點摘要:接著要挑戰做一個簡單的戰艦小遊戲。有一個1x7的網格,戰艦佔用3個連續網格,使用者需猜測是哪3...

鐵人賽 自我挑戰組 DAY 5

技術 Day 5: 述句(Statements)

宣告述句 var var name_1[=value_1][,...,name_n[=value_n] var宣告的特性是無法被刪除的。 如果是寫在funct...

鐵人賽 Modern Web DAY 5

技術 Day 05:串接 API,讓 Chatbot 不是只能講幹話

上一篇有教到如何讓機器人講出隨機的一則笑話,但如果都只是讓機器人講講笑話講講幹話,這讓工程師要怎麼能取得成就感?而且 AI 也是能講幹話的,它在網路上看來看去,...

鐵人賽 Modern Web DAY 5

技術 Koa.js:簡單好用的 Web 框架

這幾年 JavaScript 已經不只可以寫前端,也可以寫後端程式。如果說要用 JS 來寫後端程式,第一個我會推薦 Koa.js。 雖然後端早期大家可能會選用...

鐵人賽 自我挑戰組 DAY 6

技術 JS 陣列 Array 有哪幾種?

Day 6 JavaScript 一定是個女人,有個性、特立獨行、難以理解,還可以ㄧ次做很多事。 有時候思索著,在學習程式的時候,到底是不是應該把我們所知道...

鐵人賽 自我挑戰組 DAY 4

技術 邁步向前的 Day4- JavaScript,來吧!

提醒:由於看到這系列鐵人訂閱人數漸漸變多,標記一下這些內容是在「非常萌新時期」所寫,更多技術內容請參考我的 Github,歡迎跟我一起討論 ^ ^ 好,從...

鐵人賽 自我挑戰組 DAY 5

技術 JS 陣列 Array 屬性 length 的真面貌

Day 5 一列隊伍有長度,也有各式各樣不同的物種,這才有趣嘛! length 這個屬性應該算是我們在學 Javascript 的初期,最早開始用的一個屬性...