iT邦幫忙

javascript相關文章
共有 5650 則文章
鐵人賽 自我挑戰組 DAY 13

技術 Day 13:Vim 學習筆記

一、前言 其實,我也不知道自己怎麼會想加入這個主題,只是有點想要學習 Vim 的基本操作,順便紀錄一下學過的操作方法,現階段我也沒有想要背任何的指令或是快捷鍵...

鐵人賽 自我挑戰組 DAY 15

技術 Day15- JS的Set物件

今天來介紹類似於陣列的Set物件。 建立Set Set物件有點像是擁有唯一值的陣列。建立Set物件跟建立陣列差不多: let set = new Set([1,...

鐵人賽 Modern Web DAY 12

技術 Day12 字串型別(2):NaN、字串處理方法、樣板字面值

NaN (Not a Number) NaN 也就是非數字,通常會出現在 企圖對一些非數字的運算元做數字的運算,這時就會出現 NaN,例如: let myN...

鐵人賽 Modern Web DAY 23

技術 【Day23】懂得DOM就能控制網頁

上一篇的介紹了解到JavaScipt是如何透過BOM及DOM來控制瀏覽器行為及網頁的內容,當新開的一網頁時,瀏覽器會去分析HTML的檔案並解析成DOM,而DOM...

鐵人賽 Modern Web DAY 27

技術 Day27-JavaScript 的型別轉換 / == 和 === 和 Object.is() 的比較

前言 首先我們要知道 JS 是個弱型別的語言,弱型別和強型別的差異為編譯器或直譯器對型別檢查的寬容程度,弱型別在型別檢查上較為寬鬆,容許隱性型別轉換。強型別在型...

鐵人賽 Modern Web DAY 23

技術 曲柄搖桿機構

動點的軌跡在機械構造設計上也有很多的應用,透過電腦的模擬,事先了解機械元件行程的範圍,可以避免元件之間干涉的情形發生。 今天要介紹四連桿機構(four-link...

鐵人賽 Modern Web DAY 13

技術 時光隧道:Passing Arguments與Returning Data

這不是把大家帶到黑暗裡,而是把大家帶過黑暗,在黑暗裡檢驗一遍,再回到陽光底下,你會明白該如何面對生活。 Ang Lee 事實上,關於control flow...

鐵人賽 Modern Web DAY 11

技術 【D11】 小工具:轉換字串編碼(part 1)

在這邊進行字串轉換成某種編碼方式的字,這邊以 URI 和 ASCII 為範例。 不過仍與昨日發生相同問題,也就是第一個字讀不到。這問題之後再解,現在先初步建立我...

鐵人賽 自我挑戰組 DAY 11
Bug仔的筆記本 系列 第 11

技術 用前端 JavaScript 來做圖片壓縮

上次我們用 C# 來實作圖片壓縮的功能。今天我們換嘗試用 JavaScript 在前端幫我們做圖片壓縮! 通常圖片壓縮的目的就是要讓檔案的大小變小,所以我們可以...

鐵人賽 Modern Web DAY 11

技術 Day 11 咩色用得好 - Array.prototype.map

閱讀說明 整篇會分成以下幾個部分: 使用時機 語法 範例 注意事項 ECMAScript 結論 map 這個 method 的全寫應該是 Array.pro...

鐵人賽 Modern Web DAY 22

技術 【Day22】BOM、DOM是什麼?

學會了JavaScript的基礎:字串、數字、函式……等,你一定跟我一樣有很多疑問,我還是不知道怎麼在網頁上輸入內容阿!如果你希望透過JavaScript控制並...

鐵人賽 Modern Web DAY 11

技術 JS之路 Day11 - Callback Funtion(回呼函式)

這其實不是難懂的概念,但卻是非同步程式設計中最基礎的螺絲釘,我自己在學習這JS非同步領域這系列的順序是這樣排的: Callback => Promise...

鐵人賽 Modern Web DAY 25
【每天5分鐘】學前端 系列 第 25

技術 Day25【每天5分鐘】學前端 | JavaScript 函式 function

如果有一段程式碼會 重複 出現,那麼你可以考慮將它寫成 函式 ,日後要使用它時,只要呼叫那個函式即可,就不用重複地去寫程式碼了~ 假設我要讓我的狗狗聽到一個指令...

鐵人賽 自我挑戰組 DAY 21

技術 Day 21 Side Project : Password Generator 密碼生成器(下)

接續Day 20,繼續來講解沒完成的JS部分 專案回顧 畫面和功能拆解 畫面中的密碼生成器裡內有標題 > 結果顯示欄 +複製按鈕 > 需求設定...

鐵人賽 自我挑戰組 DAY 16
JavaScript亂記 系列 第 16

技術 閉包 Closure

即使函式已經執行結束,其內部的變數卻並未跟著消除,還能繼續被呼叫;這種能將外層變數「包」在內層暫存、使用的方式,就是所謂的「閉包」。 執行環境 執行環境(Exe...

鐵人賽 自我挑戰組 DAY 15
JavaScript亂記 系列 第 15

技術 運算子 & 真假值

運算子 JavaScript 同時具有二元運算子及一元運算子, 以及一種特殊的 三元運算子,也就是 條件運算子。 一個二元運算子需要具備兩個運算元, 一個在運算...

鐵人賽 Modern Web DAY 26

技術 Day26-瞭解 JS 的淺拷貝(Shallow Copy) & 深拷貝(Deep Copy)

前言 當初一開始在學 JS 時就常常看到淺拷貝 & 深拷貝這兩個詞,只是可惜一直沒有做個整理,所以這篇文章要來整理一下相關的觀念。 淺拷貝 &...

鐵人賽 Modern Web DAY 13

技術 Day 13:Tab 組件實作

組件實作 : Demo 一、前言 Tab 組件是一種高互動性的組件,構造是由一個 Menu 選單和一個訊息框組合而成,當選單項目被選中時,會切換到對應的訊...

鐵人賽 Modern Web DAY 12

技術 Day 12:Modal 組件實作

組件實作 : Demo 一、前言 Modal 指的是互動視窗,也就是讓畫面跳出一個蓋板訊息框。使用 Modal 背景大多由半透明黑色覆蓋;訊息框(互動視窗...

鐵人賽 Modern Web DAY 15

技術 [Day14] web component 的應用-和框架合作

從本篇開始,會介紹一些web component的應用,但因為小弟我除了一些小小的side project之外,只有在工作上少量的用了一點web compone...

鐵人賽 Modern Web DAY 17

技術 [Day16] web component 的應用-和Vue合作

因為vue在設計時有參考react,所以在使用web component和被web component使用時的方法大同小異。這篇文章 Vue 雖說Vue的語法在...

鐵人賽 Modern Web DAY 16

技術 [Day15] web component 的應用-和react合作

因為小弟我對angularJS不熟,Vue和React倒是還算上手。 React 身為前端生態中最靈活的框架(X)函式庫(O),react 一直以來提供的都是一...

鐵人賽 Modern Web DAY 13

技術 Have fun! 新手也能打造的Javascript微型專案! Day13: 英打總是龜速? 寫個打字測驗遊戲來練習吧!(中)

tags: ItIron2022 Javascript 前言 我們昨天完成了基本的ui以及事前的規劃,今天就動手把核心功能完成吧! Getting starte...

鐵人賽 自我挑戰組 DAY 14

技術 Day14- 淺談陳述式以及表達式

在javascript中,可以將寫出來的程式碼大致分為陳述式以及表達式。今天這篇文我會整理幾個自己在學時覺得比較重要的陳述是以及表達式的重點。 陳述式 陳述式英...

鐵人賽 Modern Web DAY 11

技術 Day11 字串型別(1):宣告、字串相加、自動轉型

宣告字串 我們之前介紹過了數字型別,今天我們要來介紹要怎麼宣告「字串型別」,首先我們用 let 來做宣告: let myName = "Key&quo...

鐵人賽 Modern Web DAY 12

技術 延宕滿足:Partial Applications (2/2)

當它越難拿到,你就會越想留住。 Jay Mark Mateo Balmes 本篇不是討論Partial Applications本身,而是他在控制流程中的優...

鐵人賽 自我挑戰組 DAY 20

技術 Day 20 Side Project : Password Generator 密碼生成器(上)

這篇沒有帥哥可以看,不過也是一個非常有趣的projecto( ̄▽ ̄)d 今天要做的是密碼生成器,根據使用者的需求去自動生成密碼,聽起來很厲害,另外考量到這篇的J...

鐵人賽 Modern Web DAY 14

技術 [Day13] web component 的未來技術

小弟我查的資料不多,對於未來web component可能會出現的新技術只有查到Declarative Shadow DOM。 SSR使用web compone...

鐵人賽 Modern Web DAY 13

技術 [Day12] web component 的歷史-那些己經廢除或不穩定的部分

今天在找資料的時候才知道,原來還有::part()和::theme()可以用在shadow DOM的CSS設定,但今天來不及修改上一篇文章了,明天才有時間修改。...

鐵人賽 Modern Web DAY 11

技術 真的好想離開 Vue 3 新手村 - Day 11: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (下)

Outline 上集回顧 reactive() 特性與限制 什麼情況會失去響應性 ref() 特性與限制 什麼情況會失去響應性 兩個比一比...