iT邦幫忙

javascript相關文章
共有 5171 則文章
鐵人賽 Software Development DAY 8

技術 Day 08 : Longest Mountain in Array

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

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 10

技術 [Day 10 - JS] 初探 Javascript 基本功能 — 函式、迴圈 / 陣列、物件

在前一篇,我們提到了一些 Javascript 的語法和基本功能,包括宣告變數、資料型別、條件陳述式,接下來就繼續來了解迴圈、函式、物件、陣列的觀念和用法。 流...

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

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

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

鐵人賽 Modern Web DAY 11

技術 DAY11-JavaScript(一)

前言: 前面我們介紹了很多html, css, php和mysql相關的內容了!今天我們要繼續來介紹JavaScript!這個JavaSript呢可以說是目前...

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 9

技術 入門魔法 - 物件

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

鐵人賽 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...

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

技術 JavaScript Day 14. 靈活運用 reduce()

前幾篇一個陰錯陽差發現了 reduce,不小心產生了好感(?),於是很興奮的說要之後再找時間介紹,寫完 forEach 後突然就決定不然就介紹一下 reduce...

鐵人賽 自我挑戰組 DAY 23

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

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

鐵人賽 Modern Web DAY 23
33歲轉職者的前端筆記 系列 第 23

技術 33歲轉職者的前端筆記-DAY 23 JavaScript 變數與型別

Nan => Not a Number,要判斷是不是NaN要用:isNaN(); 注意自動轉型,可以先利用 typeof 判斷型別 如果是數值運...

鐵人賽 Modern Web DAY 23

技術 #23 JS: HTML DOM Events - Part 1

What is the Event? “HTML DOM events allow JavaScript to register different event...

鐵人賽 Software Development DAY 8

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

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

鐵人賽 Software Development DAY 22

技術 從 JavaScript 角度學 Python(22) - GitHub API

前言 前面我們已經學習了不少的 Python 新知識,所以也差不多該到了實作一下前面的知識點,這樣子才能夠確實的吸收觀念。 作業需求 那麼這一章節到底要實作什麼...

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 15

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

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

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

技術 很像JavaScript 的 JSON

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

鐵人賽 自我挑戰組 DAY 7

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

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

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

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

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

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

技術 JavaScript Day07 - 陣列

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

鐵人賽 Modern Web DAY 7

技術 那些被忽略但很好用的 Web API / ImageCapture

疫情時代,視訊串流當頭,用視訊鏡頭來做個線上攝影吧! 自從疫情爆發後,各行各業也開始進行居家辦公,使得視訊軟體及相關技術開始受重視,身為前端,我們也可以拿視...

鐵人賽 Modern Web DAY 10

技術 Day 10 - JavaScript(1) : 變數與資料類型

前言 今天先介紹一下JavaScript的一些背景, 再說一下JavaScript的變數與資料類型。 JavaScript是一種Programming lang...

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

技術 Day7 JS-Callback

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

鐵人賽 Modern Web DAY 7

技術 第7車廂-討厭~叫人家開要幹嘛?觸發check事件應用篇

本篇延續第六篇按鈕開關樣板,來觸發之後的行為 昨天做了一個開關,那要怎麼透過科好的按鈕,來判斷之後要做的行為呢?並以原生js來判斷,平常都是用jq寫...都...

鐵人賽 自我挑戰組 DAY 7

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

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

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

技術 Day 22 - Follow Along Links

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

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

技術 #8 Web Crawler 1

今天終於要開始寫點有用的東西了:網路爬蟲。這次我們就來爬鐵人賽的文章吧。 設定希望的資料結構 在做爬蟲的第一個步驟是要先設定我們想要得到的資料的結構,這很大程度...

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

技術 Day.13 「初步學習 Javascript 基礎篇」 —— Javascript 宣告變數 與 基本型別

前面已經大略介紹了 HTML 和 CSS 的入門知識了,接著我們要來認識 Javascript,來為我們的網頁添加更多邏輯互動。 怎麼宣告變數? Javasc...