iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 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 預設是唯讀,...

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

技術 Day.21 「物件也有繼承問題?」 —— JavaScript 繼承 與 原型鍊

我們每新增一個函式,瀏覽器都會向函式內新增一個屬性叫 prototype function Person () {}; console.log( Person...

鐵人賽 Modern Web DAY 16

技術 入門魔法 - AJAX

前情提要 經過上次火屬性初階魔法近距離灼傷手指後。 「就不能讓這個火離我遠一點嗎?遠距離魔法不存在嗎?」 艾草:「你這麼一說我倒是想起來了,有一個方法可以遠距離...

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

技術 JavaScript Day 21. 陳述式 & 表達式

聽說 JavaScript 的這兩大類型「陳述式」與「表達式」也是很基本的觀念,瞬間我感覺自己從來沒有認真搞懂的基本觀念真的不少,難怪每寫一篇文章都會有豁然開朗...

鐵人賽 Modern Web DAY 15

技術 Day 15 - UML x Interface — Notifier

UML Notifier 的 UML 主要是根據 Ant Design 的設計畫出來的,而在 Material 那邊是只有 Snackbar( = Messa...

鐵人賽 自我挑戰組 DAY 30

技術 最終章:Todo List實作

前面提到了物件、陣列、DOM元素的選取、事件監聽,以及最後的localStorage。這些足夠我們用JavaScript做一個小小的網頁程式,來驗證一下之前提...

鐵人賽 自我挑戰組 DAY 30

技術 好記性的瀏覽器:localStorage

談這個主題之前,我們先來回憶一下日常的場景,你來到桃子購物網站,選了你要的商品往下捲動網頁,結果竟然發現網頁下方秀出你上次來買東西時,看的那幾樣商品,你心中覺...

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

技術 不要在 mutation 加工 API 回來的資料

mutation當作 state 的 setter 使用。要符合 setter 的使命,擋掉錯誤格式。 在 GET 和 POST 格式差很多時。可以在 mut...

鐵人賽 Modern Web DAY 16

技術 【Day16】數據展示元件 - Table

元件介紹 Table 顧名思義就是一個表格元件,用來整齊的顯示行列數據。 參考設計 & 屬性分析 我自己覺得 table 是一個還蠻繁瑣的元件,要組成一...

技術 從 JavaScript 角度學 Python(31) - 下一步,你想學什麼?

前言 昨天終於完成了鐵人賽,所以今天是第 31 天,而這一天就當作鐵人賽的結尾完賽心得跟大家聊聊吧。 從 JavaScript 角度學 Python 其實原本這...