iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 自我挑戰組 DAY 6

技術 作用域 Scope、作用域鏈 Scope Chain

在初學階段,還蠻常碰到明明定義好的變數卻回報 error,可能是因為對 Scope 的觀念沒有理解。 什麼是 Scope ? 我習慣稱 Scope 為作用域,有...

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

技術 #5 JavaScript in Browser

今天寫一些瀏覽器跟 DOM 的東西。 DOM 全名是 Document Object Model,是一個用於存取網頁文件的介面,本身不是 JavaScript...

鐵人賽 Modern Web DAY 9

技術 不只懂 Vue 語法:為何元件裏的 data 必須是函式?建立 data 時能否使用箭頭函式?

問題回答 元件裏的 data 必須是函式是為了確保元件裏的資料不會被別的元件資料所污染。如果 data 是物件,因為 JavaScript 的物件是傳址,一旦有...

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

技術 #4 Array & Object in JavaScript

因為感覺在操作上還蠻常用到 array 及 object 的各種方法,所以這篇就來說說 JavaScript 中 array 與 object 的各常用方法,以...

鐵人賽 Software Development DAY 4

技術 Day 04 : 找不出的零錢 Non-constructible Change

先來看一下題目 Given an array of positive integers (representing coins), find the small...

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

技術 JavaScript Day 9. if、else if、if包if

if 當條件成立的時候會執行 if 陳述式裡的程式,而不成立時則執行另外一個陳述式。if 單從字面上來看,他有「如果」的意思,以 JavaScript 來說,在...

鐵人賽 Modern Web DAY 7

技術 入門魔法 - 流程判斷 if else if

前情提要 艾草:「好啦,還是有其他條件可以判斷你能不能成為大魔導師的!」 「哪尼~這麼好康的事不會早點說唷!快告訴我 ƪ(˘⌣˘)ʃ 」 艾草:「如果你是天選之...

鐵人賽 Modern Web DAY 6

技術 入門魔法 - 運算子的優先性與相依性

前情提要 艾草:「你的炫酷魔法的定義是什麼呀?」 「就是那種一施放後大家看到都會愛上我,覺得我好棒的魔法。」 艾草:「 不需要那種魔法,你就很棒囉! 」「......

鐵人賽 Modern Web DAY 11

技術 Chapter2 - 用物件看真實世界(II)仍然對物件感到疑惑嗎?用你最愛點的豚骨拉麵做比喻

本文是第二篇,有些變數的名詞會沿用第一篇,建議看過再繼續閱讀唷! 談論更深入一層前,先讓我們複習一下 上回提到,我們用物件的形式儲存了落葉的變數和函式,認識...

鐵人賽 Modern Web DAY 5

技術 入門魔法 - 變數宣告 let、const、var

前情提要 「我想確認一下,入門魔法都是加 100 魔力總量嗎?」 艾草:「對唷!之後有中階魔法加比較多。」 「那如果想放炫酷的魔法,大概要多少魔力總量呀?」...

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

技術 pure function

functional programming (後面簡稱 FP,不是 FB) 這兩個特性,很重要,我們就依這兩個特性,將 pure function 的定義,...

鐵人賽 自我挑戰組 DAY 18

技術 【Day18】瀏覽器物件模型--BOM

我們學習前端語言就是為了跟瀏覽器溝通,讓網頁可以渲染出想要的效果,創造使用者互動的良好體驗。所以要跟瀏覽器溝通必須要熟悉HTML、CSS與JavaScript...

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

技術 【Day19】傳值和傳址(傳參考)

傳值(Call by value) 在 JavaScript 中,只有原始型別為傳值(Call by value) 範例: var a = 100; var b...

鐵人賽 Modern Web DAY 4

技術 入門魔法 - 變數與值

前情提要 艾草:「好了,現在我們可以開始入門魔法課程 JavaScript 變數與值的教學囉!」 「耶~總算要開始了嗎!來吧!」 艾草:「萬事起頭難,離你成為大...

鐵人賽 Software Development DAY 18

技術 從 JavaScript 角度學 Python(18) - 檔案處理

前言 接下來將會聊聊如何使用 Python 做到一些檔案處理的部分,例如:新增檔案、寫入資料到特定檔案內等方式。 檔案處理(File Handling) Pyt...

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

技術 【Day18】物件與純值

在昨天的文章有提到物件可以使用 . 來新增屬性,以下使用各種型別來新增屬性 物件 物件新增屬性 const family = {}; family.name =...

鐵人賽 Modern Web DAY 2

技術 #02 No-code 之旅 — Next.js 簡介

大家星期五快樂!TGIF~ 今天想跟大家分享 Next.js 這個 React 框架 (官網寫 "The React Framework for Pr...

鐵人賽 自我挑戰組 DAY 5

技術 JS 題:將變數宣告在全域環境是否為好習慣?

今天分享一個對經典 JS 面試題的探討。 原本完整的問題:Why is it, in general, a good idea to leave the glo...

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

技術 JavaScript Day02 - 變數(1)

變數(variable) Day04 - 變數(01):主要介紹變數的基本定義以及 var 的用法 常見的資料型別 字串(string) 數字(number)...

鐵人賽 自我挑戰組 DAY 2

技術 [ Day 2 ] - 變數與型別(二)

變數與型別(二) 變數 簡單回顧一下,變數的宣告方式 let catNum = 3; 用比較口語的方式說明意思是就宣告一個變數名稱為 catNum ,賦予資...

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

技術 D3 - 今天點個 String Methods 套餐

前言 今天來講講 String Methods,你知道其實除了length 以外,String 還內建了很多好用的方法!依照方法使用的情境分為以下幾大類: 查...

鐵人賽 Modern Web DAY 10

技術 Chapter2 - 用物件看真實世界(I)寫程式為什麼需要物件?如何簡化畫落葉的流程?

物件是什麼?為什麼需要它呢? 讓我們接續上回 完成昨天的演示後,也許有人會覺得,處理落葉動畫的流程很簡單,就是「讓落葉自然落下」然後「在畫布上繪製落葉」兩步驟而...

鐵人賽 Modern Web DAY 2

技術 React.js 職場實戰!圖片 Lazy Loading

一天的開始 你是新創公司 Imager 底下的前端工程師,Imager 提供的服務非常簡單,就是能在網頁瀏覽各式各樣的圖片,網頁已經上線並正常的運作中,我們來...

鐵人賽 Modern Web DAY 18

技術 Day 18【Opensea.js】我的這把刀可是塗滿了毒藥的毒刃

【前言】除了從 web3.js 來取得 ERC-721 的 Token's Ownership,我就想既然都已經在 Opensea 上架商品的話,就直接使用...

鐵人賽 Modern Web DAY 17

技術 Day 17【ethers.js】ETHER. ETHER EVERYWHERE.

【前言】這兩天來記錄 ethers.js 我覺得蠻重要的一些學習筆記,今天主要聚焦在一些常見名詞,還有連動的基本設定。省略了大部分的東西因為篇幅還有時間有限!...

鐵人賽 Modern Web DAY 2

技術 D3JsDay02 學學D3JS 技能提高SSS—為什麼D3

圖片來源:unsplash 關於資料視覺化的工具一般使用者最先接觸的可能是Microsoft Excel工具,後來在程式語言當中常見的是Python Ma...

鐵人賽 Software Development DAY 6

技術 【Day6】[資料結構]-堆疊Stack-實作

堆疊(Stack)建立的方法 push: 新增元素 pop: 從頂端移除元素 peek: 查看頂端(top)元素 size: 查看此堆疊的元素量...

鐵人賽 Software Development DAY 2

技術 【在廚房想30天的演算法】Day 02 想著想著想到一個 Big O

Aloha!又是我少女人妻Uerica!第二天了,真是令人興奮,因為後面要怎麼寫我都還沒想好啊~哈哈哈哈!昨晚躺在床上想了一夜都睡不著,一直在想...明天要吃什...

鐵人賽 Modern Web DAY 8

技術 不只懂 Vue 語法:請說明 style 裏的 scoped、deep selector 的作用?

問題回答 scoped 屬性的作用是避免父元件的 CSS 樣式會污染到子元件的 CSS 樣式。Deep selector 的作用是相反,即使在父元件設定了 sc...

鐵人賽 Modern Web DAY 3

技術 入門魔法 - JavaScript 是什麼?

前情提要 「我有問題!」 艾草:「來,請說。」 「JavaScript 到底是什麼?」 艾草:「就程式語言啊!」 「... ? 這不是在說廢話嗎?」 艾草:「好...