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

0 Like 0 留言 737 瀏覽

技術【前端動手玩創意】側邊超質感選單｜幫你的網頁多一點質感好嗎？(14)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-07-26

0 Like 0 留言 1159 瀏覽

技術【後端php之死而復生】會員管理系統 (4)：表單接收一把抓(ง๑ •̀_•́)ง。

目錄【後端php之死而復生】會員管理系統 (1)：系列文目標介紹，這段旅程中要學到什麼？【後端php之死而復生】會員管理系統 (2)：PHP第一件事情，就是存...

Oo_花之舞__oO ‧ 2023-05-18

0 Like 0 留言 1271 瀏覽

技術【前端動手玩創意】卡片製作，才不是！是卡片製作器！(10)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-04-26

0 Like 1 留言 1616 瀏覽

技術【前端動手玩創意】前端canvas截圖的招式！竟然有三招，可存成SVG或PNG (7)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-04-21

2 Like 0 留言 1118 瀏覽

技術【前端動手玩創意】遮蔽廣告(D卡未登入)腳本、自定義新增名單(6)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-04-21

0 Like 0 留言 1410 瀏覽

技術【前端動手玩創意】創造一個Skill bar(5)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-03-29

0 Like 0 留言 1265 瀏覽

技術【前端動手玩創意】一句CSS做出好看的hero section！(4)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-03-26

0 Like 0 留言 1499 瀏覽

技術 CSS筆記-絕對位置的置中方法(position:absolute)

筆記觀念絕對位置認識絕對位置的都知道，可以用它來讓東西亂飄在頁面的任何位置只要使用top left right bottom 去設定就好所以我們可以利用...

Oo_花之舞__oO ‧ 2023-03-24

0 Like 0 留言 1944 瀏覽

技術 JS筆記-VScode的Prettier(自動排版)怎麼開始使用？

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

Oo_花之舞__oO ‧ 2023-03-24

0 Like 1 留言 2765 瀏覽

技術【前端動手玩創意】等待的轉圈圈效果 (1)

目錄【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...

Oo_花之舞__oO ‧ 2023-03-19

0 Like 0 留言 1153 瀏覽

技術【前端動手玩創意】自學之旅從這系列開始 (0)

寫文緣由現在想要自學前端的人非常多，有些人汲汲營營迷失在網路的資訊大海嘯裡面，有些人想要犧牲金錢買來貴桑桑的課程，卻發現自己沒什麼成長。這些都是很可惜的彎路，...

Oo_花之舞__oO ‧ 2023-03-19

0 Like 1 留言 1376 瀏覽

技術 JS筆記-VScode自己設定速打

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

Oo_花之舞__oO ‧ 2023-03-19

3 Like 2 留言 1285 瀏覽

技術 JS筆記-暫時讓網頁可以編輯

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

Oo_花之舞__oO ‧ 2023-03-18

1 Like 0 留言 1268 瀏覽

技術 JS筆記-製作copy效果

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

Oo_花之舞__oO ‧ 2023-03-17

0 Like 0 留言 1411 瀏覽

技術前端小試身手(4)--it幫發文「一眼全覽」

目錄前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕～前端小試身手(2)--it幫跳轉到最佳解答前端小試身手(3)--增添系列文...

Oo_花之舞__oO ‧ 2023-01-19

1 Like 0 留言 1602 瀏覽

技術 JS筆記-讓chrome跳過「允許下載多個檔案」的技巧

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

Oo_花之舞__oO ‧ 2023-01-13

0 Like 1 留言 716 瀏覽

鐵人賽 Modern Web DAY 30

自己工具，自己 React － React學習系列第 30 篇

技術【D30】總結小工具

做個總和，就把所有整合在一起，就把之前 Day11 、 Day18 和 Day28 的 component 放在一起吧！修改 index.js import...

eyelash*睫毛 ‧ 2022-10-15

0 Like 0 留言 1338 瀏覽

鐵人賽 Modern Web DAY 29

自己工具，自己 React － React學習系列第 29 篇

技術【D29】 CSS in JS：嘗試讓 React 有變化

何謂 CSS in JS 在之前的範例中，已經把 React 分成一個一個模組（我們的身分證製造機還沒有分好XD），這樣可達到元件、功能變成模組化。既然 HTM...

eyelash*睫毛 ‧ 2022-10-14

0 Like 0 留言 456 瀏覽

鐵人賽 Modern Web DAY 28

自己工具，自己 React － React學習系列第 28 篇

技術【D28】小工具：身分證製造機（part 8）－加入檢查

這次來簡單加入一下之前 Day20的檢查工具，來檢查我們製作出來的身分證是不是合規。 .js 引入功能把之前 Day20 做好的檔案 IDChecker.js...

eyelash*睫毛 ‧ 2022-10-13

0 Like 0 留言 787 瀏覽

鐵人賽 Modern Web DAY 27

自己工具，自己 React － React學習系列第 27 篇

技術【D27】小工具：身分證製造機（part 7）－畫面與功能結合

製作完產生身分證的 JavaScript，接著就把它們放入 React 的程式中。 .jsx 引入功能在使用 Day25 的樣式，結合 Day26 的程式，就...

eyelash*睫毛 ‧ 2022-10-12

0 Like 0 留言 628 瀏覽

鐵人賽 Modern Web DAY 26

自己工具，自己 React － React學習系列第 26 篇

技術【D26】小工具：身分證製造機（part 6）－製作身分證製造功能

已經在 Day25中設計了製作身分證的樣式，接下來要製作點擊按鈕後進行的程式邏輯。製作邏輯的 js 檔案建立一個 idnoCreater.js 的檔案，裡面...

eyelash*睫毛 ‧ 2022-10-11

0 Like 0 留言 587 瀏覽

鐵人賽 Modern Web DAY 25

自己工具，自己 React － React學習系列第 25 篇

技術【D25】小工具：身分證製造機（part 5）－製作身分證製造機產生頁面

之前遇到的問題還沒有解法，但在 JavaScript 中是可以判斷身分證是否正確，僅在頁面顯示無法的，因此先略過這邊，我們繼續製作身分證製造機。目標這次要做...

eyelash*睫毛 ‧ 2022-10-10

0 Like 0 留言 574 瀏覽

鐵人賽 Modern Web DAY 22

自己工具，自己 React － React學習系列第 22 篇

技術【D22】小工具：身分證製造機（part 4）－製作檢查頁面

檢查功能做完，接著要把功能與畫面結合，這時 React 就登場囉！這邊會做基本資料檢查製作畫面我們畫面就很簡單的做一個輸入的欄位，還有觸發檢查的按鈕，並且...

eyelash*睫毛 ‧ 2022-10-07

0 Like 0 留言 1528 瀏覽

鐵人賽 Modern Web DAY 19

自己工具，自己 React － React學習系列第 19 篇

技術【D19】小工具：身分證製造機（part 1）－規則

這次製作新的小工具－身分證製造機！身分證製造機這工具個人很常用，因為要模擬客戶進行交易、帳務處理、顧客管理等等都會要用到，而且還要可以批次產生，因此才想到要做...

eyelash*睫毛 ‧ 2022-10-04

0 Like 0 留言 1016 瀏覽

鐵人賽 Modern Web DAY 18

自己工具，自己 React － React學習系列第 18 篇

技術【D18】再探 props：修改上下層資料（part 2）

上次使用了參數，讓可以從親層修改子層，但要如何讓子層修改親層呢？製作新子層要修改親層的方法，就是在修改的 handler 傳到子層，藉由呼叫 handler...

eyelash*睫毛 ‧ 2022-10-03

0 Like 0 留言 608 瀏覽

鐵人賽 Modern Web DAY 16

自己工具，自己 React － React學習系列第 16 篇

技術【D16】小工具：轉換字串編碼（part 2）

先前問題與解法於昨日探討 React 避免太多的轉譯（Render）動作，因此改變 state 並不會馬上反應，會需要等到批次作業，因此需要取得另外處理。第...

eyelash*睫毛 ‧ 2022-10-01

0 Like 0 留言 504 瀏覽

鐵人賽 Modern Web DAY 12

自己工具，自己 React － React學習系列第 12 篇

技術【D12】小小雜談：重整一下腳步

下半場規劃目前已經到達 12 日，已經可以做出初步的 React 網頁，其中包含著建立 React 物件，並且在本機運作中轉譯（render）成我們想要的 H...

eyelash*睫毛 ‧ 2022-09-27

0 Like 0 留言 795 瀏覽

鐵人賽 Modern Web DAY 9

自己工具，自己 React － React學習系列第 9 篇

技術【D9】製作簡易互動的 .jsx

昨日【D8】有點小問題，其實<div id="result">的值React 已經會幫忙轉譯，可以顯示test，但是從input...

eyelash*睫毛 ‧ 2022-09-24

0 Like 1 留言 838 瀏覽

技術公司防火牆架設後對外網頁帳號密碼錯誤

我們公司換防火牆之後別台電腦對子公司網站登入網頁卻可以正常開啟登入卻一直顯示帳號密碼錯誤只有繞過防火牆的電腦可以登入對方也沒綁定ip用chrome或是edge都...

fed8rw789 ‧ 2021-11-02

0 Like 0 留言 917 瀏覽

鐵人賽自我挑戰組 DAY 8

從freeCodeCamp進入前端宇宙系列第 8 篇

技術視覺設計(3)

浮動與清除浮動 float為浮動屬性，用來調整元素的布局。常用left、right兩個值來使元素靠左或靠右，元素會如同position: absolute的...

JackyHuang ‧ 2021-09-10

技術 【前端動手玩創意】側邊超質感選單｜幫你的網頁多一點質感好嗎？(14)

技術 【後端php之死而復生】會員管理系統 (4)：表單接收一把抓(ง๑ •̀_•́)ง。

技術 【前端動手玩創意】卡片製作，才不是！是卡片製作器！(10)

技術 【前端動手玩創意】前端canvas截圖的招式！竟然有三招，可存成SVG或PNG (7)

技術 【前端動手玩創意】遮蔽廣告(D卡未登入)腳本、自定義新增名單(6)

技術 【前端動手玩創意】創造一個Skill bar(5)

技術 【前端動手玩創意】一句CSS做出好看的hero section！(4)

技術 CSS筆記-絕對位置的置中方法(position:absolute)

技術 JS筆記-VScode的Prettier(自動排版)怎麼開始使用？

技術 【前端動手玩創意】等待的轉圈圈效果 (1)

技術 【前端動手玩創意】自學之旅從這系列開始 (0)

技術 JS筆記-VScode自己設定速打

技術 JS筆記-暫時讓網頁可以編輯

技術 JS筆記-製作copy效果

技術 前端小試身手(4)--it幫發文「一眼全覽」

技術 JS筆記-讓chrome跳過「允許下載多個檔案」的技巧

技術 【D30】 總結小工具

技術 【D29】 CSS in JS：嘗試讓 React 有變化

技術 【D28】 小工具：身分證製造機（part 8）－加入檢查

技術 【D27】 小工具：身分證製造機（part 7）－畫面與功能結合

技術 【D26】 小工具：身分證製造機（part 6）－製作身分證製造功能

技術 【D25】 小工具：身分證製造機（part 5）－製作身分證製造機產生頁面

技術 【D22】 小工具：身分證製造機（part 4）－製作檢查頁面

技術 【D19】 小工具：身分證製造機（part 1）－規則

技術 【D18】 再探 props：修改上下層資料（part 2）

技術 【D16】 小工具：轉換字串編碼（part 2）

技術 【D12】 小小雜談：重整一下腳步

技術 【D9】 製作簡易互動的 .jsx

技術 公司防火牆架設後對外網頁帳號密碼錯誤

技術 視覺設計(3)

標記使用者

技術【前端動手玩創意】側邊超質感選單｜幫你的網頁多一點質感好嗎？(14)

技術【後端php之死而復生】會員管理系統 (4)：表單接收一把抓(ง๑ •̀_•́)ง。

技術【前端動手玩創意】卡片製作，才不是！是卡片製作器！(10)

技術【前端動手玩創意】前端canvas截圖的招式！竟然有三招，可存成SVG或PNG (7)

技術【前端動手玩創意】遮蔽廣告(D卡未登入)腳本、自定義新增名單(6)

技術【前端動手玩創意】創造一個Skill bar(5)

技術【前端動手玩創意】一句CSS做出好看的hero section！(4)

技術【前端動手玩創意】等待的轉圈圈效果 (1)

技術【前端動手玩創意】自學之旅從這系列開始 (0)

技術前端小試身手(4)--it幫發文「一眼全覽」

技術【D30】總結小工具

技術【D29】 CSS in JS：嘗試讓 React 有變化

技術【D28】小工具：身分證製造機（part 8）－加入檢查

技術【D27】小工具：身分證製造機（part 7）－畫面與功能結合

技術【D26】小工具：身分證製造機（part 6）－製作身分證製造功能

技術【D25】小工具：身分證製造機（part 5）－製作身分證製造機產生頁面

技術【D22】小工具：身分證製造機（part 4）－製作檢查頁面

技術【D19】小工具：身分證製造機（part 1）－規則

技術【D18】再探 props：修改上下層資料（part 2）

技術【D16】小工具：轉換字串編碼（part 2）

技術【D12】小小雜談：重整一下腳步

技術【D9】製作簡易互動的 .jsx

技術公司防火牆架設後對外網頁帳號密碼錯誤

技術視覺設計(3)