iT邦幫忙

javascript相關文章
共有 5653 則文章
鐵人賽 自我挑戰組 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,繼續執行...

鐵人賽 Modern Web DAY 23

技術 [JS30]DAY22 : Follow Along Link Highlighter

[程式碼&DEMO] [HackMD完整筆記] 目標 隨著鼠標移動,用css做出HightLight樣式。 步驟流程 STEP1 取得HTM...

鐵人賽 自我挑戰組 DAY 22

技術 新手村22 - Follow Along Link Highlighter

22 - Follow Along Link Highlighter 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaSc...

鐵人賽 Modern Web DAY 21
淺談web 系列 第 21

技術 鐵人賽DAY21-JavaScript(一)

一、何謂JavaScriptJavaScript是一種腳本語言(script language),由Sun公司及Netscape公司合作開發,之後微軟也推出相似...

鐵人賽 Modern Web DAY 26

技術 [Vue.js][日記]擁抱全家桶系列-Vue-cli (3)

超緊繃!30天Vue.js學習日記 擁抱全家桶系列-Vue-cli (3) 大家好,在昨天我們建置了node的開發環境,並且安裝Vue-cli後,今天要對Vu...

鐵人賽 Modern Web DAY 22

技術 JS 原力覺醒 Day22 - 原型共享與原型繼承

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

鐵人賽 Modern Web DAY 23

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

前言 轉生第二十二日,這一篇將會介紹函式、執行環境與變數環境還有範圍鏈這四個東西。 執行環境 一開始我們先來講一下 JavaScript 的執行環境,在前面的轉...

鐵人賽 Modern Web DAY 28

技術 第 28 天:DataVis:C3 Spline

第 28 天:DataVis:C3 Spline   昨天我們利用了 LINE 聊天機器人幫忙儲存在 Heroku Postgres 的資料畫出了甜甜圈圖(do...

鐵人賽 自我挑戰組 DAY 20

技術 Day 20: JavaScript操作CSS

Cascading Style Sheets(CSS) 用來指定HTML document視覺呈現方式的標準。style規則來至不同來源所一層層相疊後的結果(後...

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

技術 Day21 - 事件(02)

前言 繼續進行事件篇,今日介紹氣泡與捕捉,以及中止或取消的部分 事件監聽器 DOM 事件監聽器:element.addEventListener('event...

鐵人賽 自我挑戰組 DAY 21

技術 新手村21 - Geolocation

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

鐵人賽 自我挑戰組 DAY 21

技術 Day21. 函式宣告和函式運算式

本日閱讀進度:第十章 一級函式(429~441頁) 重點摘要: 函式宣告到目前為止,我們都是使用function關鍵字、名稱、參數以及程式碼區塊進行標準的函式...

鐵人賽 Modern Web

技術 [ Vue-cli ] 單一元件檔( 以 iT 邦幫忙鐵人賽檔案當作開發範例)續

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

鐵人賽 Modern Web DAY 21

技術 Day 21 - Canvas 效能調整 - OffscreenCanvas 及 ImageBitmap (下)

OffscreenCanvas 昨天我們成功將 ImageBitmap 送到 worker,今天我們要來解決的是如何在 worker 裡面處理 Canvas 的...

鐵人賽 Modern Web DAY 22

技術 [JS30]DAY21 : Geolocation

[程式碼&DEMO] [HackMD完整筆記] 目標 利用navigator.geolocation的API去取得當下裝置的地理位置以及速率。...

鐵人賽 Modern Web DAY 25

技術 Day24 | 只要別搞混 Class,你想得到通通有

前言 本篇會介紹如何在 TypeScript 中使用 Class,但是可別搞混了哦!TypeScript 的 Class 和 JavaScript 的 Clas...

鐵人賽 自我挑戰組 DAY 21

技術 JS 隨意修、刪、改的陣列 Array 方法 splice()

Day 21 這邊刪一下、那邊加一下,阿不,從後面改起!主管,可不可以不要這樣玩來玩去嗎? splice 中文為拼接。可以藉由刪除原來有的元素並/或加入新元...

鐵人賽 Modern Web DAY 21

技術 Day 21:什麼是「有限狀態機」?

不知道大家有沒有聽過「有限狀態機」也就是「finite-state machine (FSM)」? 以維基百科上的這張圖來當作最簡單的範例: 最一開始的時候門...

鐵人賽 Modern Web DAY 21

技術 JS 原力覺醒 Day21 - 原型

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

鐵人賽 Software Development DAY 22

技術 Day22-搜尋法系列(一)-循序搜尋法

今天要介紹的是循序搜尋法(Sequential Search),也可稱為線性搜尋法(Linear Search),運作原理相當簡單,就是在資料列一個一個值的和目...