iT邦幫忙

javascript相關文章
共有 5651 則文章

技術 學習JavaScript第二天--宣告變數的方法let、const、var

現在的主流只要會let跟constlet宣告變數:比較嚴謹的ex: let cokePrice = 20 ; ans:cokePricer = 20 let是...

鐵人賽 Modern Web DAY 26
我的JavaScript日常 系列 第 26

技術 JavaScript Day 26. API 串接:POST、GET、DELETE、PUT/PATCH

前面幾篇我們提到過 DOM API 節點,但貌似沒有討論到什麼是 API;到了今天這個主題,好像確實是該好好的解釋一下到底什麼是 API。 API 究竟是什麼?...

鐵人賽 Modern Web DAY 20

技術 Day 20 - UML x Component — Independent (下)

今天終於來到 UML 的最後一篇了,要來接著把沒介紹到的常見 UI 元件介紹完,那就廢話不囉唆直接進入正題! Table 網頁中的大魔王 Table,作為呈...

鐵人賽 Modern Web DAY 20
Vue.js 進階心法 系列 第 20

技術 其它的 lifecycle 或 vue router 的 hook

在 About 刷新一次頁面 還有一些用在我也不太常用的 lifecycle 這次就一起 Demo 一下順序 兩個 component 切換 從 About...

鐵人賽 Modern Web DAY 19

技術 Day 19 - To Do List (6) 刪除 To Do Event

很快的我們來到做刪除的部分, 很快速的,我們先來看一下如果我們要把東西從試算表刪除該怎麼做: 我們從上面可以知道,使用 Sheet.deletRow(rowP...

鐵人賽 Modern Web DAY 19

技術 #19 No-code 之旅 — Avatars Libraries

嗨~ 今天來個比較特別的主題,Avatars libraries。很多時候我們需要顯示一些頭貼,有的是用 Google,Facebook,Github,等其他服...

鐵人賽 Modern Web DAY 19
JavaScript 筆記 2 版 系列 第 19

技術 JavaScript Day19 - AJAX(1)

AJAX AJAX(Asynchronous JavaScript And XML):使用非同步資料請求的縮寫,代表非同步 JS 和 XML 參考第一版的 D...

鐵人賽 Modern Web DAY 20
JavaScript Easy Go! 系列 第 20

技術 #20 Telegram Bot Webhook 訊息收發

今天來嘗試部署 Cloudflare Workers 並寫寫看簡單的信息收發。 response 如果你仔細看我們昨天寫的 main.js,你會發現我們在回傳時...

鐵人賽 Security DAY 19

技術 [Day19 ] Prototype Pollution - Prototype汙染

前言 你使用過Prototype,那你知道它可以被汙染嗎? 正文 概念 Javascript的物件透過Prototype機制相互繼承功能(屬性、方法),這種Ob...

鐵人賽 Modern Web DAY 27

技術 Chapter5 - 當一個勤勞的園丁,來修剪我們美麗的樹(II)Canvas素材 修圖、壓縮、效能優化

樹葉問題 先前在第三章畫樹時,就有發現把樹葉畫上去時,系統工作時間會增加而導致掉偵,原圖是300x300,50kb左右,不是很大,但是我們要畫一大堆落葉的話,計...

鐵人賽 自我挑戰組 DAY 19

技術 [ Day 19 ] - 箭頭函式

這邊先簡單介紹前面有用到的函式陳述式和函式表達式 函式陳述式:特性是放在宣告的 function 前或後都可以執行 function numA(x) {...

鐵人賽 Modern Web DAY 25

技術 不只懂 Vue 語法:試解釋 hash 與 history 模式的分別? 為何 history 模式會回傳 404?

問題回答 Vue 預設是使用 hash 模式,但可選擇使用 history 模式。hash 模式時的 URL 會帶 # 符號,例如 https://exampl...

鐵人賽 Modern Web DAY 19
追求JS小姊姊30天 系列 第 19

技術 追求JS小姊姊系列 Day19 -- 工具力,原來如此:原型與原型鍊。

前情提要: 建構式模式加上new是很擅長創造的能力。 我:這能力也太強了吧,所以new是只有你才會嗎? (傳出熟悉的聲音) 阿物件:在討論這件事,還記得在前...

鐵人賽 Software Development DAY 19

技術 Day 19 - Maybe Monad

yo, what's up 在之前我們都是用 Identity 作為例子,但其功用並不大,所以今天要來開始介紹一些比較常用的 ADTs,今天就從 Maybe 開...

鐵人賽 自我挑戰組 DAY 20
開始入坑網頁吧! 系列 第 20

技術 JavaScript Call, Bind, Apply

Call, Bind, Apply 這些方法可以讓你去指定綁定的 this 如果沒有綁定this的話,下面的this指的是 window 物件 function...

鐵人賽 Modern Web DAY 21

技術 【Day21】導航元件 - Drawer

元件介紹 Drawer 抽屜元件,由螢幕邊緣滑出的浮動面版,常見的應用是作為導航用途,例如 Navigation drawers。 參考設計 & 屬性分...

鐵人賽 Modern Web DAY 19
舌尖上的JS 系列 第 19

技術 D19 - 今晚我想來點 唯獨派 getter 唯寫派 setter

前言 JavaScript 內的物件都有內建的兩個屬性,可以實現對物件的存取,稱為: getter 取值器 setter 設值器 他們是什麼 不同於一般物件...

鐵人賽 Software Development DAY 23

技術 【Day23】[演算法]-插入排序法Insertion Sort

插入排序法(Insertion Sort),原理是逐一將原始資料加入已排序好資料中,並逐一與已排序好的資料作比較,找到對的位置插入。例如:已有2筆排序好資料,將...

鐵人賽 Modern Web DAY 25
入門前端技能之旅 系列 第 25

技術 Day.25 「從 事件綁定 與 定時器 認識回調函式!」 —— JavaScript 定時器 & Callback

我們前面已經瞭解了事件綁定與事件冒泡了,但是使用 物件元素.綁定事件 有不方便的地方 只能同時為一個元素的一個事件綁定一個響應函式 不能綁定多個,如果綁定...

鐵人賽 Modern Web DAY 25
我的JavaScript日常 系列 第 25

技術 JavaScript Day 25. DOM Node 常用方法

文章寫到第 25 篇,從這樣的過程也穩固了自己不少觀念,今天依然攪進腦汁將查找的資料盡量用自己的話寫出來,也為今天的自己加油吧。 DOM 節點新增 docu...

鐵人賽 Modern Web DAY 20

技術 中階魔法 - 範圍鍊 Scope Chain

前情提要 上回與艾草玩遊戲輸了要接受處罰。 「都躲這麼遠了,她應該找不到我了吧!」 艾草:「啊哈,原來你躲在這裡呀!」 「你怎麼找到的?明明我跑超遠了呀。」 艾...

鐵人賽 Modern Web DAY 19
Vue.js 進階心法 系列 第 19

技術 載入頁面,什麼時候發 API 適合?

我們想要找一個適合的地方送出 $store.dispatch('fetchUser', 1); 今天就來聊聊放在哪最適合 一開始,官網教 axios 的地方 U...

鐵人賽 Modern Web DAY 19

技術 Day 19 - UML x Component — Independent (上)

前面把有依賴關係的 Component 都講一講之後,今天就來帶過其他的 UI 元件吧,因為想介紹的元件還有點多,因此會區分成兩天,今天主要講的是 Navig...

鐵人賽 Modern Web DAY 18

技術 #18 No-code 之旅 — 讀取資料庫來實作部落格 ft. Notion SDK

嗨大家~ 像昨天文章裡提的,這專案會採用 Notion 來當 CMS (包含資料庫),意思是部落格文章的新增編輯刪除都會發生在 Notion 裡。所以,這專案需...

鐵人賽 Modern Web DAY 19
JavaScript Easy Go! 系列 第 19

技術 #19 Telegram Bot 起手式

今天開始做我們的 Telegram Bot! Telegram Telegram 是一個通訊軟體,就像是 Messenger 或 Line 一樣,只不過它更加的...

鐵人賽 Modern Web DAY 18

技術 Day 18 — To Do List (5) 新增 To Do Event

昨天我們快樂 (?) 的把資料 render 到網頁上(雖然會有點 Delay,對 UX 不好…不過那可以靠其他東西稍微彌補的。有空才處理) 那麼下一步我們就來...

鐵人賽 Modern Web DAY 18
JavaScript 筆記 2 版 系列 第 18

技術 JavaScript Day18 - 陣列操作(filter、find、findIndex)

filter filter() 會建立一個新的陣列,其內容為原陣列的每一個元素經由回呼函式判斷後所回傳的結果之集合 可以看到是回傳一個新的陣列,所以原本的...

鐵人賽 Modern Web DAY 26

技術 Chapter5 - 當一個勤勞的園丁,來修剪我們美麗的樹(I)Canvas繪圖 Y型樹枝(愛心型) + 控制分支的變化

提醒:本篇承接第三章 讓我們說回那顆樹 既然樹是我們遊戲場景的主體之一,首先當然是要來整修一下我們的樹,此時我意外發現有個很讚的教學影片:Fractal T...

鐵人賽 自我挑戰組 DAY 19
開始入坑網頁吧! 系列 第 19

技術 JavaScript IIFE (立即函數)

甚麼是立即函數? IIFE (Immediately Invoked Function Expression)從字面上可以知道就是一個 在宣告當下就會馬上被執行...

鐵人賽 Modern Web DAY 24

技術 不只懂 Vue 語法:試解釋如何使用導航守衛?

問題回答 導航守衛(Navigation Guard)可以在 3 個地方使用,包括全域、元件和路由。所謂導航守衛就是在訪問頁面之前,會像一個守衛攔截並執行你所設...