iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

30天資料整理 系列

ズイ₍₍ (ง ˘ω˘ )ว ⁾⁾ズイ

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文 團隊nutc imac 惠靈頓牛排
DAY 11

DAY11,從青蛙學習flex之大魔王關24

今天就是青蛙總複習拉雖然看似有點困難但是搞懂屬性如何使用就很簡單了首先輸入: flex-wrap:wrap-reverse; flex-direction:co...

DAY 12

DAY12,HTMLDOM

HTML DOM是如何獲取,更改,添加或刪除HTML元素的標準。在HTML DOM中所有的事物都是結點,通過獲得HTML DOM的節點JavaScript得到了...

DAY 13

DAY13-JS事件

JS事件 在標籤上加入事件名稱及方法就能建構事件 <style> .a{ display: flex;...

DAY 14

DAY14-input type

input 這個標籤其實很萬用,在網頁中一定會看到他的蹤影。不管事搭配form表單還是直接搭配JS使用在這列出input的type 按鈕: button:一個可...

DAY 15

DAY15-字串切割

indexOf():方法返回字符串中第一次出現指定值的位置 <script> var x="0123456789..123&q...

DAY 16

DAY16-FileReader

使用的時候要新建一個 FileReader即 const fr = new FileReader(); FileReader 事件處理器 FileReader...

DAY 17

DAY17-FileReader顯示圖片

這次要使用FileReader去顯示圖片 <input type="file" id="upfile" onch...

DAY 18

DAY18-使用JS限制圖片格式

延續前一天的FileReader顯示圖片這一次新增圖片格式的限制 function showImg(thisimg) { var showimg = doc...

DAY 19

DAY19-使用JS限制圖片大小

限制圖片小於2KB function showImg(thisimg) { var showimg = document.getElementById(&qu...

DAY 20

DAY20-使用JS限制圖片尺寸

限制圖片的寬與高小於400 function showImg(thisimg) { var showimg = document.getElementById...