iT邦幫忙

javascript相關文章
共有 5171 則文章

技術 Javascript 進階 2-1 JavaScript 是如何運行的

直譯語言(Interpreted Language) javascript就是直譯式語言,會直接透過直譯器,將代碼生成出來,才在運行環境執行。並且如果有錯誤的狀...

鐵人賽 Modern Web DAY 16

技術 Day 16 - CSS 原生濾鏡

原生濾鏡 前面都在提說如何用 JaveScript 去改變圖像中的每個像素值來達成我們想要的效果,但其實在原生 CSS 中就有提供一些屬性來提供效果,今天我們就...

鐵人賽 自我挑戰組 DAY 16

技術 新手村16 - Mouse Move Shadow

16 - Mouse Move Shadow 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small...

鐵人賽 Modern Web DAY 30

技術 【懶人包閱讀順序】ES6 學習筆記

完賽嚕~!!過去都沒有寫文章的經驗,經過這次的學習紀錄真的覺得成長很多,不過也因為沒經驗,所以順序編排的不是很好(雖然也不知道有沒有人要看XDDD),這邊整理一...

鐵人賽 Software Development DAY 17

技術 Day 17 - Singleton 的應用(二)

在開發遊戲時除錯之所以的原因之一是因為要管理的狀態太多了,如果仔細的觀察一個遊戲會發現遊戲就像是一個巨大的狀態機。從玩家所在的關卡畫面、關卡內的 NPC、怪物等...

鐵人賽 Modern Web DAY 16

技術 API 實作(四):實際串上 MongoDB 資料庫

之前有提過,MongoDB 的 Schema-less 特性、加上 BSON 結構很適合拿來用 Node.js 寫個 Side-project,所以今天要拿之前...

鐵人賽 Modern Web DAY 16

技術 JS 原力覺醒 Day16 - Async / Await:Promise 語法糖

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...

鐵人賽 Modern Web DAY 20

技術 【React.js入門 - 20】 useEffect - 在function component用生命週期

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

鐵人賽 Modern Web DAY 21

技術 Day 21. 機動藍圖・靜態成員 X 即刻操作 - Static Properties & Methods

閱讀本篇文章前,仔細想想看 如何使用類別的繼承(Inheritance)? 為何我們設計類別的成員時,會儘量以 private 模式為基準?什麼時候該開放...

鐵人賽 Modern Web DAY 30
VueJS 從前端到後端 系列 第 30

技術 下一個 VueJS 3.0 Day 29

部落格同步刊登 [IT 鐵人賽] 下一個 VueJS 3.0 Day 29 前幾天都沒再持續提到 Vue,今天來聊一下關於 Vue 3.0 與其後續發展狀況...

鐵人賽 Modern Web DAY 17

技術 [DAY17] 組件傳值之我想搞點事

我想說的是React有明確規定,子組件時不能操作父組件裡的資料,所以需要調用父組件的方法,來修改父組件的內容有了 JSX 撰寫起來容易多了 上一篇中我們成功...

鐵人賽 Software Development DAY 17

技術 Day17-排序法系列(一)-氣泡排序法

氣泡排序法(Bubble Sort)是最容易理解和實作的排序演算法,但其時間複雜度在排序法當中算是最差的一個。主要觀念是從頭開始逐一比較相鄰兩筆資料,將較大值往...

鐵人賽 Modern Web DAY 30
JavaScript 初心者筆記 系列 第 30

技術 JavaScript 初心者筆記: 實作旅館訂房網站心得 - 第 2 屆 The F2E 第六關

今天就是完賽日了,其實我大可寫一個「後記」就結束這一回合(畢竟有前言了有後記也不奇怪嘛),但是我還是決定要善始善終,所以我今天要分享的是今年參加 The F2E...

鐵人賽 自我挑戰組 DAY 30
刷題記錄與人生分享 系列 第 30

技術 DAY30 Find Minimum in Rotated Sorted Array II

題目: https://leetcode.com/problems/find-minimum-in-rotated-sorted-array-ii/從排序好的陣...

鐵人賽 Modern Web DAY 20

技術 [特別篇][日記]學會它,開發更簡單!(1)

超緊繃!30天Vue.js學習日記 學會它,開發更簡單!(1) 大家好,今天我們要介紹的不是Vue,而是我在學習Vue時很常搭配的前端框架-Bootstrap...

鐵人賽 Modern Web DAY 17

技術 EP.16 RE:從零開始的學習 JS 生活-第十六日

前言 轉生第十六日,這一篇將會來介紹運算子的優先性與相依性。 優先性 在運算子中都有一個優先性可以參考,例如說我們在計算數學的時候都會有一個優先順序,例如先乘除...

鐵人賽 Modern Web DAY 14

技術 14. [JS] 深拷貝是什麼?如何實現?

在 前天的文章 中,我們討論了 JavaScript 的資料型別,其中最特殊的莫過於物件;在這個萬物皆物件的語言中,如何完美的複製物件,也就成了開發過程中頻繁...

鐵人賽 Modern Web DAY 29

技術 Day29【ES6 小筆記】陣列搜尋新方法 find() findIndex() - 以工具人清單為例

find() 在過去如果我們想要找到陣列中符合條件的元素,可能會使用 forEach 或是 for 循環,但是 forEach 是不能跳過或終止的,所以如果當...

鐵人賽 自我挑戰組 DAY 15
JavaScript 新手筆記 系列 第 15

技術 Day15 - DOM(01)

前言 此次介紹什麼是 DOM DOM DOM = Document Object Model (文件物件模型) 簡單來說可以利用 JS 來跟 HTML 文件...

鐵人賽 自我挑戰組 DAY 15

技術 Day.15 DOM:取值、設值,有時還有null

本日閱讀進度:第六章 與你的網頁互動(247~264頁) 重點摘要: 程式碼沒有被執行?程式碼本身沒有問題,但瀏覽器上卻看不到效果,為什麼?檢查看看你是不是...

鐵人賽 Modern Web DAY 16

技術 [JS30]DAY15 : LocalStorage and Event Delegation

[程式碼&DEMO] [HackMD完整筆記] 目標 透過localstorage去進行一個小菜單的資料增加和刪減功能。 步驟流程 STEP1...

鐵人賽 Modern Web DAY 28

技術 [ D3.js ] 繪製座標軸 axis

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

鐵人賽 Modern Web DAY 2

技術 DAY29- 過場動畫 (六)

custom js custom js 是繼 custom css 過場動畫後要分享的文章,之前分享的文章都是用內建函式庫來處理過場動畫,昨天的[custom...

鐵人賽 Modern Web DAY 15

技術 Day 15 - 圖片保存 Part 2 & 小結

Day 15 - 圖片保存 Part 2 圖片保存 昨天介紹到了使用 daraUrl 來完成圖片下載,但到最後面發現當圖片超過一定大小時,會無法成功下載,今天就...

鐵人賽 Modern Web DAY 15

技術 Day 15:機器人亂入下的「多人對話」、「群組聊天」

今天颱風天,來聊個輕鬆一點的話題 - 「多人對話」。前面十四天的內容,大多是在描述機器人怎麼跟單一使用者在私訊中完成對話,不過我們必須知道,除了「私訊」外,存在...

鐵人賽 Modern Web DAY 29
VueJS 從前端到後端 系列 第 29

技術 Vanilla JS 與 Vue 的生命週期 Day 28

部落格同步刊登 [IT 鐵人賽] Vanilla JS 與 Vue 的生命週期 Day 28 最後幾天來聊一下關於生命週期的事情,這裡提到的生命週期並不限於...

鐵人賽 Modern Web DAY 19

技術 Day18 | 用 Mock 打造國家機器,驗證函式執行 feat. jest

前言 本篇會提及的 Mock 在 Unit Test 中扮演著很重要的角色,因為單元測試必須將關注點放在要被測試的 function 身上,不能讓不確定性在 f...

鐵人賽 自我挑戰組 DAY 14

技術 Day 14: 伺服端(server side) JavaScript

Rhino: 以Java寫的JavaScript直譯器,可讓JavaScript存取全部的Java API。 Node: google V8 JavaScri...

鐵人賽 自我挑戰組 DAY 15

技術 JS 從陣列 Array 尾端新增元素的 push()

Day 15 有付出一定有收穫,有pushㄧ定有增加,但是要排隊喔~ 介紹陣列方法的第一天,想先請大家看一下底下的這張圖,在上一篇,我們依 JavaScri...

鐵人賽 自我挑戰組 DAY 15

技術 新手村15 - LocalStorage

15 - LocalStorage 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small steps...