iT邦幫忙

javascript相關文章
共有 5782 則文章
鐵人賽 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( 條件式 ) { 條件式成立時執行的內容 } 以...

鐵人賽 自我挑戰組 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 10

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

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

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

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

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

鐵人賽 Modern Web DAY 7

技術 D3JsDay07不懂資料格式,那就會我們曾相識,只是不合適—檔案格式介紹

格式介紹 通常你的資料會是檔案、API接口或是一個連結作為D3輸入的資料,這邊就以下常見的資料格式簡單介紹一下 CSV逗號分隔值(Comma-Separated...

鐵人賽 Modern Web DAY 7

技術 Day06:Forward Message To Server(轉發訊息到 Server 端)

全文同步於個人 Docusaurus Blog 前一章印出使用者名稱和訊息內容後,接下來要嘗試將其透過 socket.io 轉發給 server。 修正使用...

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

技術 D7 - 你不知道Combo: 第二主菜 Execution Context

前言 JavaScript 可以隨時隨地呼叫函式,像 function A 呼叫了 function B,執行完 function B 又回到 function...

鐵人賽 Modern Web DAY 8

技術 入門魔法 - 陣列

前情提要 經過上一回的測驗,我發現了自己不是天選之人。 「哪尼,為什麼我不是天選之人,我不是有魔力嗎?而且還有引導學姊妳呀!」 艾草:「哎唷,現在為了擴大培養魔...

鐵人賽 Modern Web DAY 13

達標好文 技術 不只懂 Vue 語法:如何透過路由實現跨頁面傳遞資料?

問題回答 在跳轉頁面時,可以透過路由物件裏 params 或 query 來傳遞資料,也可以使用各種不同模式的 Route props 來傳遞資料。前者需要依賴...

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

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

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