iT邦幫忙

javascript相關文章
共有 5171 則文章
鐵人賽 Modern Web DAY 21

技術 Day21【ES6 小筆記】物件屬性存取方式 - 以一篇業配文為例

先前我們有介紹過物件的解構賦值,用於存取多屬性的物件,而今天我們就來聊聊存取單一個物件時,有什麼方法吧! 假如我們有一個物件 restaurant 紀錄這間好吃...

鐵人賽 自我挑戰組 DAY 6

技術 Day 6: 物件 Object

物件是特性(property,具有名稱和值,name:value pairs)的無序集合。 原型(prototypes) 每個JavaScript物件都有第二個...

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

技術 DAY21 Convert Sorted Array to Binary Search Tree

題目: https://leetcode.com/problems/convert-sorted-array-to-binary-search-tree/將一個...

鐵人賽 Modern Web DAY 12

技術 Day 12. 機動藍圖・介面宣告 X 使用介面 - TypeScript Interface Intro.

《機動藍圖》篇章概要 本系列第二部分:《機動藍圖》(The Agile Blueprint)篇章涵括的範圍就是 TypeScript 的重頭戲。不外乎,筆者想...

鐵人賽 Modern Web DAY 7

技術 Day 07:Messenger 的事件處理基礎

第三天在「快速學會 Bottender 基礎概念」的文章中有講到關於 Event 以及 Context 的一些架構跟原理,忘記的人歡迎回去複習一下,可以更方便加...

鐵人賽 Modern Web DAY 20

技術 [ D3.js ] D3.js 如何做到繪製圖形?

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

鐵人賽 自我挑戰組 DAY 7

技術 JS 如何讀取和寫入陣列 Array 元素

Day 7 只要有資料,都會有 CRUD ,那陣列呢? CRUD 是什麼? 能吃嗎?? CRUD 分別代表:建立 Create, 讀取 Read, 更新 U...

鐵人賽 Modern Web DAY 11

技術 【React.js入門 - 11】 開始進入class component

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

鐵人賽 Software Development DAY 8

技術 Day8-來了解佇列並實作它吧!

佇列其資料結構用圖片來說明大概如下: 資料以一列的方式儲存每個資料,而且刪除節點時會從最前面也是最早加入佇列的資料開始刪除,新增節點從佇列尾巴開始刪除。此為佇列...

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 18

技術 【Day 18】Redux 實戰演練(2)

昨天建立了 redux 的三元素 action、reducer 與 store,也將它們用 provider 包住會用到 state 的元件,今天來試著在元件中...

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 自我挑戰組 DAY 7

技術 新手村07 - Array Cardio Day 2

07 - Array Cardio Day 2 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small...

鐵人賽 Modern Web DAY 7

技術 JS 原力覺醒 Day07 - 陳述式 表達式

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 11

技術 [Vue.js][日記]我還要更多!組件的相關補充

超緊繃!30天Vue.js學習日記 我還要更多!組件的相關補充 大家好,今天我們一樣會繼續介紹Vue.js中的組件,首先送上我在書上看到的語法糖作為補充: &...

鐵人賽 自我挑戰組 DAY 20
一週程式專案挑戰 系列 第 20

技術 [專案03]貓圍棋(五)優化隨機地圖

將程式碼進行優化,今天改得比較可以見人。 【大綱】 優化隨機地圖 心得 【優化隨機地圖】 說明原問題 改善 【說明原問題】 參考:Fisher-Yat...

鐵人賽 Modern Web DAY 7

技術 [JS30]DAY06 : Type Ahead

[程式碼&DEMO] [HackMD完整筆記] 目標 製作搜尋即時顯示相關效果 步驟流程 step1.已有建立了一個城市的.json清單,建一...

鐵人賽 Modern Web DAY 6

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

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

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

技術 Day06 - 變數(03) - BMI

前言 今次預計做一個 BMI 的計算,結合判斷與算數運算 說明 BMI :身高體重指數(又稱身體質量指數,英文為 Body Mass Index) 計算公式...

鐵人賽 Modern Web DAY 2

技術 DAY20- 衍生的store

derived store derived store 是甚麼,在說明完writable store跟readable store後要接著分享的svelte s...

鐵人賽 自我挑戰組 DAY 6

技術 Day06. 毫無反應,就只是個NPC戰艦?快呼叫random!

本日閱讀進度:第二章 撰寫真正的程式碼(61~78頁) 重點摘要: Math.random昨天介紹的戰艦遊戲,一開始就把戰艦定位在3、4、5的位置,但如果想多...

鐵人賽 自我挑戰組 DAY 6

技術 JS 陣列 Array 有哪幾種?

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

鐵人賽 自我挑戰組 DAY 5

技術 Day 5: 述句(Statements)

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

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 19

技術 [ D3.js ] 重新認識圖表

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

鐵人賽 Modern Web DAY 11

技術 Day 11. 前線維護・特殊型別 X 無法無天 - Any & Unknown Type

閱讀本篇文章前,仔細想想看 當函式遇到 100% 無法跳脫或會拋出例外的狀況,這時 TypeScript 會如何對該函式進行推論? never 型別為所...

鐵人賽 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-利用堆疊解決"平衡括號"問題

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