iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 自我挑戰組 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...

鐵人賽 Modern Web DAY 7

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

看了好幾天的 Next.js 介紹,是不是想要開始做個小專案,試試 Next.js 呢?我今天做了小小 project 使用 Next.js 的各種 data...

鐵人賽 Software Development DAY 23

技術 從 JavaScript 角度學 Python(23) - Class

前言 接下來算是小聊一下 Python 的 Class 語法而已,算是稍微休息一下,所以這邊簡單聊就好。 物件導向 Python 本身就是一個物件導向語言(Ob...

鐵人賽 自我挑戰組 DAY 7

技術 【Day 07】Sorting:Insertion Sort 插入排序法 ( 用 JavaScript 學演算法 )

插入排序法是將陣列中未排序的元素,逐一與排序好的資料作比較。它的時間複雜度是 (O(n^2))。 一、步驟觀察 標記第一個元素作為已排序的部分 遍歷未排...

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

技術 很像JavaScript 的 JSON

JSON 今天來聊聊JSON JSON (JavaScript Object Notation),JavaScript 物件表示法,是一種輕量級資料交換格式,其...

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

技術 JavaScript Day07 - 陣列

陣列(array) 參考此篇:Day10 - 陣列 陣列使用 [ ] 來包含內容 陣列的數量使用 .length 來查詢,改變 .length 的值(正整數...

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

技術 【Day22】立即函式(IIFE)

立即函式特點: 立即執行 無法在函式外再次執行 接著我們來看立即函式的語法 (function() { console.log('立即函式'); }...

鐵人賽 自我挑戰組 DAY 7
學習NodeJS的30天 系列 第 7

技術 Day7 JS-Callback

在進入下一個NodeJS部份前想先講一下Callback(回呼),這個概念不會佔太大的篇幅,所以這篇可能會有點短... Callback 回呼是指將某個函式(A...

鐵人賽 Modern Web DAY 15

技術 Chapter3 今天來學習畫一棵樹(I)學學人家DOM 自己用遞迴做一個樹狀圖結構

你是說...樹嗎? 嘿~丟!鐵人賽至今已經過半,實在是油盡燈枯,想不到主題了,剛好看到這兩個很讚的樹,覺得很適合這次的主題!加上筆者我又對大自然的碎形相當著迷,...

鐵人賽 自我挑戰組 DAY 7

技術 [ Day 7 ] - 判斷與流程控制

判斷與流程控制 if 判斷式 以白話文來說,就是『當符合某一個條件,就做某一件事』 語法範例: if( 條件式 ) { 條件式成立時執行的內容 } 以...