iT邦幫忙

javascript相關文章
共有 5653 則文章
鐵人賽 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...

鐵人賽 自我挑戰組 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 的語法和基本功能,包括宣告變數、資料型別、條件陳述式,接下來就繼續來了解迴圈、函式、物件、陣列的觀念和用法。 流...