iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 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 的初期,最早開始用的一個屬性...

鐵人賽 Modern Web DAY 9

技術 【React.js入門 - 09】 用props綁定函式

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

鐵人賽 Software Development DAY 6

技術 Day6-來了解堆疊並實作它吧!

今天要來介紹的資料結構是堆疊。我們可以用一疊書來做比喻堆疊,最一開始被放在桌上的書會被壓在最下面,而最後被放在書堆的書本則在書堆最上面。而當要拿書離開時,不能從...

鐵人賽 Modern Web DAY 16

技術 【Day 16】state management - redux 基礎概念

今天開始會進入 React 中比較進階的主題 - state management在前幾天中我們介紹了 state,也介紹了 props,我們了解一個 comp...

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

技術 JavaScript 初心者筆記: DOM - 如何用 JS 更改 HTML & CSS 屬性

今天要接續昨天的主題,繼續談在選取 DOM 之後,有哪些語法可以動態更改 HTML 元素的屬性及 CSS 屬性。 增加 / 更改屬性的值 - setAttri...

鐵人賽 Modern Web DAY 6

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

前言 轉生第五日,這一篇將會來了解什麼是陣列與物件。 陣列 陣列你可以把它看成一個很特別的變數,以往一個變數只能放一個東西,例如字串、數字、布林,你也可以把變數...

鐵人賽 Modern Web DAY 6

技術 [JS30]DAY5 : Flex Panel Image Gallery

[程式碼&DEMO] [HackMD完整筆記] 目標 點擊圖片,圖片會展開,字從上下方移入;再點擊一次,即會收合,上下方的字也會被擠出去。 CS...

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

技術 DAY19 Symmetric Tree

題目: https://leetcode.com/problems/symmetric-tree/判斷一個二元樹是否鏡像,是的話回傳TRUE不是的話回傳FALS...

鐵人賽 Modern Web DAY 5

技術 JS 原力覺醒 Day05 - Scope Chain

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

鐵人賽 自我挑戰組 DAY 5

技術 新手村05 - Flex Panel Gallery

05 - Flex Panel Gallery 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small...

鐵人賽 Modern Web DAY 21

技術 Day 21. 機動藍圖・靜態成員 X 即刻操作 - Static Properties & Methods

閱讀本篇文章前,仔細想想看 如何使用類別的繼承(Inheritance)? 為何我們設計類別的成員時,會儘量以 private 模式為基準?什麼時候該開放...

鐵人賽 Modern Web DAY 2

技術 DAY18- 唯讀的store

readable store 初體驗 readable store 是甚麼呢?今天這篇就來分享一下甚麼是svelte的readable store,並且透過這一...