iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Modern Web DAY 11

技術 [DAY 11] 煉金術就是分解構築之大哥哥來寫 JavaScript 之 ES6 真會玩

我想說的是解構賦值語法是 ES6 的新特性,可以將陣列或物件中的資料取出成獨立變數 這篇來談 煉金術的基礎 不要瞎掰好嗎 來說說「解構」,當初第一次看到真的...

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 10

技術 [DAY 10] 地圖除了畫在床單上,程式裡要怎麼用 map 呢?

我想說的是map() 方法會建立一個新的陣列,其內容為原陣列的每一個元素經由回呼函式運算後所回傳的結果之集合。 上一篇講了箭頭函數,這一篇來講講 map根據...

鐵人賽 Modern Web DAY 9

技術 [DAY09] 箭頭函數

我想說的是箭頭函數其實就是函式表達式(匿名函數)的簡化,是 ES6 中新增的功能建構式中不能用箭頭函數,會報錯 箭頭函數是 ES6 中新增加的功能先看看在沒...

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Software Development DAY 8

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

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

鐵人賽 自我挑戰組 DAY 7

技術 新手村07 - Array Cardio Day 2

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

鐵人賽 Modern Web DAY 18

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

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

鐵人賽 自我挑戰組 DAY 6

技術 邁步向前的 Day6- JavaScript - const/let 取代 var

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 7

技術 [JS30]DAY06 : Type Ahead

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

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

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

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

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 自我挑戰組 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...

鐵人賽 Modern Web DAY 23

技術 Day 23. 機動藍圖・私有建構子 X 單身狗模式 - Private Constructor & Singleton Pattern

閱讀本篇文章前,仔細想想看 還記得存取修飾模式(Access Modifiers)有哪些嗎? 你有想過 private 除了類別成員與類別的靜態屬性與方法...

鐵人賽 自我挑戰組 DAY 6

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

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

鐵人賽 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...