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

0 Like 0 留言 155 瀏覽

鐵人賽 Modern Web DAY 15

連我阿公都會-手把手教你架網站系列第 15 篇

技術【Day15】專題實作：簡易計算機

前些日子呢，我們一同學習了許多有關網頁三件套 —— HTML、CSS、JS的內容。納在本日的篇章中，我將帶著您使用這幾日所學，來實作出一個計算機的應用！完成效...

ttdragon0722 ‧ 2023-09-30 ‧團隊最強資工大電神

0 Like 0 留言 230 瀏覽

鐵人賽自我挑戰組 DAY 18

新手工程師第一份專案會遇到的職場大小事系列第 26 篇

技術 day26.後端面試相關(二):有遇過的面試題part2

session與cookie的差異? 知道他們分別怎麼應用嗎? A:參考答案請問一個表格最多可以建立多少個叢集索引? [SQL] A:1個...

艾米 ‧ 2023-09-29

0 Like 0 留言 657 瀏覽

鐵人賽 Modern Web DAY 29

用不到 30 天學會基本 TypeScript 系列第 29 篇

技術聲明文件 ( Declaration Files )

本篇只會稍微提到製作聲明文件的方式，並不會有過多深入的探討。為什麼需要聲明文件？有時候當我們使用第三方模組時，它們是依據純 JavaScript 來撰寫...

威爾豬 ‧ 2023-09-29

0 Like 0 留言 140 瀏覽

鐵人賽自我挑戰組 DAY 14

從零開始學習前端系列第 14 篇

技術 #從零開始1️⃣3️⃣：優化程式碼，更好的SEO

還記得在#從零開始9️⃣：都只用div不行嗎? 為甚麼要用ul li語意化標籤，我們討論了要使用語意化標籤，非不得已的情況下再使用如div的非語意化標籤。其中使...

RochelWang ‧ 2023-09-29

0 Like 0 留言 761 瀏覽

鐵人賽 Modern Web DAY 28

用不到 30 天學會基本 TypeScript 系列第 28 篇

技術裝飾器 ( Decorators )

裝飾器可以使我們可以在類別、方法、屬性或參數上添加元數據（metadata），並根據這些元數據來自動轉化或擴充程式碼。它可以在類別或方法不修改程式碼的情況下做一...

威爾豬 ‧ 2023-09-28

0 Like 0 留言 168 瀏覽

鐵人賽自我挑戰組 DAY 13

從零開始學習前端系列第 13 篇

技術 #從零開始1️⃣2️⃣：background-image的特性以及怎麼用?

先在HTML設定，撐出高度。 <div class="element"> <p>#從零開始：backgroun...

RochelWang ‧ 2023-09-28

0 Like 0 留言 667 瀏覽

鐵人賽 Modern Web DAY 27

用不到 30 天學會基本 TypeScript 系列第 27 篇

技術 Utility 型別 Ⅱ

之前我們講過了幾個 Utility 型別 Ⅰ，忘記了的小夥伴可以再來看看。TypeScript 還提供了其它的 Utility 型別工具： Extract Ex...

威爾豬 ‧ 2023-09-27

0 Like 0 留言 360 瀏覽

鐵人賽 Modern Web DAY 12

連我阿公都會-手把手教你架網站系列第 12 篇

技術【Day12】讓網頁動起來（2）元老級插件jQuery！

上一篇中，我們淺談了JavaScript的基礎，但想要更加深入JS的領域，光有基礎的概念是遠遠不夠的。因此，本篇將為您借紹JS中的最受歡迎的元老級插件 ── j...

ttdragon0722 ‧ 2023-09-27 ‧團隊最強資工大電神

0 Like 0 留言 247 瀏覽

鐵人賽自我挑戰組 DAY 12

從零開始學習前端系列第 12 篇

技術 #從零開始1️⃣1️⃣：含圖片卡片切圓角的各種方法和效果

可以看以下的程式碼和截圖，或者看codepen範例：https://codepen.io/rochelwang1205/pen/LYMQMMP 個別設定的方式...

RochelWang ‧ 2023-09-27

0 Like 0 留言 621 瀏覽

鐵人賽 Vue.js DAY 12

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 12 篇

技術 DAY 12 - 拆 ! 拆 ! 拆 !，將 Vue 元件化 ( Component )

DAY 12 - 拆 ! 拆 ! 拆 !，將 Vue 元件化 ( Component ) 元件的概念什麼是元件( Component ) ? 我們在開發...

阿蘇蘇 ‧ 2023-09-27 ‧團隊大船要開囉

0 Like 1 留言 1255 瀏覽

鐵人賽 SideProject30 DAY 11

30天製作RWD個人品牌網站系列第 11 篇

技術 Day11. 切版前知識(一) VSCode 使用教學、擴充套件推薦

嗨～接下來要開始進入切版了，開始切版前，有些必須知道的知識必須了解。之後切版會使用VSCode來做程式撰寫，今天先帶大家認識VSCode這個強大的前端開發軟體吧...

luna0228 ‧ 2023-09-26

1 Like 0 留言 815 瀏覽

鐵人賽 Modern Web DAY 26

用不到 30 天學會基本 TypeScript 系列第 26 篇

技術高級型別

在一開始我們就介紹了聯合類型和交叉類型這兩種常用到的高級型別，威爾豬自己也是比較常使用它們。這次我們來看看還有哪些高級型別可以使用：映射類型 ( Mapp...

威爾豬 ‧ 2023-09-26

0 Like 0 留言 130 瀏覽

鐵人賽自我挑戰組 DAY 11

從零開始學習前端系列第 11 篇

技術 #從零開始1️⃣0️⃣：去除img、span標籤下方的空隙

使用開發者工具看圖片時，發現下方有個空隙，這是為什麼? 因為預設img為行內元素，和示意圖文字一樣留出空間給y,g英文字母。去除空隙的辦法 codepen參...

RochelWang ‧ 2023-09-26

0 Like 0 留言 400 瀏覽

鐵人賽 Modern Web DAY 11

連我阿公都會-手把手教你架網站系列第 11 篇

技術【Day11】讓網頁動起來（1） → Javascript 速成

在前面的七篇中，我們講解了構成網頁設計的基礎要素：CSS。但這遠遠是不夠的，CSS只能賦予網頁靜態的美術效果與資訊展示。然而，我們對現代網站的期望通常都具備動態...

ttdragon0722 ‧ 2023-09-26 ‧團隊最強資工大電神

0 Like 0 留言 394 瀏覽

鐵人賽 Vue.js DAY 11

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 11 篇

技術 DAY 11 - V-for 渲染列表，輸入key值的重要性

DAY 11 - V-for 渲染列表，輸入key值的重要性 v-for 渲染列表我們什麼情況下會用到 v-for 呢 ?我有一大筆資料想要讓他依序顯示...

阿蘇蘇 ‧ 2023-09-26 ‧團隊大船要開囉

0 Like 0 留言 150 瀏覽

鐵人賽自我挑戰組 DAY 10

從零開始學習前端系列第 10 篇

技術 #從零開始9️⃣：都只用div不行嗎? 為甚麼要用ul li語意化標籤

div超好用，甚麼情況下都可以用，但上了課後、網路上找了相關文章，得到的回饋都不建議這麼做。關於div， Authors are strongly enco...

RochelWang ‧ 2023-09-25

0 Like 0 留言 300 瀏覽

鐵人賽 Modern Web DAY 9

連我阿公都會-手把手教你架網站系列第 9 篇

技術【Day09】前端撰寫（6）淺談RWD響應式網頁設計

擷自 digitalsynopsis.com 在前面的篇章中，我們學習了如何撰寫CSS的各個屬性來設計出精美的網頁，但您是否有想過：「用電腦設計出來的網頁，為...

ttdragon0722 ‧ 2023-09-24 ‧團隊最強資工大電神

0 Like 0 留言 214 瀏覽

鐵人賽自我挑戰組 DAY 9

從零開始學習前端系列第 9 篇

技術 #從零開始8️⃣：比較inline-block、inline和block

上一篇說了替換元素和非替換元素，接著這篇想要整理和比較inline-block、inline和block。定義 inline-block： inline-bl...

RochelWang ‧ 2023-09-24

0 Like 0 留言 137 瀏覽

鐵人賽自我挑戰組 DAY 8

從零開始學習前端系列第 8 篇

技術 #從零開始7️⃣：樣式對標籤無效? 非替換元素及替換元素

以為對標籤、樣式越來越熟悉之後，就會海闊天空、一路順遂(理想)，但某天遇到了一個情況(實在是令人煩躁)，情況如下：我想對label設定margin-top，但無...

RochelWang ‧ 2023-09-23

0 Like 0 留言 520 瀏覽

鐵人賽 Vue.js DAY 8

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 8 篇

技術 DAY 8 - v-model 雙向綁定與修飾符運用

DAY 8 - v-model 雙向綁定與修飾符運用接下來DAY 8 ~ DAY 11 會來到 Vue 的指令篇，這邊就是比較基礎的常用的指令，會一一來慢...

阿蘇蘇 ‧ 2023-09-23 ‧團隊大船要開囉

0 Like 0 留言 354 瀏覽

鐵人賽 Modern Web DAY 7

連我阿公都會-手把手教你架網站系列第 7 篇

技術【Day07】前端撰寫（4）CSS Flex屬性，並使用Flex做一個簡單頁尾（Footer）

在本篇中，我們將介紹CSS中的flex。如同它的名字flex般，這個屬性非常具有彈性，有著能夠適應各個網頁縮放比例的自適應能力，可以說是我們在做網頁設計中的排版...

ttdragon0722 ‧ 2023-09-22 ‧團隊最強資工大電神

0 Like 0 留言 316 瀏覽

鐵人賽自我挑戰組 DAY 7

從零開始學習前端系列第 7 篇

技術 #從零開始6️⃣：box-sizing圖解

為了要讓各個區塊、內容外觀符合設計稿或者更好看，計算每個樣式帶來的影響和結果，有的時候也是很煩(算錯的時候更煩)，這個時候box-sizing就派上用場了! b...

RochelWang ‧ 2023-09-22

0 Like 0 留言 648 瀏覽

鐵人賽 Vue.js DAY 7

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 7 篇

技術 DAY 7 -深入了解 Dom 元素，了解 Virtual DOM 原理

DAY 7 - 深入了解 Dom 元素，了解 Virtual DOM 原理 Dom 元素是什麼 ? DOM : Document Object Mode 文...

阿蘇蘇 ‧ 2023-09-22 ‧團隊大船要開囉

0 Like 1 留言 1158 瀏覽

鐵人賽 Modern Web DAY 21

用不到 30 天學會基本 TypeScript 系列第 21 篇

技術泛型（Generics）

泛型在 TypeScript 裡，是很重要的一個環節，幾乎都會看到它的身影。在前面的文章範例裡，應該或多或少都有使用到泛型，那泛型究竟是什麼？為什麼這麼重要呢？...

威爾豬 ‧ 2023-09-21

0 Like 0 留言 138 瀏覽

鐵人賽自我挑戰組 DAY 6

從零開始學習前端系列第 6 篇

技術 #從零開始5️⃣：使用padding和margin

在了解基本的標籤後，就可以開始組合使用，來呈現出網頁的區塊。這些區塊中，我們會需要根據需求(或是設計稿)，來調整每個標籤元素樣式(包含顏色、字體、字型大小等...

RochelWang ‧ 2023-09-21

0 Like 0 留言 3428 瀏覽

鐵人賽自我挑戰組 DAY 7

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 7 篇

技術【Day7】ChatGPT請教教我：網頁入門 - jQuery

jQuery是一個2006年推出的JS函式庫三大框架盛行的至今，到了2023年還是有許多台灣的企業還在使用jQuery以初學網頁的角度，我個人認同jQuery是...

一宵三筵 ‧ 2023-09-21

0 Like 1 留言 772 瀏覽

鐵人賽 Vue.js DAY 6

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 6 篇

技術 DAY 6 - 從 Option API 進化到 Compisiton API !!

DAY 6 - Option API 進化 Compisiton API 學習目標 : 從 Option API 進化 Compisiton API ，從了...

阿蘇蘇 ‧ 2023-09-21 ‧團隊大船要開囉

1 Like 0 留言 4515 瀏覽

鐵人賽自我挑戰組 DAY 6

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 6 篇

技術【Day6】ChatGPT請教教我：網頁基礎入門 - Html、JavaScript、CSS

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆前端技能樹...

一宵三筵 ‧ 2023-09-20

0 Like 0 留言 145 瀏覽

鐵人賽自我挑戰組 DAY 5

從零開始學習前端系列第 5 篇

技術 #從零開始4️⃣：使用CSS Reset & CSS Normalize

CSS Reset：清掉所有預設樣式 CSS Reset 是一種可以清除所有預設樣式的方法，讓我們可以從頭開始自訂樣式。也就是會將所有 HTML 元素的邊距、填...

RochelWang ‧ 2023-09-20

1 Like 1 留言 1555 瀏覽

鐵人賽 Vue.js DAY 5

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 5 篇

技術 DAY 5 - Vue 2 > Vue 3 破壞性改動，了解不同版本

DAY 5 - Vue 2 > Vue 3 破壞性改動，了解不同版本為什麼要了解不同版本呢 ? 1. 版本間差異寫法大，只學一種不理解其中差...

阿蘇蘇 ‧ 2023-09-20 ‧團隊大船要開囉

技術 【Day15】專題實作：簡易計算機