iT邦幫忙

javascript相關文章
共有 5651 則文章
鐵人賽 Modern Web DAY 17
JavaScript Easy Go! 系列 第 17

技術 #17 Automation (5)

今天處裡剩下的部分:checker 函式和它注入頁面的輔助函式。 checker checker 函式基本上就是幫我們重複地跑無窮迴圈,每隔一段時間就去刷一下資...

鐵人賽 自我挑戰組 DAY 17
開始入坑網頁吧! 系列 第 17

技術 JavaScript Array | 與其他程式語言很不同的陣列(下)

今天接續昨天的Array方法那我們開始吧!! splice() 可以新增刪減陣列項目,也能指定位置與數量,並回傳一個包含被刪除元素的陣列語法: arrayNa...

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

技術 JavaScript Day16 - 箭頭函式

函式陳述式與函式表達式 函式陳述式:之前直接定義 function 的方式 會被提升到最上面,所以可以在 function 前使用 函式表達式:前面使用...

鐵人賽 Modern Web DAY 18

技術 【Day18】導航元件 - Breadcrumb

元件介紹 Breadcrumb 是一個導航元件,用於顯示當前系統層級結構中的路徑位置,並且點擊路徑能返回之前的頁面。在系統有多個層級架構,並且希望能幫助用戶清楚...

鐵人賽 自我挑戰組 DAY 16

技術 [ Day 16 ] - 事件

事件 指的是在 DOM 上所發生的事件,換句話是可以是特定的動作被觸發後,必須要執行對應的事情。(如:點選某某功能、按下 ESC 鍵,就是觸發執行某件事。)...

鐵人賽 Software Development DAY 16

技術 Day 16 - Apply

到目前為止我們已經知道了 Functor 可以將 effect 跟 pure function 進行 compose,但我們沒有提到一點是 Functor 無法...

鐵人賽 Modern Web DAY 16

技術 Day 16 — To Do List (3) 深入HTML Service -1

我們今天要來繼續深入 HTML Service ,讓大家對於利用 GAS 架網站這件事情在之後可以更為輕便簡單。 我們繼續看到 Docs 的部分 (註一) :...

鐵人賽 Modern Web DAY 22

技術 不只懂 Vue 語法:為何 v-for 的 key 必須是唯一值?v-for 與 v-if 能否同時使用?

問題回答 v-for 的 key 必須是唯一值,才可以讓 Vue 在更新 v-for 所產生的列表時,能準確更新節點。相反,如果使用 index 作為 key,...

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

技術 Day.22 「讓我們在更深入函式~」 —— JavaScript call & apply & arguments

之前我們有說過,再調用函式的時候,瀏覽器會傳遞隱藏的參數給我們函式一個是「this」,除了 this 還有另一個參數是「arguments」, 我們都知道全域...

鐵人賽 Modern Web DAY 16
追求JS小姊姊30天 系列 第 16

技術 追求JS小姊姊系列 Day16 -- 方函式的能力展現:有小弟真好 -- 函式參數

追求JS小姊姊系列 Day16 -- 方函式的能力展現:有小弟真好 -- 函式的參數 tags: 2021鐵人賽 前情提要 沒說什麼,用工具人運作來講了一個故...

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

技術 D16 - 那個圓圓的東西 - 物件原型 & 原型鏈

前言 Object.prototype.like = '舌尖上的JS' 請在任意的 JavaScript 環境輸入以上程式碼,然後隨意宣告一個變數、陣列或函式...

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

技術 JavaScript Day 22. Hoisting

在 JavaScript 裡還有一個概念稱為「Hoisting ( 提升 )」,底下先執行一段範例: console.log(a) // ReferenceEr...

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

技術 getters 就是欲望

用 getters 抽象 state 整個系列寫得太嚴肅了,這次在標題上小小的中二一下。 vuex 的 getters 用來展現欲望,展現想要使用資料的樣子...

鐵人賽 Modern Web DAY 17

技術 入門魔法 - 透過 axios 發送網路請求

前情提要 上回提到了要透過 AJAX 遠距離魔法呼叫精靈並等待精靈回覆。 艾草:「來,我們先來試試看 AJAX 的其中一段咒語 :XMLHttpRequests...

鐵人賽 Software Development DAY 20

技術 【Day20】[資料結構]-圖Graph-實作

圖(Graph)建立的方法 addVertex: 新增頂點 addEdge: 新增邊 removeVertex: 刪除頂點 removeEdge: 刪...

鐵人賽 Modern Web DAY 16

技術 15 - NVM - Node.js 版本管理工具

Node.js 版本間的差異使得有些專案需要使用特定的版本才能正常運作,因此各專案間需要來回的切換 Node.js 的版本。要切換 Node.js 版本意味著要...

鐵人賽 Modern Web DAY 24

技術 Chapter4 附錄 貝茲曲線

前言 什麼是貝茲曲線?它能創造一連串平滑的曲線,被應用在PS和AI中的鋼筆、以及常見的CSS Animation,換句話說,你學會了貝茲曲線,就大概懂一半網頁動...

鐵人賽 Modern Web DAY 16

技術 Day 16 - UML x Interface — TextField

今天的 TextField 和明天的 FormControl 都是在介紹跟表單有關的介面和元件,而這主要是 Material-UI 實作的方式,在明天講完後,...

鐵人賽 Modern Web DAY 16

技術 第16車廂-提示我一下嘛!bootstrap-tooltip應用篇

昨篇已介紹data-*基本介紹,這篇介紹data於bootstrap上的使用 關於提示框,其實工作上真的會用到,但以前都用手刻,沒仔細看bootstrap居...

鐵人賽 Modern Web DAY 23

技術 Chapter4 - Canvas背景動畫(IV)把紛飛的落葉,通通抓回來當作收藏吧!

今天挑戰半小時寫完一篇文章(被打,其實我寫完程式了,把文章撰寫出來就好嚕。 https://jerry-the-potato.github.io/Chapt...

鐵人賽 Modern Web DAY 15

技術 Day 15 — To Do List (1) 了解 HTML Service

昨天我們做完前置作業了,今天我們來看一下這個 HTML Service 是怎麼用! 簡單來說,就是可以乘載簡單的 GET 以及 POST 請求,讓你建立簡單...

鐵人賽 Modern Web DAY 17

技術 【Day17】數據展示元件 - Infinite scroll

元件介紹 Infinite scroll 能在面對多筆資料時,讓捲軸滑動到底部時再載入下一頁面的資料。 由於一次性向後端取得大批的資料,對於後端的資料計算、資料...

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

技術 JavaScript Day15 - event(2)

event 查目前網頁的 event,開啟 Chrome 的開發者工具,點選 Elements,之後在 CSS 的樣式 (styles) 那欄會有一個 Eve...

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

技術 #16 Automation (4)

今天寫第二步「進入選課頁面」、第三步「至加選頁面」及第四步「查詢你想要的課程」。 enter 這個函式涵蓋了第二步及第三步,因為不想分太多函式。 async f...

鐵人賽 Software Development DAY 15

技術 Day 15 - Contravariant Functor

在上一章,我們提到了 Functor,但更精準地說是 Covariant functor,而今天要提到的則是 Contravariant Functor,其定義...

鐵人賽 自我挑戰組 DAY 15

技術 [ Day 15 ] - 取得節點內資料的方法

前面已經學習如何更改指定節點的內容今天來介紹如何取出指定節點的資料值 innerHTML 使用 innerHTML 取出指定節點內的 HTML 結構 HTML...

鐵人賽 自我挑戰組 DAY 16
開始入坑網頁吧! 系列 第 16

技術 JavaScript Array | 與其他程式語言很不同的陣列(上)

JavaScript Array (陣列) 陣列 (array) 是一個有序的序列,陣列中可以儲存不定數量的任何值,陣列在 JavaScript 中屬於複合資...

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

技術 D15 - 那個圓圓的東西 - OOP 物件導向程式設計

前言 在查詢 MDN 語法關於 string、array、object 的內建方法時,有沒有發現開頭都有 prototype 這個字樣,可是明明在使用上沒有呀!...

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

技術 Day 30 - Make a Whack A Mole Game with Vanilla JS

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

鐵人賽 Modern Web DAY 21

技術 不只懂 Vue 語法:試說明 computed 的 get 與 set 運作機制?

問題回答 computed 有 getter(取值) 和 setter (寫入值)可使用,但預設只會有 getter 使用,因此 computed 預設是唯讀,...