iT邦幫忙

javascript相關文章
共有 5171 則文章
鐵人賽 Modern Web DAY 28
JavaScript 初心者筆記 系列 第 28

技術 JavaScript 初心者筆記: AJAX - 從遠端即時撈取資料

什麼是 AJAX ? AJAX 是 Asynchronous JavaScript and XML(非同步的 JavaScript 與 XML 技術)的縮寫,簡...

鐵人賽 Modern Web DAY 18

技術 [番外篇][日記]番外篇的部分,趕緊上車啦!!!

大家好,我Ian啦!今天應該算是特別篇吧,我在9/28參加了一年一度的JSDC前導,所以想在這邊跟大家分享一下自己的心得: 先說說我自己為什麼報名好了,我在去...

鐵人賽 Modern Web DAY 15

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

前言 轉生第十四日,這一篇將會來介紹 JSON。 JSON JSON 全名是 JavaScript Object Notation,中文即 JavaScript...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12: 正規表示式(Regular Expression)

表示式var pattern = new RegExp(s$) or var pattern =/s$/ 代表著以s結尾的字串都匹配。 透過 \ (ba...

鐵人賽 Modern Web DAY 27

技術 Day27【ES6 小筆記】 物件好兄弟 Map 使用方式

上一篇學習了 Set,今天要練習的 Map 也是 ES6 中提出的一種資料結構,跟 Set 蠻像的,只是 Map 存取的是鍵值對,所以也跟物件蠻像的,但有以下差...

鐵人賽 Modern Web DAY 13

技術 Day 13:LINE 的事件處理基礎

跟前面在講解「Messenger 的事件處理基礎」時提到的一樣,第三天在「快速學會 Bottender 基礎概念」的文章中有講到關於 Event 以及 Cont...

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

技術 Day13 - 迴圈(01)

前言 這次主要是說明迴圈的部分 迴圈 因為要執行很多次,所以一般會利用迴圈來達成 迴圈的種類 for 迴圈:主要會以這個為主 while 迴圈:通常不知道次...

鐵人賽 Modern Web DAY 12

技術 12. [JS] 為什麼 typeof new Array() === 'object'?

JavaScript 由於弱型別的語言特性,對於剛開始學習的新手來說,型別就跟暗戀的對象一樣,總是讓人捉摸不透,即使你用了 typeof 運算子來問他,也會得...

鐵人賽 Modern Web DAY 26

技術 [ D3.js ] 資料處理與篩選

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

鐵人賽 自我挑戰組 DAY 13

技術 Day13. 什麼?你說物件也能開箱?

本日閱讀進度:第五章 認識物件(206~227頁) 重點摘要: 物件也能開箱嗎?好啦,其實我只是想跟風而已,其實這個標題應該是: 如何知道物件裡包含了哪些屬...

鐵人賽 Modern Web DAY 2

技術 DAY27- 過場動畫 (四)

crossfade 昨天介紹完draw,就是透過svg的path繪出一個過場動畫,今天來跟大家分享一下crossfade。 本文同步放置於此 crossfa...

鐵人賽 Modern Web DAY 14

技術 [JS30]DAY13 : Slide in on Scroll

[程式碼&DEMO] [HackMD完整筆記] 目標 滾動視窗到定點時,圖片從兩側滑入;圖片位置離開可見區域時,圖片向兩側滑出。 步驟流程 S...

鐵人賽 Modern Web DAY 27
VueJS 從前端到後端 系列 第 27

技術 大型資料載入實例與狀況 Large of DOMs Day 26

部落格同步刊登 [IT 鐵人賽] 大型資料載入實例與狀況 Large of DOMs Day 26 昨天提到大量資料的事件綁定,今天再來聊一下關於 DOM...

鐵人賽 Modern Web DAY 17

技術 【React.js入門 - 17】 React生命週期(2/4): Mount(下) - 應該多用的componentDidMount

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

鐵人賽 Modern Web DAY 18

技術 Day 18. 機動藍圖・類別宣告 X 藍圖設計 - TypeScript Class

閱讀本篇文章前,仔細想想看 複合型別 union 與 intersection 的功能與意義代表為何? 如果還沒理解完畢的話,可以先翻看前一篇文章喔! 今...

鐵人賽 Modern Web DAY 24

技術 【Day 24】 useRef

useRef 是一個可以讓我們抓取到 DOM 節點的 hooks。 實作上非常簡單,直接來看範例吧: import React, { useRef } from...

鐵人賽 Modern Web DAY 13

技術 JS 原力覺醒 Day13 - Event Queue & Event Loop 、Event Table

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

鐵人賽 自我挑戰組 DAY 13

技術 新手村13 - Slide in on Scroll

13 - Slide in on Scroll 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small...

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

技術 DAY27 Single Number

題目: https://leetcode.com/problems/single-number/找出唯一出現過一次的數字。(面試中偶爾會看到測試你能不能將XOR...

鐵人賽 自我挑戰組 DAY 13

技術 JS 遍歷陣列 Array 的方法

Day 13 傻傻以為迴圈是唯一,那只是沙灘上的一塊小岩石。 回想剛開始學程式時,看到 While 迴圈可以透過 ASCII 碼,把英文數字從 a 到 Z...

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

技術 JavaScript 初心者筆記: 瀏覽器物件模型 (BOM)

關於瀏覽器物件模型 (BOM) BOM,是 JavaScript 與瀏覽器溝通的橋樑,JavaScript 可以透過 BOM 對瀏覽器進行各種操作,包含開啟及關...

鐵人賽 Modern Web DAY 14

技術 [DAY14] 一個蘿蔔一個坑之 JSX 幾個坑

我想說的是JSX 註解的寫法和一般的 HTML 不一樣 寫程式不寫註解,就像是大腸麵線沒加香菜雖然能,但吃就是少一味;還有些人特別討厭加寫註解還是有些好處的...

鐵人賽 Software Development DAY 14

技術 Day14-來了解Map並實作它吧!

在JavaScript ES6 的規範中,新增了 Map 這種資料結構,每組資料都有對應的 key 值(索引值)與 value 值(資料值),而且索引值可以是各...

技術 redux解析給還不懂的網友

關於react redux,redux對我來說本來搞不清楚,後來我終於搞清楚了,redux是這樣子的....Actions 這個可以先寫, 只要記住action...

鐵人賽 Modern Web DAY 17

技術 [Vue.js][日記]CSS過渡

超緊繃!30天Vue.js學習日記 CSS過渡 大家好,今天要介紹的是CSS過渡!過渡系統是Vue為DOM動畫效果所提供的特性,當我們對元素從DOM中插入或移...

鐵人賽 Modern Web DAY 14

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

前言 轉生第十三日,這一篇將會來介紹 DOM,也就是所謂的文件物件模型。 DOM DOM 全名為 Document Object Model,簡稱 DOM 元素...

鐵人賽 Modern Web DAY 11

技術 11. [JS] 如何處理非同步事件?

在網站開發中,非同步的議題是所有站台必然需要處理的一環,也因為前端框架的興起,透過框架實現的 SPA 已經是現代快速建構網站的標配了,非同步取得資料也就成了不...

鐵人賽 Modern Web DAY 12

技術 Day 12:帶著聊天機器人來到 LINE

接下來幾天要來介紹,這系列打算提到的第二也是最後一個平台 - LINE。對 LINE 很熟悉的朋友可以直接跳過,至於是第一次使用 LINE Messaging...

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

技術 Day12 - 物件

前言 這次主要是說明物件的部分 物件 物件 = object 物件就是把一群變數和函數組合在一起,成為一個類似真實存在的模型,例如一個旅館裡面包含多少人、多少...

鐵人賽 Modern Web DAY 2

技術 DAY26- 過場動畫 (三)

draw 在昨天跟大家分享slider scale這兩個過場動畫,接下來今天介紹比不一樣的內容,就是透過畫出svg來呈現過場動畫。 本文同步放置於此 dra...