iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 自我挑戰組 DAY 16
JavaScript 核心觀念 系列 第 16

技術 【Day16】邏輯運算子及函式預設值

邏輯運算子 &&(and) 使用方式: expr1 && expr2 說明:主要用來驗證兩個值是否皆為真值(Truthy),...

鐵人賽 自我挑戰組 DAY 3

技術 同步、非同步事件控制

這篇要延伸上一篇提到的單執行緒 ( single thread ),來講同步 synchronous 與非同步 asynchronous。面試還蠻常被問到「請你...

鐵人賽 Modern Web DAY 8

技術 Chapter2 - Canvas動畫(II)用國中數學拆解Ease-out和Ease-in

如何計算每一偵的位移 首先我們改寫一下昨天的格式,還記得昨天我們用到的是這樣的寫法: cursorX+= distanceX / period; cursorY...

鐵人賽 Software Development DAY 4

技術 【Day4】[資料結構]-鏈結串列Linked List-實作

鏈結串列(Linked List)建立的方法 append: 在尾部新增節點 insertAt: 在特定位置插入節點 removeAt: 刪除特定位置節...

鐵人賽 Modern Web DAY 18

技術 #18 JS: Intro to function

What is function? Simple explanation: when you find out that you’re repeating c...

鐵人賽 Modern Web DAY 17

技術 #17 JS: loop - Part 2

To fully understand how loop works, I try to break down the loop and practice li...

鐵人賽 Modern Web DAY 6

技術 不只懂 Vue 語法:Vue 3 如何使用 Proxy 實現響應式(Reactivity)?

問題回答 Vue 3 會為 data 建立一個 Proxy 物件,並在裏面建立 getter 和 setter 來取值和更新值,藉此實現響應式。因此不用直接操作...

鐵人賽 Modern Web DAY 2

技術 新增裝備 - VSCode 套件介紹

前情提要 身後傳來了聲音:「哈囉,我叫艾草,是你的入門引導學姊。」 我回頭一看卻沒看到人。 「這裡!這裡!」她繼續說著。 我仔細瞧著聲音的來源,是一隻鳥,羽毛是...

鐵人賽 Software Development DAY 15

技術 從 JavaScript 角度學 Python(15) - 模組 (Module)

前言 接下來聊聊 Python 中的模組 (Module) ,畢竟 JavaScript 也有所謂的模組觀念, 模組 (Module) 如果你有使用過 Webp...

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

技術 【Day15】寬鬆相等、嚴格相等以及隱含轉型

寬鬆相等( == ) 會進行型別轉換後,再對值進行比較 嚴格相等( === ) 會比較型別和值是否相同,因此不會有型別轉換發生 範例: 字串、布林會被轉型為數值...

鐵人賽 自我挑戰組 DAY 15

技術 【Day15】公園跟你家院子—全域變數與區域變數的區別

JavaScript的變數依使用的切分範圍(作用域)可以分為兩種: 區域變數 全域變數 前面提到透過var宣告的變數,最小的切分範圍為function,在...

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

技術 Day 15 - LocalStorage and Event Delegation

題外話 不知不覺鐵人賽也到一半了呢! 開學後,能寫文章的時間就漸漸變少(期初各種專題、報告就紛紛露頭啦),或許文章的品質有因為趕稿略微下降不少吧XD。 這次的鐵...

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

技術 #1 JavaScript Easy Go!

JavaScript 是一個容易上手、運用靈活、開發快速的語言。這個系列文會教你從零基礎到實作不同類型的 JavaScript 應用。 系列文綱要 這是預計要寫...

鐵人賽 自我挑戰組 DAY 1

技術 [ Day 1 ] - 變數與型別

變數與型別 變數是什麼呢? 把他想成是一個容器,容器可以存放需要的資訊,這一個資訊可以是一段文字、一個數字等。 變數的命名規則 開頭字元必須是英文大小寫字元...

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

技術 JavaScript Day 6. let or const or var

let 與 var var - 函式作用域 let、const- 區塊作用域 JavaScript 宣告變數的方式有三種:var、let、const。l...

鐵人賽 Modern Web DAY 1

技術 JavaScript 魔法入門 - 前言

前情提要 那天窗外微微透點薄光,聽到門外傳來了些許奇妙的聲響,走到門外看到地板上掉落一張紙。拿起了那張紙:「是誰一大早亂丟垃圾?(╬☉д⊙)」 拿去垃圾桶的途中...

鐵人賽 自我挑戰組 DAY 2

技術 執行環境 Execution Context、宣告提升 Hoisting

早期的 JavaScript 變數只能用 var 宣告,後來 ES6 新增 let 、 const 。這篇不會細講三個宣告方式的差異,網路上很多大神已經解釋得很...

鐵人賽 Modern Web DAY 11

技術 [Day 11 - JS] 互動吧網頁 — Javascipt的DOM 操作 / 事件

在前一篇,我們介紹完 Javascript 的語法和基本功能,包括宣告變數、條件陳述式、函式、物件陣列 ... 等等,接下來就來了解如何透過 Javascipt...

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 16

技術 #16 JS: loop - Part 1

while statement If the statement is true, the code inside of {} would be execute...

鐵人賽 Modern Web DAY 5

技術 不只懂 Vue 語法: 在 Vue 2 為何無法直接修改物件型別資料裏的值?

問題回答 在 Vue 2,我們需要使用 .set() 等 Vue 語法來修改在 data 裏的物件或陣列資料裏的值。這是因為 Vue 2 是使用 Object....

鐵人賽 Software Development DAY 14

技術 從 JavaScript 角度學 Python(14) - BMI 計算(2)

前言 前面章節也算是已經告一個段落了,所以接下來一樣來簡單實作一下前面的小知識點。 BMI 章節回顧 在第六天的結尾處我們有寫了一段簡單的 BMI 計算功能:...

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

技術 【Day14】優先性及相依性

優先性(Precedence) 決定運算子彼此之間被語法解析的方式,優先序較高的運算子會成為優先序較地運算子的運算元 相依性(Associativity...

鐵人賽 自我挑戰組 DAY 14

技術 【Day14】變數的地盤—作用域(scoop)與提升(Hoisting)

作用域(scoop)簡單來說,就是變數的地盤,在地盤內,變數都有作用,出了地盤,變數就undefined了。 舉個不倫不類的例子,丐幫的幫主洪七公武功再強也沒有...

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

技術 Day 14 - Object and Arrays - Reference VS Copy

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

鐵人賽 Mobile Development DAY 13

技術 Epic Games 跟 Apple 的訴訟對小開發商有什麼影響?

前天 Epic 跟 Apple 的訴訟第一次出結果,Apple 被判要在 90 天內開始允許所有 App 使用第三方付費,Epic 被判要賠之前偷用第三方付費之...

鐵人賽 Software Development DAY 13

技術 從 JavaScript 角度學 Python(13) - 輸出入資料

前言 接下來講一點比較互動性質的東西,其實也是為了下一個章節鋪陳,不然我真的快沒梗了 QQ 輸入資料 首先先聊聊 JavaScript 是如何互動這部分,通常如...

鐵人賽 Software Development DAY 3

技術 Day 03 - Curry

yo, what's up? 今天要來介紹 Functional Programming 重要的概念,Curry. Curry 的功用? 我們先來看一個簡單的函...

鐵人賽 Modern Web DAY 4

技術 不只懂 Vue 語法:請說明 Vue CLI 的目錄架構?

問題回答 開發時主要在 src 資料夾進行開發,最後打包輸出時是 dist 資料夾。在 src 裏,一定會用到 assets, components, view...

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

技術 JavaScript Day 5. 型別辨識 typeof

偶爾程式也會碰到需要辨別變數的狀態,有時候是用於防止使用者輸入奇怪的文字,有時候是幫助自己確認變數的型別,使程式能順利執行,而 typeof 在使用方面也非常的...