iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1631 瀏覽

技術 CSS 簡單客製化表單上的 checkbox 樣式

在HTML上列出一條常規的checkbox <label class="check-box"> <inpu...

哈狗貓 ‧ 2023-07-17

1 Like 0 留言 1291 瀏覽

技術 [快速入門前端 7] 內嵌框架 (Inline Frame) 和特殊實體 (Entity)

Inline Frame (內嵌框架) 內嵌框架是指在我們的 HTML 頁面中嵌入另一個檔案，例如 HTML 頁面、圖片、影片等都可以被嵌入在網頁中。嵌入的標籤...

Doris ‧ 2023-05-12

1 Like 0 留言 2058 瀏覽

技術 [快速入門前端 6] 區塊元素和超連結

DIV (區塊元素) <div>元素（HTML 文件區塊元素）是無標籤語意的容器元素，雖然它不代表任何意義，卻是使用最多的標籤之一，主要用來把相似或...

Doris ‧ 2023-05-12

1 Like 0 留言 1581 瀏覽

技術 [快速入門前端 5] 什麼是 HTML 標籤 (3)

HTML 標籤下拉選單 - select 單選選單下拉式選單讓使用者可以從一堆選項中選擇出一個(或多個)選項。本身做為選單的容器，在 select 裡面用...

Doris ‧ 2023-05-10

1 Like 0 留言 2271 瀏覽

技術 [快速入門前端 4] 什麼是 HTML 標籤 (2) — 表格(Table) 和表單(Form)

HTML 標籤表格 - table <table> 顧名思義就是表格標籤，用來呈現二維資料的表資訊，不過 <table> 標籤只是作為...

Doris ‧ 2023-05-10

1 Like 0 留言 1593 瀏覽

技術 [快速入門前端 3] 什麼是 HTML 標籤 (1)

HTML 標籤上一篇提到了 HTML 的標準結構，接下來我們來講組成 HTML 的重要部分 —— 標籤。 HTML 的標籤由 <、 >、 /，及...

Doris ‧ 2023-05-03

1 Like 0 留言 1734 瀏覽

技術 [快速入門前端 2] HTML 架構和組成關係

HTML 頁面框架上篇文章說到前端網頁的結構是由 HTML 所構建而成的，主要用 HTML 檔案和裡面的 HTML 標籤組成我們平常所瀏覽的網頁畫面，包含各種...

Doris ‧ 2023-05-02

1 Like 1 留言 2498 瀏覽

技術 [快速入門前端 1] 網頁和開發工具

基礎觀念什麼是前端？前端，故名思義就是指網頁架構的前端部分，也就是我們日常在瀏覽網頁時看到的部分。前端主要包含幾個主要功能：獲取從後端傳來的資料、將資料呈現...

Doris ‧ 2023-05-01

1 Like 0 留言 3467 瀏覽

技術簡單三步驟，教您將 HTML 檔案轉換為 apk 應用程式安裝檔

HTML 是一種用於建立網頁的標記語言，可以搭配 CSS、JavaScript 製作成一個精美的網頁。這篇文章將帶著各位將 HTML 轉換為可以在安卓手機安裝...

OTP ‧ 2023-02-22

2 Like 0 留言 1428 瀏覽

技術【GAS】複製貼上讓試算表變身成網頁表格秀爆你的客戶朋友！

直接把整個試算表連結發給別人除了要載入很久且會出現一堆不需要的按鍵，整個畫面很醜很沒有質感。而且如果你把其他隱私的資料也放在裡面，都會被一次看光光。那我們就來幫...

毛哥EM ‧ 2023-02-21

0 Like 0 留言 814 瀏覽

技術幫助自己上班的零件數量查詢器(5) - Js、Vue基本架構

Vue.js（/vjuː/，簡稱Vue）是一個用於建立使用者介面的開源MVVM前端JavaScript框架，也是一個建立單頁應用的Web應用框架。--維基百科...

走得歪七扭八的孩子 ‧ 2023-02-07

2 Like 0 留言 1050 瀏覽

技術幫助自己上班的零件數量查詢器(3) - CSS

在上篇已經完成了HTML也就是網頁的骨骼，接下來就是要使用CSS，像捏捏麵人一樣在骨骼上把肌肉黏上、衣服穿上、還要再化點妝、弄頭髮上髮膠、帶個耳環項鍊。...

走得歪七扭八的孩子 ‧ 2023-02-04

0 Like 1 留言 1449 瀏覽

技術幫助自己上班的零件數量查詢器(2) - 網頁骨骼 html

html造就構造、css填肉美化、javascript動作這樣類似的敘述再學習網頁的初期應該會常常看到，甚至會有很多類似的迷因。你是不是在想我怎麼不插個謎因，...

走得歪七扭八的孩子 ‧ 2023-02-03

0 Like 0 留言 3477 瀏覽

技術 JS筆記-前端撥放m3u8的兩種方法

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2023-01-07

1 Like 0 留言 1040 瀏覽

技術 JS筆記-幫元素加上style的寫法(Object.assign & cssText)

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2022-12-29

0 Like 0 留言 4356 瀏覽

技術 PTT 爬蟲

前言良葛格過世的消息對我來說十分衝擊，筆者從國中開始學 C 語言，就是一路看良哥的筆記長大，乃至於後來學的 Java, Python 以及很多軟體設計的思維都...

Penut Chen ‧ 2022-11-21

0 Like 0 留言 1222 瀏覽

技術處理瀏覽器CACHE住CSS/JS/圖片資訊的方式

有時候已經調整完程式的CSS/JS檔，或是置換了新的圖片上去，在自己本機環境測試也都OK了，但將程式更新到客戶的主機後，卻會遇到客戶反映檔案未更新的問題，這是因...

wanjan_chen ‧ 2022-11-08

1 Like 0 留言 960 瀏覽

鐵人賽自我挑戰組 DAY 30

一趟30天網頁設計的學習冒險＃explain like i‘m five 系列第 30 篇

技術 Day 30 Project ＆鐵人挑戰完成！！

前言昨天完成框架跟HTML 今天當然就是希望可以順利完成CSS的部分，以及使用SCSS 讓樣式跟排版都順利完成啊～～～先從最上方的首頁還有導覽列開始更改（...

candy82202 ‧ 2022-10-15

0 Like 0 留言 771 瀏覽

鐵人賽 Modern Web DAY 30

從零開始手刻網站，30 天打造我的前端武器庫系列第 30 篇

技術 Day 30 : 完賽心得（2022 主題競賽）

一、前言終於寫到第 30 天啦～真是可喜可賀（超感動的）！沒想到在比賽的這一個月裡，時間居然可以過的這麼快，每當寫完文章後，不知不覺間天也跟著黑了，更沒想到...

東尼先生 ‧ 2022-10-14

0 Like 0 留言 1395 瀏覽

鐵人賽自我挑戰組 DAY 29

一趟30天網頁設計的學習冒險＃explain like i‘m five 系列第 29 篇

技術 Day 29 SCSS ＆最後一個網頁製作挑戰！(上)

前言希望在挑戰結束前還能做至少一個挑戰在開始這個挑戰前因為有使用到一個SCSS，是屬於一種CSS預處理器的部分先簡單解釋一下再來開始挑戰摟～ SCSS可...

candy82202 ‧ 2022-10-14

0 Like 0 留言 911 瀏覽

鐵人賽自我挑戰組 DAY 30

手刻武器庫，30 天前端學習心得系列第 30 篇

技術 Day 30：完賽心得（2022 自我挑戰）

一、前言終於完成鐵人賽啦！可怕的不是每天的截稿期限，而是要在同一天寫兩篇「完賽心得」，而且內容還不能一樣，雖然我是有點想直接複製貼上，不過這樣子好像有點說不...

東尼先生 ‧ 2022-10-14

1 Like 0 留言 4414 瀏覽

鐵人賽自我挑戰組 DAY 29

手刻武器庫，30 天前端學習心得系列第 29 篇

技術 Day 29：前端面試題目整理

一、前言本篇要來整理常見的面試題目，整理的目的只是為了日後方便閱讀，文章內的資訊都是從網路上收集而來，若是有侵權情況，煩請告知謝謝！二、非關技術問題 2...

東尼先生 ‧ 2022-10-13

0 Like 0 留言 873 瀏覽

鐵人賽 Modern Web DAY 29

從零開始手刻網站，30 天打造我的前端武器庫系列第 29 篇

技術 Day 29：組件集大成

功能實作 : Demo 一、前言今天的目標是將現有的組件組成一個 SPA 網頁，最終目標是先把網頁寫出來，至於優化和除錯的部分，就要等整個功能都實作出來...

東尼先生 ‧ 2022-10-13

0 Like 0 留言 2447 瀏覽

鐵人賽自我挑戰組 DAY 28

手刻武器庫，30 天前端學習心得系列第 28 篇

技術 Day 28：前端測試入門

一、前言測試是前端裡面的一個重要單元，雖然說很重要，但是在一般的練習專案中，不會特別的去撰寫測試單元，自然就不會去研究相關的資料。趁這次鐵人賽的機會，來好好...

東尼先生 ‧ 2022-10-12

0 Like 0 留言 1303 瀏覽

鐵人賽 Modern Web DAY 27

[POSTMAN] 該知道的都知道，不知道的慢慢了解 - 與波斯麵三十天的感情培養系列第 27 篇

技術 Postman challenge Day 26 - HTML解析 (Parse HTML response)

今日主題今天的主題是前面章節Using libraries的延伸應用，我們將會使用Postman來解析HTML的內容。在開始之前，記得先把Day 26: Pa...

chacoteeth ‧ 2022-10-12 ‧團隊森上依然梅友前

0 Like 0 留言 865 瀏覽

鐵人賽自我挑戰組 DAY 27

手刻武器庫，30 天前端學習心得系列第 27 篇

技術 Day 27：React 的 Hook - 概觀

一、前言 Hook 的東西不太可能用幾篇就可以全部介紹完畢，所以在這邊先列出一些使用 Hook 時可能要注意的地方，再慢慢將這些知識點給補上。在第二章節介紹...

東尼先生 ‧ 2022-10-11

0 Like 0 留言 777 瀏覽

鐵人賽 Modern Web DAY 28

從零開始手刻網站，30 天打造我的前端武器庫系列第 28 篇

技術 Day 28：置中功能實作

功能實作 : Demo 一、前言本篇主要在探討「各種 CSS 置中排版的技巧」，這些技巧主要是參考 Amos 大的「CSS垂直置中技巧，我只會23個，你...

東尼先生 ‧ 2022-10-12

0 Like 0 留言 1214 瀏覽

鐵人賽 Modern Web DAY 27

從零開始手刻網站，30 天打造我的前端武器庫系列第 27 篇

技術 Day 27：CSS 選擇器功能實作

組件實作 : Demo 一、前言今天要來實作CSS Selectors（選擇器），選擇器的最主要用途，就是讓 CSS 可以更精準的選取到想要的元素，如果...

東尼先生 ‧ 2022-10-11

0 Like 0 留言 833 瀏覽

鐵人賽自我挑戰組 DAY 26

手刻武器庫，30 天前端學習心得系列第 26 篇

技術 Day 26：最有生產力的一年，價值，就從認識自己開始

一、前言今天來談談一些比較輕鬆的話題，由於國慶日放假陪伴家人，我就沒有去研究 React 的相關用法。雖然這篇不是純技術的文章，但是應該會是一個很好的經驗談...

東尼先生 ‧ 2022-10-10

0 Like 0 留言 567 瀏覽

鐵人賽 Modern Web DAY 26

從零開始手刻網站，30 天打造我的前端武器庫系列第 26 篇

技術 Day 26：Flexbox 功能實作

組件實作 : Demo 一、前言今天要來研究一下 Flexbox 的寫法，它是一個用來排版的神器，可以很有效的處理元素水平與垂直置中對齊，本篇主要是參考...