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

0 Like 0 留言 1622 瀏覽

鐵人賽自我挑戰組 DAY 15

從零開始前端學習(HTML、CSS、JavaScript) 系列第 15 篇

技術 Day 15 CSS <網頁布局-定位布局-1.定位模式>

為什麼需要定位元素? 定位元素可以實現 : 某個元素可以自由地在一個盒子內移動位置，並且壓住其他盒子當滾動窗口的時候，盒子是固定屏幕某個位置的所以 :...

a0265392_lin ‧ 2021-09-25

0 Like 0 留言 1054 瀏覽

鐵人賽自我挑戰組 DAY 14

從零開始前端學習(HTML、CSS、JavaScript) 系列第 14 篇

技術 Day 14 CSS <網頁布局-浮動布局>

浮動屬性float用於創建浮動使其移動到另一邊直到左或右邊緣觸及包含塊或另一個浮動框的邊緣語法 : 選擇器{float:屬性值;} /*...

a0265392_lin ‧ 2021-09-24

0 Like 0 留言 733 瀏覽

鐵人賽 Modern Web DAY 8

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 8 篇

技術 [Day 8]開賽八天即遭遇難題(前端篇)

挑戰目標: MockNative Camp前端今天原本是要來refactor和解決hover的問題的，但是在將navtab給component化時遭遇難題，...

Moscle.dev ‧ 2021-09-23

0 Like 0 留言 722 瀏覽

鐵人賽 Modern Web DAY 7

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 7 篇

技術 [Day 7]想不到有梗的標題LA(前端篇)

沒有想到連假結束後的第一天就要冨樫了...，我工作的公司在新加坡，而我在台灣full remote，我們中秋放連假而新加坡那邊沒放假，導致一開工就滿多事情要處理...

Moscle.dev ‧ 2021-09-22

0 Like 0 留言 757 瀏覽

鐵人賽 Modern Web DAY 6

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 6 篇

技術 [Day 6]中秋時在做什麼，有沒有空，可以幫想標題嗎(前端篇)

今天來實作Navite Camp的Nav，看官們可以點網址去看他的效果，因為沒有時間，滑鼠移動到各tab時下面橘色border會滑順的移動，這個暫時沒時間去實作...

Moscle.dev ‧ 2021-09-21

0 Like 0 留言 736 瀏覽

鐵人賽 Modern Web DAY 5

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 5 篇

技術 [Day 5]新手村外的首戰是史萊姆應該是定番吧

今天我們來完成Header，不過位置方面我是使用Tailwinds CSS，要花時間客製化位置，但我沒那麼多時間所以沒辦法對的很準，請看官們見諒。這是Nati...

Moscle.dev ‧ 2021-09-20

0 Like 0 留言 825 瀏覽

鐵人賽 Modern Web DAY 25

33歲轉職者的前端筆記系列第 25 篇

技術 33歲轉職者的前端筆記-DAY 25 JavaScript 迴圈語法筆記

定義重複性的執行某個操作，一直做一樣的事情，有終止條件。較常用的迴圈 for while do…while for迴圈只要有達到條件就會一直執行，直到...

a841722 ‧ 2021-09-25

0 Like 0 留言 3689 瀏覽

鐵人賽 Modern Web DAY 5

關於 UI 元件你所該知道的事系列第 5 篇

技術 Day 05 - 行前說明 — UI 元件分類你知多少？

今天是行前說明的最後一篇了，前面幾篇都是很架構面的知識，而今天要講的就是真的很貼近 UI 元件的分類系統了。首先想先回答一個問題：「UI 元件為什麼要分類呢...

parkerhiphop027 ‧ 2021-09-20

0 Like 0 留言 898 瀏覽

鐵人賽 Modern Web DAY 23

33歲轉職者的前端筆記系列第 23 篇

技術 33歲轉職者的前端筆記-DAY 23 JavaScript 變數與型別

Nan => Not a Number，要判斷是不是NaN要用：isNaN(); 注意自動轉型，可以先利用 typeof 判斷型別如果是數值運...

a841722 ‧ 2021-09-23

0 Like 0 留言 1044 瀏覽

鐵人賽 Modern Web DAY 22

33歲轉職者的前端筆記系列第 22 篇

技術 33歲轉職者的前端筆記-DAY 22 成績計算機練習筆記

流程 1.先觀察畫面，哪些值需要抓2.抓HTML的值：a.先宣告變數，變數就是抓HTML的值，也可以說變數取代HTML的值之後用變數做程式的處理。例：const...

a841722 ‧ 2021-09-22

0 Like 0 留言 643 瀏覽

鐵人賽 Modern Web DAY 21

33歲轉職者的前端筆記系列第 21 篇

技術 33歲轉職者的前端筆記-DAY 21 英吋轉公分單位轉換器練習筆記

基本語法筆記四捨五入： Math.round(); 無條件進位： Math.ceil(); 無條件捨去： Math.floor(); 英吋轉公分單位轉換器...

a841722 ‧ 2021-09-21

0 Like 0 留言 733 瀏覽

鐵人賽 Modern Web DAY 4

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 4 篇

技術 [Day4]專案始動-續(前端篇)

今天我們繼續來設定我們的架構，首先先把index.js的預設內容給刪除掉。透過檢視原始碼，可以取得title以及icon，整理一下之後index.js imp...

Moscle.dev ‧ 2021-09-19

0 Like 0 留言 1277 瀏覽

鐵人賽 Modern Web DAY 18

33歲轉職者的前端筆記系列第 18 篇

技術 33歲轉職者的前端筆記-DAY 18 練習寫一個自我介紹產生器

變數基本概念常數：const 不可重新賦予新值變數：let 可重新賦予新值建立常數a並儲存(或設定)“david”cost a = “david”; 自我...

a841722 ‧ 2021-09-18

0 Like 0 留言 534 瀏覽

鐵人賽 Modern Web DAY 2

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 2 篇

技術 [Day 2]我也好想要有鑑定技能(前端篇)

如果被老闆發現我們可以一眼鑑定出需求的細節和問題的原因，那我們的工作量會不會變更多 Mock的第一步就是先觀察今天我們來觀察此次挑戰的目標 NativeCa...

Moscle.dev ‧ 2021-09-17

0 Like 0 留言 526 瀏覽

鐵人賽 Modern Web DAY 1

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 1 篇

技術 [Day 1] 主角總是最後登場的 (前端篇)

其實只是拖延症點到滿等的我，說是主角其實只是拖延症發作有看過某些YT頻道的應該有聽過這段話什麼樣的人適合閱讀此挑戰- 不在意內容的人(此為自己的挑戰，能做到...

Moscle.dev ‧ 2021-09-16

0 Like 1 留言 1041 瀏覽

鐵人賽 Modern Web DAY 17

33歲轉職者的前端筆記系列第 17 篇

技術 33歲轉職者的前端筆記-DAY 17 Bootstrap 介紹及使用方法

什麼是 Bootstrap ? 是一個框架系統是一個UI的框架 (framework) 已提供現成可供使用的語法可快速方便完成網站增加開發效率使用方法...

a841722 ‧ 2021-09-17

0 Like 0 留言 679 瀏覽

鐵人賽 Modern Web DAY 16

33歲轉職者的前端筆記系列第 16 篇

技術 33歲轉職者的前端筆記-DAY 16 使用 jQuery 寫出動畫效果

新增畫面及移除畫面點擊show時會呈現以下結果：點擊hide時會呈現以下結果(消失了)： jQuery 程式碼可以這樣寫： <script>...

a841722 ‧ 2021-09-16

0 Like 0 留言 827 瀏覽

鐵人賽 Modern Web DAY 15

33歲轉職者的前端筆記系列第 15 篇

技術 33歲轉職者的前端筆記-DAY 15 jQuery 基礎語法

什麼是jQuery 由js發開出來的函式庫可以解決瀏覽器相容的問題雖然由js開發出來，但不完全等於js，只是用jQuery的語法寫出來而已引入方式：下載...

a841722 ‧ 2021-09-15

0 Like 0 留言 854 瀏覽

鐵人賽 Modern Web DAY 13

33歲轉職者的前端筆記系列第 13 篇

技術 33歲轉職者的前端筆記-DAY 13 圖片格式及影音格式

圖片網頁上一定會有多許多圖片元素我們在開發網站時需多了解圖片的特性及格式，在開發的過程會更加順利。圖片標籤 img 為在 HTML 中插入圖片的標籤語法...

a841722 ‧ 2021-09-13

0 Like 0 留言 1460 瀏覽

鐵人賽 Modern Web DAY 11

33歲轉職者的前端筆記系列第 11 篇

技術 33歲轉職者的前端筆記-DAY 11 一些網頁切版技巧的小筆記-Part 2

承上篇 CSS 小筆記漸變(淡入淡出)：CSS屬性秒數速度曲線範例code如下： .g-100 { filter: grayscale(100%)...

a841722 ‧ 2021-09-11

0 Like 0 留言 1008 瀏覽

鐵人賽 Modern Web DAY 9

33歲轉職者的前端筆記系列第 9 篇

技術 33歲轉職者的前端筆記 DAY 9 陣列資料的處理方法

陣列在處理資料的時候幾乎是必備工具了學習到現在陣列是我最不熟的地方所以今天就來寫個筆記幫助學習 push() 在陣列資料的最後一筆新增一個至多個元素，並回傳...

a841722 ‧ 2021-09-09

0 Like 0 留言 1321 瀏覽

鐵人賽 Modern Web DAY 4

33歲轉職者的前端筆記系列第 4 篇

技術 33歲轉職者的前端筆記 DAY 4 固定浮動選單 RWD 寫法

隨著智慧型手機的普及網頁設計也要隨著時代的潮流而寫出適合智慧型手機用戶的網頁今天的筆記是目前最常見的 RWD 應用：固定浮動選單首先先上範例圖：背景雖...

a841722 ‧ 2021-09-04

2 Like 3 留言 3169 瀏覽

鐵人賽 Modern Web DAY 2

33歲轉職者的前端筆記系列第 2 篇

技術 33歲轉職者的前端筆記-DAY 2 如何處理 BUG 及遇到 BUG 的心態

相信很多程式開發者在開發專案的時候一定會遇到同樣的問題那就是一定會碰到有 BUG 時候在遇到 BUG 的時候通常會有以下幾種心態及狀況：(每個人狀況不同...

a841722 ‧ 2021-09-02

1 Like 0 留言 5861 瀏覽

技術【前端 HTML/JSX】在Input框內部加上Icon？除了使用Bootstrap、Semantic或Material-UI之外你還可以這麼做

相信像下列的輸入框需求，在前端開發的時候很容易遇到菜鳥前端的第一直覺大概就會想要這樣寫... 把icon的部分直接放在 <input>裡面 &lt...

一宵三筵 ‧ 2021-03-08

0 Like 0 留言 2128 瀏覽

技術 Vuex 是什麼

Vuex 是 Vue 提供的一種資料狀態管理的模式，它可以統一控管資料的狀態，都是在小型的 SPA 網站，元件資料的傳遞可以透過 props ，但如果是大型的...

Jerry Huang ‧ 2020-11-03

0 Like 1 留言 1446 瀏覽

鐵人賽自我挑戰組 DAY 30

每天來點 Vue.js 吧系列第 30 篇

技術每天來點 Vue.js 吧目錄&總結

tags: Vuejs 本次鐵人作為進入 Vue 3 的前的粗淺回顧，簡單介紹了 Vue 2 官網的內容，雖然有許多不足，中段開始時間調控上做的也不如預期，但在...

RURU Tseng ‧ 2020-10-15

0 Like 1 留言 1710 瀏覽

鐵人賽自我挑戰組 DAY 29

每天來點 Vue.js 吧系列第 29 篇

技術 Vue 動態組件

tags: Vuejs 動態組件 ✐ 動態組件可以幫助我們動態切換組件，例如在網頁的多標籤介面中常見到動態切換組件的需求，便是動態組件能幫忙的場景之一。使用...

RURU Tseng ‧ 2020-10-14

0 Like 1 留言 2052 瀏覽

鐵人賽自我挑戰組 DAY 28

每天來點 Vue.js 吧系列第 28 篇

技術 Vue slot：作用域插槽、具名插槽的縮寫

tags: Vuejs 作用域插槽 <slot> 內容在父模板編譯，基於 Vue 的定義，在父模板中編譯的內容訪問 parent scope，在子模...

RURU Tseng ‧ 2020-10-13

0 Like 0 留言 1343 瀏覽

鐵人賽自我挑戰組 DAY 27

每天來點 Vue.js 吧系列第 27 篇

技術 Vue slot：具名插槽

tags: Vuejs 具名插槽 ✐ 若是需要多個插槽，可以在 <slot> 中使用 name attribute，定義命名的插槽，可以定義具有多個...

RURU Tseng ‧ 2020-10-12

0 Like 2 留言 1098 瀏覽

鐵人賽自我挑戰組 DAY 26

每天來點 Vue.js 吧系列第 26 篇

技術 Vue slot：編譯作用域、後備內容

tags: Vuejs <slot> 是什麼？ ✐ Vue 中的 <slot> 是 Vue 內置的組件 build-in compone...

RURU Tseng ‧ 2020-10-11