iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Modern Web DAY 10
Vue.js 進階心法 系列 第 10

技術 統一狀態管理 + 單一資料流

我一開始在學 Vuex 的時候,覺得很難懂,不知道它是在做什麼的。當時的我,就想先追朔單一資料流的始祖(應該是吧?) flux Flux 它提出了不少更新畫面的...

鐵人賽 Modern Web DAY 10

技術 Day 10- 物品借用紀錄系統 (2) 設定 Calendar

昨天我們完成了基礎建設,但是有個地方忘記講到,我現在趕快補充一下! 我們昨天設定歸還日期時,一定有人會問: 這樣他如果在當天的 23:59 分歸還不就也可以嗎...

鐵人賽 自我挑戰組 DAY 25

技術 事件—天外飛來一個e

剛開始學JavaScript的時候,在書上看到事件綁定的範例: //HTML <a id="link" href="htt...

鐵人賽 Software Development DAY 25

技術 從 JavaScript 角度學 Python(25) - 例外處理

前言 接下來我們要聊一個非常非常重要的東西,也就是關於錯誤的處理,而這個處理又稱之為例外處理。 例外處理概念 首先先聊聊例外處理是什麼,通常我們在開發系統的時候...

鐵人賽 Modern Web DAY 13

技術 DAY13-JavaScript實作網頁小遊戲

前言: 昨天介紹完了一些簡單的應用,今天阿森想用JavaScript來寫一個貪吃蛇的網頁遊戲,相信透過這個過程大家可以更清楚JavaScript的使用邏輯。...

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

技術 Expression 與 Statement

表達式 (Expression) A unit of code that results in a value. 表達式會形成一個值,而這個值它不一定被儲存...

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

技術 #10 Web Crawler 3

我們今天要把 crawler 函式及 saveData 函式寫好! crawler 函式 我們就依照昨天的想法把 crawler 函式寫出來,並把 parseA...

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

技術 JavaScript Day09 - 物件、陣列與 JSON

物件與陣列組合 前一天有提到,物件內也可以放物件與陣列,而陣列內也是,除了字串與數字外,也可以加入陣列與物件 讀取原則 陣列:第 n-1 個(因為從 0...

鐵人賽 Modern Web DAY 17

技術 Chpater3 今天來學習畫一棵樹(III)終於讓樹搖擺起來囉!原來遞迴與碎形可以塑造大自然之美

先補上Demo 將前兩天畫好的樹枝骨幹,搭配第二章學的動畫效果,就能讓樹開始擺動了:https://jerry-the-potato.github.io/Cha...

鐵人賽 自我挑戰組 DAY 24
JS30 學習日記 系列 第 24

技術 Day 24 - Sticky Nav

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程,課程主打 No Frameworks、No Compi...

鐵人賽 Modern Web DAY 9

技術 #09 No-code 之旅 — 怎麼在 Client-side 抓取資料?SWR 簡介

安安!前幾天講了怎麼在專案裡用些 data fetching functions 做 pre-rendering。不過如果想要直接在 client-side 抓...

鐵人賽 Modern Web DAY 9

技術 Day 9— 物品借用紀錄系統 (1) 基礎建構

今天我們要來製作新的專題:物品借用紀錄微服務! 在學校,尤其是行政處室,最常出現的狀況應該就是「借物」這件事情。 不過我想應該各種單位應該都是啦~畢竟資源有限嘛...

鐵人賽 自我挑戰組 DAY 9

技術 [ Day 9 ] - 函式

函式 一個函式內會包裝一段執行的動作,可以被重複的使用 如何宣告函式 宣告函式時,需要使用 function 關鍵字,並且給函式一個名稱,再接著一組括號,寫法如...

鐵人賽 Modern Web DAY 15

技術 不只懂 Vue 語法:請說明 keep-alive 以及 is 屬性的作用?

問題回答 <keep-alive> 的作用是緩存一個元件的資料狀態,即使它被切換掉,不再呈現在畫面上時,它的資料狀態依然會把存起來,並不會像一般元件...

鐵人賽 Modern Web DAY 25

技術 #25 JS: HTML DOM Events - Part 3(Start Over Version)

Since the knowledge I learned yesterday was over my head, I decided to try anoth...

鐵人賽 Modern Web DAY 24

技術 #24 JS: HTML DOM Events - Part 2

For the topic today, I can't fully understand the logic that it works.So forgive...

鐵人賽 Modern Web DAY 9

技術 D3JsDay09 資料元素來綁定,讓你元素有內定—資料綁定

資料綁定 datum()函式 前面的文章多半是在使用D3來操作DOM,這邊主要探討D3的核心,將資料綁定在DOM的元素中,換句話說DOM的元素樣貌可以透過資料來...

鐵人賽 Modern Web DAY 9

技術 Day08:Build Private Chat(建立私人頻道)

全文同步於個人 Docusaurus Blog 除了共用的頻道外,當不同使用者進入時,希望能夠出現一個很陽春的不同使用者的聊天頻道,並進行私人訊息。 而這一...

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

技術 Day.15 「條件設定好~讓程式判斷!」 —— JavaScript 條件判斷式

前面學習了基礎的變數與運算子的使用,這些基礎往往是非常枯燥乏味的,還沒有與電腦有更進一步的互動,所以感受不到程式語言的魅力,而今天學習的條件判斷式就可以開始與...

鐵人賽 Modern Web DAY 10

技術 入門魔法 - function 函式

前情提要 艾草:「你可以幫我算一下 100 + 100 是多少嗎?」 「200 啊...」 艾草:「那在加 6 次 100 呢?」 「...? 妳在幹嘛呀,啊是...

鐵人賽 Modern Web DAY 11

技術 入門魔法 - 了解 JSON 格式及內建方法

前情提要 前幾天幫艾草整理了愛情靈藥秘方。 「咦,愛情靈藥的秘方也太簡單了吧,我還以為會很特別呢?」 艾草:「NoNoNo! 你一定是誤以為愛情靈藥是讓人愛上你...

鐵人賽 Modern Web DAY 10

技術 第10車廂-你今天table了嗎?tableRWD+簡易分頁應用篇

本篇延續<第9車廂-使用content:attr()實現tableRWD應用>的版,透過程式自動產生假title<th>,並製作簡單的分頁功能...

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

技術 JavaScript Day 15. every() 與 some()

在所有的陣列方法裡還有 every() 跟 some() ,聽說是很冷門的兩種方法,確實我在練習上也是蠻少用到的,不過既然是歸類在陣列方法,其實也可以稍微了解一...

鐵人賽 自我挑戰組 DAY 24
JavaScript 核心觀念 系列 第 24

技術 【Day24】閉包(Closure)

今天我要講解的是閉包(Closure),在進入之前我們先來看一段程式碼, 首先準備一個隨機生成字串的函式 function randomString(lengt...

鐵人賽 Software Development DAY 9

技術 Day 09 - Type Signature

yo, what's up? 到目前為止,目前我們把最基本的概念 pure function, curry, compose 到比較進階概念 lens, tra...

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

技術 Component 鬼牌(二): 看網址決定 Component

前端 router 前端 router 是一個很厲害的技術,讓 JavaScript 的內容與網址有了關係。並且讓分享某個特定的內容,不再是 Server Si...

鐵人賽 自我挑戰組 DAY 24

技術 【Day24】派一個Spy到網頁中竊聽—事件監聽

先來說說什麼是「事件」呢? 舉個例子:看到紅燈,就踩剎車! 「看到紅燈」就是事件;「踩剎車」就是事件發生後所採取的行動。而在網頁上所發生的事件,可能是使用者滑...

鐵人賽 Modern Web DAY 11

技術 【Day11】數據展示元件 - Badge

元件介紹 Badge 可以讓我們在其 children element 的右上角(預設位置)顯示一個小徽章,通常用來表示需要處理的訊息數量,透過醒目的視覺形式來...

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

技術 #9 Web Crawler 2

We are going to start coding!! 想法 這個爬蟲的想法很簡單,對於每個 Block,我們從第一個 Page 開始爬,直到最後一個。...

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

技術 JavaScript Day08 - 物件

物件(object) 參考此篇:Day12 - 物件 建立空的物件,有2種方法 使用 new Object() 使用 {} 內容以屬性(key):...