iT邦幫忙

javascript相關文章
共有 5651 則文章
鐵人賽 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接下來我們把造樹的步驟拆分成骨幹、畫樹枝、樹葉,而到...

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

技術 Day.14 「基礎打穩了,就能走得更長久~」 —— JavaScript 基礎運算子

學習任何東西,都要把基礎學的扎實,基礎穩了,遇到問題就能迎刃而解。而學習程式語言的基礎就是數學邏輯,不用到很專精,只要有基礎數學邏輯,多寫多做就能鍛鍊出寫程式...

鐵人賽 Modern Web DAY 8

技術 Day07:Boardcast Event(推播事件)

全文同步於個人 Docusaurus Blog 當某個使用者輸入訊息發送到 server 後,若當前環境為留言板或公共頻道,server 端則必須推播訊息給...

鐵人賽 Modern Web DAY 9

技術 入門魔法 - 物件

前情提要 艾草:「來,既然要學習物件讓我帶你瞧瞧這個秘方。」 (從異空間拿出一張古老透著神秘光澤的紙。) 「如何煉製愛情靈藥...?」 艾草:「對呀,看到底下這...

鐵人賽 Modern Web DAY 9

技術 Day 09 - Design System x 實作 — Typography

雖然昨天已經介紹了如何在你的網頁中實作 Color System,但嚴格上來說今天才算是這系列第一篇的實作,畢竟 Color 只涵蓋了 CSS 的部分,並且是...

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

技術 Component 鬼牌(一): 看 props 決定 Component

鬼牌,在此借用的意思是「可以成為任何一張牌」 Dynamic Components 可以當鬼牌 Dynamic Components 技術使用 <comp...

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

技術 D8 - 你不知道Combo : 甜點用一杯 Mojito 解釋 直譯器、編譯器

前言 吃了前菜、主餐,沒有飯後甜點怎麼可以呢!你不知道 Combo 套餐系列最後一道,以一杯 Mojito 解釋 JavaScript 到底是 Compiled...

鐵人賽 自我挑戰組 DAY 23

技術 【Day23】我變我變我變變變:如何改變HTML元素的樣式

「DOM API定義了JavaScript存取、改變HTML架構、內容、樣式的方法,甚至對節點綁定的事件。」 前面幾篇提到了JavaScript改變HTML架...

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

技術 【Day23】參數

參數 首先我們先看一個範例 function fn(para){ console.log(para, arguments); }; fn('weiwe...

鐵人賽 Software Development DAY 8

技術 【在廚房想30天的演算法】Day 08 資料結構:堆疊 Stack

Aloha~!我是少女人妻 Uerica!有天地方角頭米飯,蒸籠幫的包子、饅頭、肉粽起了爭執,米飯米口眾多出手又兇狠,很快打得包子饅頭滿地找牙,害怕的肉粽被逼到...

鐵人賽 自我挑戰組 DAY 8

技術 [ Day 8 ] - 迴圈

迴圈 想要重複做一件事,會依據條件而有不同的執行次數 for 迴圈 寫法如下 for (let i = 0; i < 5; i++){ conso...