iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Software Development DAY 24

技術 Day 24 - 實作練習 - 架構客戶端

伺服器的部分我們已經有一個大概的雛形可以使用,所以我們先切換到客戶端把遊戲的操作設計進去。雖然可以直接繼續把伺服器開發完畢,不過能看到專案動起來也是很重要的。...

鐵人賽 Modern Web

技術 Day 42. 通用武裝・泛用型別 X 型別參數化 - TypeScript Generics Introduction

《通用武裝》篇章概要 本系列即將邁入後半段(現在才邁入後半段會不會有點晚?)—— 泛用型別(Generics)的介紹。 筆者翻閱很多資料發現,泛用型別儘管看似...

鐵人賽 Modern Web DAY 23

技術 JS 原力覺醒 Day23 - Class 語法糖

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

鐵人賽 自我挑戰組 DAY 23

技術 JS 可讓陣列 Array 反過來的 reverse()

Day 23 倒立一點都不稀奇,只要使用一點魔法,我也可以倒著走。 今天要來講一個很輕鬆的陣列方法,它可以把陣列反轉過來,而且和上一篇介紹的sort()ㄧ樣...

鐵人賽 Modern Web DAY 27

技術 【React.js入門 - 27】 我要更多更多的分頁 - react-router-dom (上)

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

鐵人賽 Software Development DAY 24

技術 Day24-動態規劃-0/1背包問題

不知不覺開賽也來到第24天了,在前面的23天介紹了資料結構/排序搜尋演算法之後,剩下的7天每天都會用來解一道題目,那麼今天要探討的是一個非常經典的 Knapsa...

鐵人賽 Modern Web

技術 [ Vue-cli ] Router

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

鐵人賽 Modern Web DAY 24

技術 [JS30] DAY23 : Speech Synthesis

[程式碼&DEMO] [HackMD完整筆記] 目標 使用SpeechSynthesisUtterance物件,將文字轉為語音,並可透過頁面控制...

鐵人賽 自我挑戰組 DAY 23

技術 Day23. 醒醒吧,你根本沒有名字!

本日閱讀進度:第11章 匿名函式、作用域及閉包(475~484頁) 重點摘要: 匿名函式簡介匿名函式(Anonymous function),顧名思義就是沒...

鐵人賽 Modern Web DAY 23

技術 Day 23:AI 怎麼參與自然語言「理解」與「生成」?

筆者不是 AI、ML 相關背景,Python 也不能算是多熟(主要還是寫 JavaScript),但因為待在有資料科學團隊的公司 -「優拓資訊」,近年來投入許多...

鐵人賽 自我挑戰組 DAY 23

技術 新手村23 - Speech Synthesis

23 - Speech Synthesis 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small s...

鐵人賽 Modern Web DAY 27

技術 [Vue.js][日記]擁抱全家桶系列-你問我資料哪裡來?(1)

超緊繃!30 天 Vue.js 學習日記 擁抱全家桶系列-你問我資料哪裡來?(1) 大家好,我是 IAN 不是 PETER,在學習如何使用 Vue 開發 SP...

鐵人賽 Modern Web DAY 24

技術 EP.23 RE:從零開始的學習 JS 生活-第二十三日

前言 轉生第二十三日,接下來這一篇將會介紹 Hoisting。 Hoisting 首先前面這邊先大概提一下 JavaScript 的運作流程 首先全域執行環境...

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

技術 Day22 - 事件(03)

前言 今天說明如何知道事件目前是作用在哪個元件上,以及如何優化事件監聽 事件在哪發生 事件的目標元件:e.target 讓我們知道目前是作用在哪裡 搭配 ....

鐵人賽 Modern Web DAY 29

技術 第 29 天:DataVis:C3 Stanford

第 29 天:DataVis:C3 Stanford   經過昨天跟前天的研究,大家是不是對 C3 的操作越來越了解了呢?看到自己手邊的數據,透過 JavaSc...

鐵人賽 Modern Web DAY 22

技術 Day 22:在機器人裡面運用「有限狀態機」

昨天稍微提到了「有限狀態機」的概念,今天要來看看如何把它跟 Bottender 做個結合。 想要在 JavaScript 裡面使用有限狀態機的話,我會推薦使用...

鐵人賽 自我挑戰組 DAY 21

技術 Day 21: 事件處理 (Part 1)

事件類型 表單事件 表單在送出時會發出submit事件,重置時會發出reset事件。 按鈕類(<button>包含radio、checkbox...

鐵人賽 Modern Web DAY 22

技術 Day 22 - Canvas 效能調整 - Webassembly (上)

動態語言與靜態語言 相信大家都知道 Javascript 是一個動態語言,也就是說瀏覽器在執行的時候其實會需要多一個步驟去將程式碼轉譯為機器可以讀懂的行為,而這...

鐵人賽 自我挑戰組 DAY 22

技術 Day22. 一個函式不夠你不會再回傳一個嗎?

本日閱讀進度:第十章 一級函式(442~464頁) 重點摘要: 一級函式在JavaScript中,我們對其他值所能做的任何事情,對函式也能做。你可以對函式做以...

鐵人賽 自我挑戰組 DAY 22

達標好文 技術 JS 將陣列 Array 重新排列的 sort()

Day 22 一堆樸克牌攤在眼前,要照花色排還是大小來排?隨你高興。 sort()是個很好用的陣列方法,凡是要把陣列裡面的元素,照我們想排列的方式重新排列都...

鐵人賽 Modern Web

技術 Day 41. 戰線擴張・模擬戰 — UBike 地圖 X 外觀模式 - Façade Pattern in TypeScript

閱讀本篇文章前,仔細想想看 還記得單例模式 Singleton Pattern嗎?今天會用到喔! 本篇文承接上一篇文,因此如果是跳到這篇的話可以先從上一篇或...

技術 Javascript 進階 2-9 執行緒與同步、非同步

function eatBreakfast () { console.log('吃早餐'); }...

鐵人賽 Modern Web DAY 26

技術 【React.js入門 - 26】 input使用、input與state的互動 (控制組件) 、其他輸入元素

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

技術 Javascript 進階 2-8 記憶體存放與釋放

這個章節要來講述 Javascript 的回收機制,也就式記憶體釋放的情況。 假設現在有兩個 function 的執行堆疊如上圖,在 sayHi 的執行堆疊...

技術 優化迴圈與判斷式讓JavaScript更加優美的小撇步

「我要努力向上,不付諸君期望」 ~整人專家-胡真~ 就前端初學者的思維,大多會把「寫出可以運行的 code 」當作是練習或是實作的終極目...

技術 Javascript 進階 2-7 Not Defined VS undefined

Not Defined VS undefined 可以看到下方的圖片描述 如果我們一開始有宣告 a 這個變數,但是沒有賦予其值,則會顯示 undefined...

鐵人賽 Software Development DAY 23

技術 Day23-搜尋法系列(二)-二分搜尋法

這次要介紹的是二分搜尋法(Binary Search),使用此排序法的話,要搜尋的資料列必須經過排序。運作原理就是將要尋找的值和資料列中間的值進行比較。如果尋找...

鐵人賽 Modern Web

技術 [ Vue-cli ] What is Vuex? Why do we need Vuex?

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

技術 html-textarea使用js還原空白及換行筆記記錄

使用textarea輸入文章或是簡介印在html,所有原本的換行與空白都不見了。所以在這裡需要做個處理,回復原本文章有換行與空白的樣子。 html <te...

技術 Javascript 進階 2-6 提升

我們先來看看下面這段code的執行結果 當我們執行 doSomthing 的 function 的時候,會發現一開始 mom 是 undefined,繼續執行...