上次我們用 C# 來實作圖片壓縮的功能。今天我們換嘗試用 JavaScript 在前端幫我們做圖片壓縮！ 通常圖片壓縮的目的就是要讓檔案的大小變小，所以我們可以...
長庚
‧
2022-09-26
閱讀說明 整篇會分成以下幾個部分： 使用時機 語法 範例 注意事項 ECMAScript 結論 map 這個 method 的全寫應該是 Array.pro...
阿傑
‧
2022-09-26
學會了JavaScript的基礎：字串、數字、函式……等，你一定跟我一樣有很多疑問，我還是不知道怎麼在網頁上輸入內容阿!如果你希望透過JavaScript控制並...
這其實不是難懂的概念，但卻是非同步程式設計中最基礎的螺絲釘，我自己在學習這JS非同步領域這系列的順序是這樣排的： Callback => Promise...
如果有一段程式碼會 重複 出現，那麼你可以考慮將它寫成 函式 ，日後要使用它時，只要呼叫那個函式即可，就不用重複地去寫程式碼了～ 假設我要讓我的狗狗聽到一個指令...
接續Day 20，繼續來講解沒完成的JS部分 專案回顧 畫面和功能拆解 畫面中的密碼生成器裡內有標題 > 結果顯示欄 +複製按鈕 > 需求設定...
即使函式已經執行結束，其內部的變數卻並未跟著消除，還能繼續被呼叫；這種能將外層變數「包」在內層暫存、使用的方式，就是所謂的「閉包」。 執行環境 執行環境（Exe...
運算子 JavaScript 同時具有二元運算子及一元運算子， 以及一種特殊的 三元運算子，也就是 條件運算子。 一個二元運算子需要具備兩個運算元， 一個在運算...
前言 當初一開始在學 JS 時就常常看到淺拷貝 & 深拷貝這兩個詞，只是可惜一直沒有做個整理，所以這篇文章要來整理一下相關的觀念。 淺拷貝 &...
組件實作 : Demo 一、前言 Tab 組件是一種高互動性的組件，構造是由一個 Menu 選單和一個訊息框組合而成，當選單項目被選中時，會切換到對應的訊...
組件實作 : Demo 一、前言 Ｍodal 指的是互動視窗，也就是讓畫面跳出一個蓋板訊息框。使用 Modal 背景大多由半透明黑色覆蓋；訊息框（互動視窗...
從本篇開始，會介紹一些web component的應用，但因為小弟我除了一些小小的side project之外，只有在工作上少量的用了一點web compone...
因為vue在設計時有參考react，所以在使用web component和被web component使用時的方法大同小異。這篇文章 Vue 雖說Vue的語法在...
因為小弟我對angularJS不熟，Vue和React倒是還算上手。 React 身為前端生態中最靈活的框架(X)函式庫(O)，react 一直以來提供的都是一...
tags: ItIron2022 Javascript 前言 我們昨天完成了基本的ui以及事前的規劃，今天就動手把核心功能完成吧！ Getting starte...
在javascript中，可以將寫出來的程式碼大致分為陳述式以及表達式。今天這篇文我會整理幾個自己在學時覺得比較重要的陳述是以及表達式的重點。 陳述式 陳述式英...
宣告字串 我們之前介紹過了數字型別，今天我們要來介紹要怎麼宣告「字串型別」，首先我們用 let 來做宣告： let myName = "Key&quo...
當它越難拿到，你就會越想留住。 Jay Mark Mateo Balmes 本篇不是討論Partial Applications本身，而是他在控制流程中的優...
這篇沒有帥哥可以看，不過也是一個非常有趣的projecto(￣▽￣)ｄ 今天要做的是密碼生成器，根據使用者的需求去自動生成密碼，聽起來很厲害，另外考量到這篇的J...
小弟我查的資料不多，對於未來web component可能會出現的新技術只有查到Declarative Shadow DOM。 SSR使用web compone...
今天在找資料的時候才知道，原來還有::part()和::theme()可以用在shadow DOM的CSS設定，但今天來不及修改上一篇文章了，明天才有時間修改。...
Outline 上集回顧 reactive() 特性與限制 什麼情況會失去響應性 ref() 特性與限制 什麼情況會失去響應性 兩個比一比...
前言 原本概述完expression(運算式)，想接著介紹Statements(述句)，沒想到我在翻閱ECMA的時候，發現漏了些什麼，原來expression(...
組件實作 : Demo 一、前言 網頁上要顯示店家、場地等地理位置資訊，都會使用到 Google 地圖來輔助。在這個篇章中，我們要來研究關於 Google...
迴圈控制 while for 和 while 是很像的，不過 for迴圈 適合用在 已知 循環次數的需求；而 while迴圈 適合用在 未知 循環次數的需求。...
Setter：存值的方法 Getter：取得特定值的方法（不會傳入參數） Setter 答：250 var wallet = { total: 10...
組件實作 : Demo、Demo2 一、前言 原本預定這篇要來寫 pug 的學習筆記， 但是對於 CSS 的 Position 的用法還有一點不熟悉，所以...
組件實作 : Demo、Demo2 一、前言 Timeline 時間線的功能很常出現在履歷表，或是各種跟年分有關的介紹。原本參考 W3schools Ho...
今天來講一下跟JavaScript密不可分的一種資料交換格式-JSON。 JSON介紹 先來講講這東西到底是甚麼，就如同剛剛所說的，它是一種資料交換格式，顧名思...
今天要來做的是垂直的輪播圖，點選「上」「下」箭頭可以反方向切換圖片和圖片的描述，做project順便看看帥哥好快樂≡ω≡ 事前準備 引入 fontAwes...
Yumy
Vic
Olivia
hannnahTW
denny0628
harry xie
東尼先生
BugofBook
windate3411
seaotter
Key
Ryvn's Boss
安揪拉
nikihypocrite
iThome鐵人賽
看影片追技術