iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 自我挑戰組 DAY 22
JS30 學習日記 系列 第 22

技術 Day 22 - Follow Along Links

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

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

技術 #8 Web Crawler 1

今天終於要開始寫點有用的東西了:網路爬蟲。這次我們就來爬鐵人賽的文章吧。 設定希望的資料結構 在做爬蟲的第一個步驟是要先設定我們想要得到的資料的結構,這很大程度...

鐵人賽 Modern Web DAY 10

技術 Day 10 - JavaScript(1) : 變數與資料類型

前言 今天先介紹一下JavaScript的一些背景, 再說一下JavaScript的變數與資料類型。 JavaScript是一種Programming lang...

鐵人賽 Modern Web DAY 13
入門前端技能之旅 系列 第 13

技術 Day.13 「初步學習 Javascript 基礎篇」 —— Javascript 宣告變數 與 基本型別

前面已經大略介紹了 HTML 和 CSS 的入門知識了,接著我們要來認識 Javascript,來為我們的網頁添加更多邏輯互動。 怎麼宣告變數? Javasc...

鐵人賽 Modern Web DAY 7

技術 D3JsDay07不懂資料格式,那就會我們曾相識,只是不合適—檔案格式介紹

格式介紹 通常你的資料會是檔案、API接口或是一個連結作為D3輸入的資料,這邊就以下常見的資料格式簡單介紹一下 CSV逗號分隔值(Comma-Separated...

鐵人賽 Modern Web DAY 7

技術 Day06:Forward Message To Server(轉發訊息到 Server 端)

全文同步於個人 Docusaurus Blog 前一章印出使用者名稱和訊息內容後,接下來要嘗試將其透過 socket.io 轉發給 server。 修正使用...

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

技術 D7 - 你不知道Combo: 第二主菜 Execution Context

前言 JavaScript 可以隨時隨地呼叫函式,像 function A 呼叫了 function B,執行完 function B 又回到 function...

鐵人賽 Modern Web DAY 8

技術 入門魔法 - 陣列

前情提要 經過上一回的測驗,我發現了自己不是天選之人。 「哪尼,為什麼我不是天選之人,我不是有魔力嗎?而且還有引導學姊妳呀!」 艾草:「哎唷,現在為了擴大培養魔...

鐵人賽 Modern Web DAY 13

達標好文 技術 不只懂 Vue 語法:如何透過路由實現跨頁面傳遞資料?

問題回答 在跳轉頁面時,可以透過路由物件裏 params 或 query 來傳遞資料,也可以使用各種不同模式的 Route props 來傳遞資料。前者需要依賴...

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

技術 JavaScript Day 14. 靈活運用 reduce()

前幾篇一個陰錯陽差發現了 reduce,不小心產生了好感(?),於是很興奮的說要之後再找時間介紹,寫完 forEach 後突然就決定不然就介紹一下 reduce...

鐵人賽 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寫...都...