iT邦幫忙

javascript相關文章
共有 5783 則文章
鐵人賽 Modern Web DAY 1

技術 Day 1 — GAS 能聞嗎?

引言 大家好,我是 CXPhoenix ,你可以叫我 Phoenix,或是鳳黃酥,平時都是在學校服務廣大莘(ㄧㄠ)莘(ㄇㄛˊ)學(ㄍㄨㄟˇ)子(ㄍㄨㄞˋ)了解資...

鐵人賽 自我挑戰組 DAY 4

技術 undefined 、 undeclared 、 null 的區別

這幾天忙著北上,今天分享比較簡單的內容,關於「undefined 、 undeclared 、 null 三者的區別」 先比較 undefined 、 unde...

鐵人賽 Software Development DAY 4

技術 Day 04 - Function Composition

yo, what's up 今天就來談談 Functional Programming 的核心,Compose. 有了這個概念後,就可以把多個功能單一的函式組合...

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

技術 JavaScript Day01 - 說明

前言 這次主要是更新我之前的筆記,那時候剛學習 JavaScript,對於一些結果可能不是很懂,剛好這次 JS 的課程也有一個新版本,所以趁這個機會更新,加入我...

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

技術 【Day17】物件結構與存取

物件宣告 物件內容為一個屬性 (property)對應一個值 (value), 如果要在後方添加新的屬性和值時,可用逗號(,)隔開, 物件有兩種方式可以宣告,分...

鐵人賽 Modern Web DAY 1

技術 React.js 職場實戰!最常見的需求與解法! — 前言

哈囉!我是 Harry,這次想和大家分享的是前端工程師的「工作日常」,我們可能會接到什麼需求,又該如何完成需求,這些都是工程師再熟悉不過的日常生活。 如果你想...

鐵人賽 Modern Web DAY 9

技術 Chapter2 - Canvas動畫(III)讓我們跳過微積分 用輕鬆的方式畫落葉吧

接下來終於要談談,讓我們更輕鬆的物件了 其實網路上有很多相關的文章,都可以帶你更深入JS時,但常常問題在於,他們的舉例都不夠實際,並不是說不好,而是「需求的問題...

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

技術 #3 JavaScript Crash Course 2

今天教 Promise Async / Await。 Promise Promise 這個東西跟時間有點關係。 簡單來說就是你先當下可能沒有東西,所以先給個承諾...

鐵人賽 Modern Web DAY 1

技術 D3JsDay01 資料視覺化 圖表說說話—介紹篇

簡介 本系列內容將會提及D3Js和資料相關內容的知識,主題訂定為資料駕馭網頁,其實一部分原因來自D3Js原始英文來自於Data-Driven Documents...

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

技術 捨棄偽雙向綁定 v-model

每個人的學習方法各有差異。這只是我的選擇。 Why v-model 在 S3E5 | Vue.js作者尤雨溪: 框架设计就是不断地舍取 上,游雨溪有提到在製...

鐵人賽 Modern Web DAY 7

技術 不只懂 Vue 語法:什麼是 Virtual DOM?Vue 如何利用 Virtual DOM?

問題回答 當我們更新資料和渲染畫面時會頻繁地新增和刪除 DOM 元素,造成效能問題。因此,不論是 Vue 或 React 都有使用 Virtual DOM 來避...

鐵人賽 Modern Web DAY 2

技術 Day01:Build Page(建立頁面)

全文同步於個人 Docusaurus Blog Public(靜態資料,存放 Client 端資料) 建立靜態頁面,並將頁面和 terminal 之間建立...

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

技術 #2 JavaScript Crash Course 1

今天來教教 JavaScript 的基礎語法:註解、變數、常數、迴圈、條件、函式 以及 運算。目的是希望至少能讓你看得懂程式在做什麼,所以教學會較為簡略。 準備...

鐵人賽 Software Development DAY 2

技術 Day 02 : Fibonacci 斐波那契

相信大家對Fibonacci這個名稱應該都不陌生就直接來看題目的定義吧! Given n, calculate F(n). F(0) = 0, F(1) = 1...

鐵人賽 Modern Web DAY 1

技術 Day00:Setting up Environment(環境設定)

全文同步於個人 Docusaurus Blog Foreword 過往前後端溝通,需要仰賴 client 端發起請求,譬如 GET or POST,但這對...

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

技術 JavaScript Day 7. 淺談 Function

自己常常在寫程式的時候,因為習慣一種寫法就很自然寫下去,不太會去思考為什麼要這樣用,就像每天早上都會去上課,所以上課是理所當然的,而忽略掉我們為什麼要上課;因此...

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

技術 這是一趟把 Vue 從需求、觀念到功能貫串起來的旅程

其實去年就想這一系列,但是就怕寫完變成別人的線上課程,所以沒有寫 (想太多了)想了一年之後,還是覺得不要留什麼招在自己的內心,這樣才是對自己有信心的表現因為工...

鐵人賽 Software Development DAY 16

技術 從 JavaScript 角度學 Python(16) - pip

前言 前面章節我們學習了許多 Python 的基礎語法,所以接下來我想額外介紹 pip,pip 在實際開發上來講也很常使用到。 pip3 有些人是 pip o...

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

技術 Day 16 - CSS Text Shadow Mouse Move Effect

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

鐵人賽 自我挑戰組 DAY 16

技術 【Day16】箭頭函式

一般我們見到的函式長成這個樣子: var fight = function(nameA, nameB) { return nameA + '打敗' + na...

鐵人賽 自我挑戰組 DAY 1

技術 Day00 前言與目錄

每天整理一個程式知識點,讓自己建立筆記習慣。 本業緣故內容以前端為主,但只要跟網路程式數位相關的都可能放進來,基本上是自己碰到的知識點就做個紀錄內容記錄可能會比...

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