iT邦幫忙

javascript相關文章
共有 5782 則文章
鐵人賽 Modern Web DAY 13
我的JavaScript日常 系列 第 13

技術 JavaScript Day 13. forEach()

為什麼必須知道怎麼使用陣列方法呢?舉例來說,我們拿到一筆資料長這個樣子: let data = [5,8,9,10,20,50]; 然後我們必須把這裡的資料都...

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

技術 用 watch 搭配服用 immutable

在 《Clean Architecture》裡第 6 章介紹 functional programming ,有提到一個很重要的觀念 - 不可變動性 (immu...

鐵人賽 Software Development DAY 7

技術 Day 07 - Transduce I

從一個簡單的問題開始 假設我們目前有一組長度為一百萬的陣列,需要將陣列內的每個數值乘三並且只保留偶數,那我們會如何實作這簡單的問題? 根據上面的問題,我們在實作...

鐵人賽 自我挑戰組 DAY 22

技術 【Day22】在網頁中插入HTML標籤的實務做法

tags: JavaScript 在網頁中插入HTML標籤的實務做法 前一篇介紹了在網頁中利用DOM API改變HTML架構與內容的方法。 要在HTML中插入...

鐵人賽 Modern Web DAY 7

技術 Day 7— 自動化回信機(4) 勾選後寄出通知信

我們已經順利的將 onEdit(e) 以及 MailApp.sendMail(message) 學完了,那麼下一步當然就是把它結合起來囉! 結合的概念非常簡單,...

鐵人賽 Modern Web DAY 25

技術 Day 25【Deploy NFT - Layers Blending & MetaData】Read the License

【前言】最後這個 Deploy NFT 才是真正真正真正的大魔王,比我想像中還要難超級多,難到我現在都不知道前言要打什麼了。只能放上一些梗圖娛樂自己… 【De...

鐵人賽 Software Development DAY 22

技術 從 JavaScript 角度學 Python(22) - GitHub API

前言 前面我們已經學習了不少的 Python 新知識,所以也差不多該到了實作一下前面的知識點,這樣子才能夠確實的吸收觀念。 作業需求 那麼這一章節到底要實作什麼...

鐵人賽 自我挑戰組 DAY 6

技術 【Day 06】LeetCode:Two Sum ( 用 JavaScript 學演算法 )

我們繼續透過 LeetCode #1 Two Sum 來實際感受解決問題的過程 ( 題目連結 ) 一、理解題目 輸入:一個 nums[] 和 target 找...

鐵人賽 Modern Web DAY 6

技術 Day05:Set Chat Page(設定聊天頁) II

全文同步於個人 Docusaurus Blog 在本章中,要達成兩個目標: 使用 JS 來動態 render HTML 頁面,產生一個小的對話框 當...

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

技術 Day 21 - Geolocation based Speedometer and Compass

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

鐵人賽 Modern Web DAY 6

技術 #06 No-code 之旅 — 用 Next.js 解決前後端?API Routes 簡介

連假最後一天!分享了一些關於 Next.js 這個框架,雖然他是 React 的框架,可是你們知道嗎?Next.js 也可以同時實作後端喔!沒錯,前後端全包~...

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

技術 #7 JavaScript Modules

今天來介紹 JavaScript 的模組 esm 系統及 commonjs 系統。 什麼是模組 當我們的程式越寫越複雜時,不再適合把幾千行的程式碼全部放在同一個...

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

技術 JavaScript Day06 - 流程判斷

if else 與 else if 參考 Day06 - 變數(03) - BMI、Day11 - 流程控制與判斷 () 內的條件就是搭配前一天的比較與邏...

鐵人賽 Software Development DAY 6

技術 Day 06 - Lenses (Basic)

yo, what's up 今天要在 FP 裡很有用的概念 Lenses, 它可以減少在處理資料結構邏輯時的複雜度,並且可以寫出更容易閱讀以及更乾淨的程式。 從...

鐵人賽 自我挑戰組 DAY 6
學習NodeJS的30天 系列 第 6

技術 Day6 JS-Object與Inheritance

今天要來看一下在JavaScript中的Inheritance(繼承)概念。繼承的概念在需要重複建立具備特定的屬性或方法的物件時,免除物件和屬性的重複宣告,Da...

鐵人賽 Modern Web DAY 12

技術 DAY12-JavaScript(二)

前言: 昨天我們介紹了JavaScript幾個最基本的用法,今天我打算來介紹JavaScript是如何跟網頁做互動的!這裡阿森來講一下JavaScript在操...

鐵人賽 Modern Web DAY 11

技術 DAY11-JavaScript(一)

前言: 前面我們介紹了很多html, css, php和mysql相關的內容了!今天我們要繼續來介紹JavaScript!這個JavaSript呢可以說是目前...

鐵人賽 Modern Web DAY 6

技術 D3JsDay06這包什麼餡,原來是折線—繪製折線圖

這次相比長條圖使用多一點的資料,陣列如下並且一樣先宣告svg變數繪製一個寬800高450的畫布 const ary = [130,45,239,20,30,24...

鐵人賽 Modern Web DAY 7

技術 第7車廂-討厭~叫人家開要幹嘛?觸發check事件應用篇

本篇延續第六篇按鈕開關樣板,來觸發之後的行為 昨天做了一個開關,那要怎麼透過科好的按鈕,來判斷之後要做的行為呢?並以原生js來判斷,平常都是用jq寫...都...

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

技術 D6 - 你不知道 Combo : 主菜 Scope 字彙環境

前言 前一章解釋 Hoising 時說到,JavaScript 一開始會先記下變數名稱 和 Function Declaraion,因此可以做到提前呼叫 fun...

鐵人賽 Modern Web DAY 26

技術 #26 JS: HTML DOM Events - Part 4(Start Over Version)

After understanding the basic HTML DOM Event concept in the last article, now we...

鐵人賽 Modern Web DAY 12

技術 不只懂 Vue 語法:如何用 event bus 或 mitt 實現跨元件傳遞資料?

問題回答 所謂跨元件,即是兩個元件並無父子關係,並沒有被對方包著。如果要互相傳遞資料,可以使用 mitt(在 Vue 2 是 event bus)、Vuex 或...

鐵人賽 Modern Web DAY 23

技術 #23 JS: HTML DOM Events - Part 1

What is the Event? “HTML DOM events allow JavaScript to register different event...

鐵人賽 Modern Web DAY 6

技術 Day 6— 自動化回信機(3) 寄出信件功能

昨天我們終於把取得試算表內資訊的任務搞定了!接下來就是打勾之後,我們把信件寄出這個任務了! 首先,按照慣例我們來看一下 Docs 的部分,了解一下怎麼把信寄出:...

鐵人賽 Software Development DAY 21

技術 從 JavaScript 角度學 Python(21) - Requests

前言 在 JavaScript 中 AJAX 是一個非常重要的基礎功,畢竟現在很流行前後端分離,因此這一篇也想聊聊關於 Python 的部分,Python 可以...

鐵人賽 Software Development DAY 10

技術 【Day10】[資料結構]-雜湊表Hash Table-實作

雜湊表(Hash Table)建立的方法 hash: 雜湊函式 add: 新增資料 search: 搜尋資料 remove: 刪除資料 本實作使用...

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

技術 深入淺出 Computed

Vue.js 的自我介紹中,只有說自己接近 MVVM 但不是嚴格的 MVVM。 我覺得只要會「自動更新畫面」就算是有 MVVM 的效果至於有沒有達到 MVVM...

鐵人賽 自我挑戰組 DAY 6

技術 [ Day 6] - 陣列與物件的混合使用

陣列與物件混合使用 陣列與物件的混合使用範例 直接以範例說明,需要設計的範例資料上有兩間店,分別有各自販售的品項,以及地址資料資料集的設計以以下的方式呈現: l...

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

技術 JavaScript Day05 - 比較與邏輯判斷運算子

比較運算子 >、<、>=、<=:分別為「大於」、「小於」、「大於等於」、「小於等於」的意思 ==、!=:分別為「等於」、「不等於」...