iT邦幫忙

javascript相關文章
共有 5653 則文章
鐵人賽 Modern Web DAY 9

技術 09. [JS] 什麼是閉包?

昨天我們聊到到了 JavaScript 中的事件迴圈,文中末段提到了透過 IIFE 的解決方法: for (var i = 1; i <= 5; i++...

鐵人賽 Software Development DAY 11

技術 Day11-來介紹資料結構-樹(Tree)吧!

今天要介紹的是樹,大致的樣子如下圖,其中樹的每個元素都稱為節點,樹最上方的節點稱為根節點,而節點之間上層節點為下層節點的父節點,下層節點為上層節點的子節點,如果...

鐵人賽 Modern Web DAY 14

技術 【React.js入門 - 14】 Debug利器 : React-Developer-Tools

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

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

技術 JavaScript 初心者筆記: localStorage - 將網頁上的資料儲存在瀏覽器

資料如何儲存在瀏覽器? 透過 HTML 中的網頁儲存物件, 可以將網頁中的資料儲存在使用者的瀏覽器當中。在 HTML5 問世之前,我們只能將小筆的資料儲存在 c...

鐵人賽 Modern Web DAY 21

技術 【Day 21】React 渲染機制

我們都知道使用 React 讓我們的應用可以擁有非常好的效能,但背後裡 React 到底幫我們做了哪些努力呢?今天就來初探一下 React 的渲染機制! 當我們...

鐵人賽 Modern Web DAY 24

技術 Day24【ES6 小筆記】資料型別 Symbol 使用時機

在 JavaScript 中,原始型別有以下幾種: Boolean:僅有 true, false 兩個值 Null:僅有 null 的值 Undefin...

鐵人賽 Modern Web DAY 11

技術 [JS30]DAY10 : Hold Shift to Check Multiple Checkboxes

[程式碼&DEMO] [HackMD完整筆記] 目標 初始是一個checkbox,改成使用Shift +左鍵來進行連續區間選取。 步驟流程 S...

鐵人賽 Modern Web DAY 10

技術 JS 原力覺醒 Day010 - 自動轉型 (Coercion)

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

鐵人賽 自我挑戰組 DAY 10

技術 新手村10 - Hold Shift and Check Checkboxes

10 - Hold Shift and Check Checkboxes 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck Java...

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

技術 DAY24 Intersection of Two Linked Lists

題目: https://leetcode.com/problems/intersection-of-two-linked-lists/回傳當2個鏈結串列值相同的...

鐵人賽 自我挑戰組 DAY 10

技術 JS 如何把陣列 Array 或元素清空和刪除

Day 10 好好的吃頓飯也是一種優雅。刪除也是。 「如何把陣列或元素清空」也要寫一篇? 妳當牛肉麵在寫嗎?自從有了這本「JavaScript 大全」當枕頭...

鐵人賽 Modern Web DAY 13

技術 [DAY13] Filter 標題的靈感之我真的一滴都不剩了之真想不出

我想說的是filter 會建立一個經過指定運算判斷後回傳為真的新陣列,就是這麼簡單 關於 filter 在其他地方我好像已經遇到好幾遍,一直沒有有系統地把它...

鐵人賽 Modern Web DAY 14

技術 [Vue.js][日記]極致廢話版的SLOT教學

超緊繃!30天Vue.js學習日記 極致廢話版的SLOT教學 大家好,今天要來介紹的是Vue中的插槽(slot),slot負責內容的分發,我們可以藉由它先把一...

鐵人賽 Modern Web DAY 11

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

前言 轉生第十日,這一篇將會介紹條件式判斷,所謂的條件式判斷不外乎就是在講 if...else... 以及 switch 等。 條件式判斷 條件式判斷依照我們傳...

鐵人賽 Modern Web DAY 22

技術 Day 22: Map

ES6 新增了 Map 物件,它在結構上和物件一樣是 key-value 的組合,不同的地方在於: 物件的 key 值一定要是基礎的資料型別而且限定 Stri...

鐵人賽 Modern Web DAY 23

技術 [ D3.js ] 資料選取 d3-selection 與資料綁定 Joining Data

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

鐵人賽 Modern Web DAY 26

技術 Day 26. 機動藍圖・策略模式 X 選擇策略 - Strategy Pattern Using TypeScript. I

閱讀本篇文章前,仔細想想看 類別繼承與介面綁定的差別在哪裡?能夠描述它們各自的優缺點嗎? 如果還沒理解完畢的話,可以先翻看前一篇的文章喔! 筆者本來沒有要...

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

技術 Day09 - 函數(02) - BMI

前言 這次主要是練習函數的例子,試著把 BMI 用函數表示 問題 function fun(x)裡面的 x 是什麼? 是參數( parameter ),不...

鐵人賽 Modern Web DAY 2

技術 DAY23- html的class標籤

svelte class tag 在說明完svelte的動態後,今天來分享一下html上常會用到的class標籤在svelte上的應用。 本文同步放置於此...

鐵人賽 自我挑戰組 DAY 8

技術 Day 8: 函數 function (Part 1)

function fn(){... reutrn ..;} var fn_1 = function {... reutrn ..;} 使用(2)方...

鐵人賽 Modern Web DAY 9

技術 Day 09:設定「開始使用」按鈕、「歡迎文字」與「常駐選單」

「開始使用」按鈕、「歡迎文字」與「常駐選單」,都是 Messenger Profile API 的一部分,今天要來教大家怎麼使用這些功能以及如何在 Botten...

鐵人賽 自我挑戰組 DAY 9

技術 Day09. 臨兵鬥者皆陣列在前!JavaScript:你錯棚囉!

本日閱讀進度:第四章 陣列(125~145頁) 重點摘要: 陣列是什麼?陣列是一種可以用來保存許多值的資料型別,許多程式語言都有這種型別,包含JavaScri...

鐵人賽 Software Development DAY 10

技術 Day 10 - 指令系統 - 客戶端發送指令(一)

我們已經知道伺服器是如何接收指令並執行,不過我們還不清楚客戶端要如何將指令發送到伺服器執行玩家的操作。不過因為 ActionScript 在目前 Flash 已...

鐵人賽 Modern Web DAY 23

技術 Day23【ES6 小筆記】箭頭函式 this 初步了解/使用時機

這幾天看了很多關於函式中 this 的文章,但感覺還不是很懂 XDDD,今天要來跟著這個影片來學習傳統函式跟箭頭函式中 this 的差別,練練我的小腦袋! 如果...

技術 js-開新視窗、重新整理、關閉、回上一頁下一頁視窗筆記記錄

重新整理(參考) window.location.reload(); <a href="javascript:window.location....

鐵人賽 Modern Web DAY 20

技術 【Day 20】可能不需要redux (2) - contextAPI

昨天介紹了 useReducer 的用法,但是還缺少了 global state 的機制啊?怎麼會說可能可以不需要 redux 了?今天就來介紹 context...

鐵人賽 Modern Web DAY 22

技術 [ D3.js ] SVG 圖形繪製補充

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

鐵人賽 Modern Web DAY 13

技術 【React.js入門 - 13】 useState - 在function component用state

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

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

技術 JavaScript 初心者筆記: 常用事件及相關語法分享

前一篇筆記介紹的是事件基本概念,而本篇將介紹一些在操作事件時常用的語法。 表單內容更動時觸發 - change 此事件僅限用於 元素、 和 元素,當元素的...

鐵人賽 Software Development DAY 10

技術 Day10-來介紹遞迴(Recursion)吧!

遞迴種類 遞迴分為直接遞迴和間接遞迴兩種:直接遞迴: 直接在函式內再次呼叫本身函式 function fn1() { fn1(); } 間接遞迴: 函...