iT邦幫忙

網頁前端相關文章
共有 114 則文章
鐵人賽 Modern Web DAY 6

技術 Day 06 JavaScript/Rails AJAX

阿修的說文解字 AJAX 的全名是 Asynchronous JavaScript and XMLAsynchronous JavaScript 昨天介紹過了,...

鐵人賽 自我挑戰組 DAY 11

技術 第十一步 - 找到關鍵的破解迷宮方法(整體結構內常用的標籤)

大家好,中秋連假準備開始,喵橘我已經開始放假,我多請了一天特休,可以好好認真撰寫鐵人賽的文章,微笑。 整體結構內常用的標籤 <meta> 標籤 <meta>元素...

鐵人賽 自我挑戰組 DAY 15

技術 第十五步 - 攻略關卡之時,也要記得寄信回報(表單相關語法)

中秋連假終於結束,迎接的是憂鬱的星期一,打起精神,準備開始努力撰寫接下來的文章,加油!! 表單相關語法 <form> 標籤 它是一個讓使用者能輸入相關訊息到欄位...

鐵人賽 自我挑戰組 DAY 29

技術 第二十九步 - 第三層各陷阱挑戰( JavaScript 資料類型)

各位大家好,我是喵橘,今天是颱風天,雖然南部並沒有明顯風雨,但貼心叮嚀北部朋友,越晚風雨越大,盡量不要隨便出外,避免有生命危險。 資料類型 在寫程式裡,不同的...

鐵人賽 Modern Web DAY 17

技術 Day 17 JavaScript bind vs call vs apply

共同點:原本的 this 是指向全域物件 window ,使用 bind、call、apply 可以將 this 指向帶入的第一個引數,而第二個引數開始則為一...

鐵人賽 Modern Web DAY 24

技術 【Day24】淺談 React.js(3)React useState & useEffect

介紹完React的動態生成後,本篇將帶您進入到React Hook的領域。 甚麼是React hook?簡單來說,它是一種React的函數,可以讓您在無需使用c...

技術 如何判斷何時需要將軟體組件模組化

在開發軟體時,模組化是一種常用的設計模式。但是,如何判斷是否需要將組件模組化呢?不妨考慮以下四個因素: 複雜性:如果一個組件有很多邏輯或視覺元素,將其模組化...

鐵人賽 Modern Web DAY 23

技術 【Day23】淺談 React.js(2)React動態生成

在上一天中,我們了解到React中的元件構成和基礎語法,今天,我們要一同探索的是 ── 更便捷的生成語法! 動態生成 在介紹jQuery的篇章中我們曾提過,我...

鐵人賽 自我挑戰組 DAY 14

技術 第十四步 - 新的挑戰,多采多姿的樓層(多媒體相關語法)

大家好,今天是中秋連假的最後一天,體力已經到零了,但還是要努力撰寫,加油!!握拳 多媒體相關語法 <img> 標籤 它的功能就是顯示出圖片,搭配 src 屬性...

鐵人賽 自我挑戰組 DAY 28

技術 第二十八步 - 宣告第三關破解方法(JavaScript 變數)

大家好,我是喵橘,今天是一個悶熱的星期日,我要報告 JavaScript 變數的部分。 JavaScript 變數 何謂變數? 變數就可以比喻可以一個放入東西的...

鐵人賽 Modern Web DAY 2

技術 [DAY02]設定以及安裝基本環境(上半部)

VScode 想必對會寫網頁的大家來說,VScode肯定不陌生吧!首先,我們要先安裝VScode。怕有些人可能不知道VScode是什麼,這邊介紹一下,VScod...

技術 前端小試身手(5)-備份it幫的發問!

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

鐵人賽 Modern Web DAY 13

技術 Day 13 JavaScript 的資料型態

JS 的資料型態主要分成物件型態及原始型態。 Object 物件型態 物件型態的資料可以使用屬性及方法。ex: 陣列[ ]、物件{ }、函式 Primitive...

鐵人賽 自我挑戰組 DAY 16

技術 Day 16 CSS <網頁布局-定位布局-2.定位使用>

1. 邊偏移 邊偏移就是定位的盒子移動到最終位置,有top bottom left right 四種 2. 相對定位 絕對定位 使用場景 相對定位 posi...

鐵人賽 自我挑戰組 DAY 16

技術 第十六步 - 研究回覆信件格式如何撰寫(進階表單相關語法)

大家早安,大家好!我是喵橘,今天依舊是炎熱的天氣,我打起精神,繼續努力撰寫。 <input> 標籤 補充部分 上一個章節有說明 <input> 元素以及 typ...

鐵人賽 Modern Web DAY 1

技術 Day 01 阿修補坑中

第一天先來聊聊我的背景以及為什麼我會想寫這個主題 原本我是一名品保工程師,做了3、4年發現這份工作開始不符合我的需求,所以想轉換跑道。而人生要挑戰才算好玩(By...

技術 準備開始一些前端相關的技術文章

如標前端小白我打算開發分享一些目前為止所學的前端知識,順便透過分享知識來提高自己對於程式的記憶點, 對大家也是win win double win啦!這幾天會乘...

技術 [DAY0]30天挑戰從零開始設計並實作網頁

雖然不小心錯過了鐵人賽的報名,還是希望可以利用此機會複習過去所學內容並養成學習的習慣,因此這邊將利用30天的時間,從製作設計稿開始,一步一步做出自己設計的網頁,...

鐵人賽 Modern Web DAY 12

技術 Day 12 JavaScript var vs let (2)

今天介紹 JS 內 var 與 let 的後兩點差異。 執行環境 Execution Context 宣告 declaration 執行環境 Executi...

鐵人賽 Modern Web DAY 1

技術 # 何謂離開新手村,何謂前端的開發生命週期

前言: 名詞定義 新手村如何定義我相信每個人,每個組織都不同。以下討論會以我個人給自己的目標當成出發點。歡迎留言分享你的看法。 以下討論只代表個人觀點不代表本台...

鐵人賽 自我挑戰組 DAY 19

技術 網頁親和性與Bootstrap 表單overview

甚麼是網頁親和性? 網頁親和性(Web accessibility),又稱網路無障礙、網路可達性、網路可用性,旨在確保任何人,不論是身體、心理、技術上遭受障礙,...

鐵人賽 影片教學 DAY 20

技術 一起來實作響應式網頁設計:初探Array Day20

影片教學 重點回顧 Array 陣列 當有性質相近的資料要存放一起時,可以使用array array 可以包含多種資料類型 array 不是 primiti...

技術 #00 文章目錄 / 參賽前言 | Super Easy CSS 前端切版百寶箱

參賽前言 本來預計在我的鐵人賽「Super Easy CSS,極度簡單(2023 去年 / 2024 今年)」的系列文章最後,想要總結一下文章裡面有提到的、我...

鐵人賽 Modern Web DAY 2

技術 # 開發功能前,先搞懂既有專案!

為什麼需要認識既有專案呢? 舉例來說,小明加入了一個電商的前端團隊,負責的第一個項目是要在既有的購物流程中加入一個同意條款的popup。在不了解既有專案的情況下...