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

6 Like 3 留言 319 瀏覽

技術前美妝小編的前端工程師之路--- Start！

嘿，大家好！雖然不知道這篇文章會不會有人看，還是想跟網頁前的你打聲招呼！其實一直都沒有寫網誌的習慣，哪怕是一直都有看到前輩們非常鼓勵以寫網誌的方式留下自己...

jenny56292001 ‧ 2020-06-01

1 Like 1 留言 430 瀏覽

技術 [鼠年全馬鐵人挑戰] Week15 - 超新手學前端 - Bootstrap 4 概念筆記

什麼是 Bootstrap 4 Bootstrap 是一種由 HTML、CSS 和 JavaScript 寫成的前端框架，可以更快更方便的開發網站 Bootst...

a841722 ‧ 2020-05-17

2 Like 0 留言 775 瀏覽

技術 [鼠年全馬鐵人挑戰] Week13 - 超新手學習筆記：如何開始撰寫 RWD

又過了一週啦~ 一樣是超忙的一週~~ 下班回家努力練習切版直播的作業，不過這次的版型比較複雜所以卡關了QQ 真的是燒腦燒到一個極點這次的作業除了 PC 版之外...

a841722 ‧ 2020-05-03

1 Like 0 留言 432 瀏覽

技術 [鼠年全馬鐵人挑戰] Week12 - 超新手學習筆記：CSS 選擇器 - child

又過了一週啦~ 自從參加了切版直播班就更忙碌了這次的切版作業也學了很多以前沒學過的語法這週來記錄一下新學到的 CSS 選擇器吧~ 什麼是CSS選擇器相信初...

a841722 ‧ 2020-04-26

3 Like 0 留言 305 瀏覽

技術【前端技術分享】利用 Material-UI 統一 UI framework（by 均一前端工程師宜陞）

Why we do this: 統一「自由奔放」的 UI 框架 1 個網站套用 5 個 UI 框架開發前端 APP 的前置作業，不外乎是根據設計師送來的設計...

junyiacademy_小均 ‧ 2020-04-20

0 Like 0 留言 228 瀏覽

技術 JQuery 學習紀錄(２)

JQ基本選擇器 jq如何設置樣式 css(name,value) name:樣式名 value:樣式值 id選擇器 ('#id') $('#three').cs...

no027843 ‧ 2020-04-19

0 Like 0 留言 328 瀏覽

技術 JQuery 學習紀錄(1)

各位好，小弟為前端初學者，最近剛學完JQuery的一些基礎，想要將自己所理解的知識，轉化為文章分享出來，以日後忘記時，還能在文章中查找，釐清自己當時的想法，而...

no027843 ‧ 2020-04-18

2 Like 0 留言 630 瀏覽

技術 [鼠年全馬鐵人挑戰] Week11 - 超新手學習筆記：CSS-container容器標籤

Hi~大家這周過的好嗎? 上週開始參加六角學院切版直播班，希望讓自已的切版能力越來越好但現在的程度還算是很新~ 所以希望能把在這八週學到的寫成筆記更加深印象~...

a841722 ‧ 2020-04-18

4 Like 3 留言 2959 瀏覽

技術 [鼠年全馬鐵人挑戰] Week01 - 非本科系零經驗超新手前端之路

在接觸程式前在我的基本認知裡覺得程式碼真的是一個非常複雜的東西呀這要本科系又是頭腦很好的神人才有辦法寫的吧XD 所以壓根沒想到之後的我會開始學習程式至於...

a841722 ‧ 2020-02-06

0 Like 0 留言 902 瀏覽

技術 2020 最新前后端编程学习视频

2020 最新前后端编程学习视频 UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程（63 个视频...

hfpp2012 ‧ 2020-01-22

2 Like 2 留言 801 瀏覽

技術旅館預約服務練習紀錄-首頁練習

前言這次找了 The F2E 前端修練時光屋的稿件，找到了這份稿件(如果您有興趣，可以再找自己喜歡的設計稿來練功)。其實原本滿逃避面對這件事情，因為對於...

Tim Hsu ‧ 2019-11-06

1 Like 1 留言 505 瀏覽

技術奇妙的一行JS程式碼之完整解析

這段程式是我在網路上無意間看到的，如果你把這段程式碼貼到開發人員工具的 console 會看到像下圖一樣出現一堆框線XDD [].forEach.call($$...

harry xie ‧ 2019-10-25

1 Like 0 留言 1315 瀏覽

技術 RWD 漢堡選單練習 toggleClass

這次的漢堡選單練習，是要讓選單在手機頁面時加上 JS，讓選單有互動的效果，所以需要了解一點 jQuery 的運作方式，可以去找一下相關資料，或許可以也可以來...

Tim Hsu ‧ 2019-10-21

3 Like 11 留言 444 瀏覽

鐵人賽 Modern Web DAY 30

重新認識 CSS 系列第 30 篇

技術重新認識 CSS - 總結 & 系列目錄

前言「重新認識 CSS」這個系列名稱的由來就如其名，我想要重新認識它。雖然以前就有學過 CSS，但這次想從 CSS Spec 中學到最原始的定義和內容，更加...

Titangene ‧ 2019-10-15 ‧團隊好想工作室 v3.0

4 Like 3 留言 456 瀏覽

鐵人賽 Modern Web DAY 30

JavaScript 初心者筆記系列第 30 篇

技術 JavaScript 初心者筆記: 實作旅館訂房網站心得 - 第 2 屆 The F2E 第六關

今天就是完賽日了，其實我大可寫一個「後記」就結束這一回合（畢竟有前言了有後記也不奇怪嘛），但是我還是決定要善始善終，所以我今天要分享的是今年參加 The F2E...

Grete Ma ‧ 2019-10-01

1 Like 0 留言 301 瀏覽

鐵人賽 Modern Web DAY 29

JavaScript 初心者筆記系列第 29 篇

技術 JavaScript 初心者筆記: AJAX - post 與傳送格式

昨天我們學到了用 get 方式發送資料請求，今天要繼續講如何用 post 發送資料請求。 post — 傳統表單輸入介紹這個功能常用在註冊帳號時，將使用者輸入...

Grete Ma ‧ 2019-09-30

1 Like 0 留言 566 瀏覽

鐵人賽 Modern Web DAY 28

JavaScript 初心者筆記系列第 28 篇

技術 JavaScript 初心者筆記: AJAX - 從遠端即時撈取資料

什麼是 AJAX ？ AJAX 是 Asynchronous JavaScript and XML（非同步的 JavaScript 與 XML 技術）的縮寫，簡...

Grete Ma ‧ 2019-09-29

0 Like 0 留言 414 瀏覽

鐵人賽 Modern Web DAY 27

JavaScript 初心者筆記系列第 27 篇

技術 JavaScript 初心者筆記: 瀏覽器物件模型 (BOM)

關於瀏覽器物件模型 (BOM) BOM，是 JavaScript 與瀏覽器溝通的橋樑，JavaScript 可以透過 BOM 對瀏覽器進行各種操作，包含開啟及關...

Grete Ma ‧ 2019-09-28

1 Like 0 留言 299 瀏覽

鐵人賽 Modern Web DAY 26

JavaScript 初心者筆記系列第 26 篇

技術 JavaScript 初心者筆記: 簡易 to-do list 練習

學會了 localStorage 跟 data-* 屬性後，今天就可以結合這兩者試著寫一個 to-do list 囉！先貼個成品的程式碼連結。 HTML 部...

Grete Ma ‧ 2019-09-27

4 Like 0 留言 289 瀏覽

鐵人賽 Modern Web DAY 25

JavaScript 初心者筆記系列第 25 篇

技術 JavaScript 初心者筆記: HTML 的自訂資料屬性 - data-*

data-* 屬性在 HTML 標籤中可以放入自創的屬性，這麼做的目的是去綁定 DOM 與資料以及驗證資料。語法是 data-*，把 * 代換成自訂屬性名稱...

Grete Ma ‧ 2019-09-26

1 Like 0 留言 614 瀏覽

鐵人賽 Modern Web DAY 24

JavaScript 初心者筆記系列第 24 篇

技術 JavaScript 初心者筆記: localStorage - 將網頁上的資料儲存在瀏覽器

資料如何儲存在瀏覽器？透過 HTML 中的網頁儲存物件，可以將網頁中的資料儲存在使用者的瀏覽器當中。在 HTML5 問世之前，我們只能將小筆的資料儲存在...

Grete Ma ‧ 2019-09-25

2 Like 0 留言 357 瀏覽

鐵人賽 Modern Web DAY 23

JavaScript 初心者筆記系列第 23 篇

技術 JavaScript 初心者筆記: 常用事件及相關語法分享

前一篇筆記介紹的是事件基本概念，而本篇將介紹一些在操作事件時常用的語法。表單內容更動時觸發 - change 此事件僅限用於元素、和元素，當元素的...

Grete Ma ‧ 2019-09-24

2 Like 1 留言 414 瀏覽

鐵人賽 Modern Web DAY 22

JavaScript 初心者筆記系列第 22 篇

技術 JavaScript 初心者筆記: 事件基本觀念（事件參數、事件監聽）

什麼是事件(event)？事件是 JavaScript 應用的心臟，也是把所有東西黏在一起的膠水，當我們與網頁進行某些互動時，事件就發生了。例如，當使用者點...

Grete Ma ‧ 2019-09-23

1 Like 0 留言 363 瀏覽

鐵人賽 Modern Web DAY 21

JavaScript 初心者筆記系列第 21 篇

技術 JavaScript 初心者筆記: 應用 innerHTML 與 for 迴圈將資料渲染至網頁

學會了在 HTML 新增內容之後，就可以接著學習如何運用之前學到的 for 迴圈，把資料撈取出來後渲染到網頁了。今天的筆記將會以範例程式碼為主體，介紹如何將資料...

Grete Ma ‧ 2019-09-22

1 Like 0 留言 667 瀏覽

鐵人賽 Modern Web DAY 11

讓 TypeScript 成為你全端開發的 ACE！系列第 11 篇

技術 Day 11. 前線維護・特殊型別 X 無法無天 - Any & Unknown Type

閱讀本篇文章前，仔細想想看當函式遇到 100% 無法跳脫或會拋出例外的狀況，這時 TypeScript 會如何對該函式進行推論？ never 型別為所...

Maxwell Alexius ‧ 2019-09-21

1 Like 0 留言 706 瀏覽

鐵人賽 Modern Web DAY 20

JavaScript 初心者筆記系列第 20 篇

技術 JavaScript 初心者筆記: DOM - 如何用 JS 新增 HTML 內容

今天這篇文章要介紹兩種在 DOM 樹中增加內容的方法，分別為 innerHTML 特性和 DOM 控制處理（createElement() + appendCh...

Grete Ma ‧ 2019-09-21

1 Like 0 留言 812 瀏覽

鐵人賽 Modern Web DAY 10

讓 TypeScript 成為你全端開發的 ACE！系列第 10 篇

技術 Day 10. 前線維護・特殊型別 X 永無止盡 - Never Type

閱讀本篇文章前，仔細想想看如何跳脫死板定義的型別 type 格式？對狹義物件的屬性下達 undefined 之原始型別跟使用選用屬性（Optional...

Maxwell Alexius ‧ 2019-09-20

2 Like 0 留言 498 瀏覽

鐵人賽 Modern Web DAY 19

JavaScript 初心者筆記系列第 19 篇

技術 JavaScript 初心者筆記: DOM - 如何用 JS 更改 HTML & CSS 屬性

今天要接續昨天的主題，繼續談在選取 DOM 之後，有哪些語法可以動態更改 HTML 元素的屬性及 CSS 屬性。增加 / 更改屬性的值 - setAttri...

Grete Ma ‧ 2019-09-20

2 Like 0 留言 350 瀏覽

鐵人賽 Modern Web DAY 18

JavaScript 初心者筆記系列第 18 篇

技術 JavaScript 初心者筆記: DOM - 如何用 JS 選取 HTML 元素

什麼是 DOM？在前面的文章有簡單介紹過，傳送門：JavaScript 初心者筆記: JS 內建物件 - 全域物件篇。 DOM 是 Document Obje...

Grete Ma ‧ 2019-09-19

1 Like 0 留言 971 瀏覽

鐵人賽 Modern Web DAY 8

讓 TypeScript 成為你全端開發的 ACE！系列第 8 篇

技術 Day 08. 前線維護・明文型別 X 格式為王 - Literal Types

閱讀本篇文章前，仔細想想看在什麼樣的情況下，你會怎麼決定要選擇使用 TypeScript 的陣列、元組（Tuple）或列舉（Enumerated）呢？如...

Maxwell Alexius ‧ 2019-09-18

技術 前美妝小編的前端工程師之路--- Start！