iT邦幫忙

javascript相關文章
共有 5781 則文章
鐵人賽 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):...

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

技術 JavaScript 函數 | 一級函數

一級函數 (First Class Functions) Everything you can do with other types you can do...

鐵人賽 Modern Web DAY 8

技術 Day 8 — 自動化回信機(5) 優化回信機

咦?我們都寫完了,為什麼還不進入下一個專題呢? 嘖嘖,這你就不懂了!身為一個工程師,能動,只是交件標準。但是你後續如果還要維護,那麼你寫的這份爛 code 會在...

鐵人賽 Modern Web DAY 8

技術 #08 實作篇 — 使用 Next.js 的各種 Data Fetching 方式實作小專案 ft. Github API

大家好!昨天實作了小小專案,也寫了一篇短短的介紹文,那今天跟大家分享怎麼用 Next.js 的各種 data fetching functions 串 API...

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

技術 Day 23 - Speech Synthesis

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

鐵人賽 Software Development DAY 8

技術 Day 08 - Transduce II

review 上一篇介紹了 transduce 基本概念後,就可以知道 transduce 就是對資料結構進行 transform 並 reduce, 其核心...

鐵人賽 Software Development DAY 24

技術 從 JavaScript 角度學 Python(24) - 繼承

前言 前一篇已經提前預告接下來將會講繼承了,所以這一篇當然就是會介紹繼承啦~(廢話) 繼承的概念 繼承是什麼呢?JavaScript 有嗎?JavaScript...

鐵人賽 Software Development DAY 8

技術 Day 08 : Longest Mountain in Array

先來看簡述題目的定義 至少要有連續3個以上的整數 從左往右看他要是嚴格遞增直到這些數中的最大值(山頂),而後嚴格遞減 看完以上兩點,理所當然可以推論山頂不會...

鐵人賽 Modern Web DAY 14

技術 不只懂 Vue 語法:為什麼要用 Vuex? Vuex 基本架構是怎樣?

問題回答 使用 Vuex 是為了當元件之間都需要共用資料時,使用一個像是公用容器來管理資料,我們把所有要共用的資料都拉進此容器中,讓所有元件都能在此容器取得或操...

鐵人賽 自我挑戰組 DAY 9

技術 [Day 9] - 『轉職工作的Lessons learned』 - GraphQL (Hasura) - Webhook身份驗證

今天想介紹一下工作上有使用到的小工具Hasura,以及我從中學習到哪些需要注意的小細節。網路上已有大量Graphql教學,可以直接搜尋參考。首先我先大致介紹一下...

鐵人賽 Modern Web DAY 8

技術 D3JsDay08做為視覺化圖表的燃料,從網路擷取檔案的資料—fetch Data

淺談原始碼 D3包裝了Javascript的fetchAPI來擷取資料我們這裡可以看到D3Js的原始碼為以下片段,不難看出它是return了fetchAPI f...

鐵人賽 Modern Web DAY 16

技術 Chpater3 今天來學習畫一棵樹(II)以有規律的隨機畫出擬真的樹枝 原來畫一顆樹不難嘛!

此篇接續第一篇:https://ithelp.ithome.com.tw/articles/10269980接下來我們把造樹的步驟拆分成骨幹、畫樹枝、樹葉,而到...