iT邦幫忙

front-end相關文章
共有 423 則文章
鐵人賽 Modern Web DAY 13
React 走出新手村 系列 第 13

技術 React 走出新手村-重新整理組件

換個方向 在前面系列的文章,已經幫大家複習並深入了解幾個常用的 hook,接下來的章節,是個人開發經驗與結合前端 design pattern 的概念的經驗分享...

鐵人賽 Modern Web DAY 2

技術 D1 什麼是Node.js與不同的專案環境如何管理

Node.js在當今的前端開發環境中有著自己不小的聲量,Node.js最早於2009年由Ryan Dahl創建,並於同年在Google的Chrome V8 Ja...

鐵人賽 Modern Web DAY 12
React 走出新手村 系列 第 12

技術 React 走出新手村-自製高效 Context Provider

前導 還沒看過上一篇文章的朋友請先回顧喔!接續上一篇的問題,大家有找到合適的解法了嗎?如果沒有讓我們一起來思考除了useState以外還有什麼可以讓我們有效管理...

鐵人賽 Modern Web DAY 1

技術 D0 從0開始的的Angular站台架設-Stnadalone

首先我必須開宗明義地說,本次的Angular@16-Standalone開發模式分享更加傾向於一種實戰心得分享舉個例子來說就是一個新兵幸運蛋子分享自己如何在戰場...

鐵人賽 Modern Web DAY 11
React 走出新手村 系列 第 11

技術 React 走出新手村-深入 Context Provider

講古 在早期還沒有Context Provider的時候你每一層都需要靠 props 來傳遞資料,才能達到資料共享。 然後... 於是 Context / P...

鐵人賽 Modern Web DAY 10
React 走出新手村 系列 第 10

技術 React 走出新手村-useMemo & useCallback 小技巧

挑刺 前一篇我們詳細解釋了 useMemo 和 useCallback 的運作原理和邏輯,今天我們就來檢討一些使用不好的例子。 首先,我們都已經知道這兩個 h...

鐵人賽 Modern Web DAY 9
React 走出新手村 系列 第 9

技術 React 走出新手村-Memo處方簽

Memo解方 今天我們接續前面的問題,大家是否有找到解答了呢? 如果沒有的話,我會在下面提供兩種做法: 第一種,在 memo 裡面用 callback 告訴...

鐵人賽 Modern Web DAY 8
React 走出新手村 系列 第 8

技術 React 走出新手村-深入Memo

這次來聊聊進階一點的話題 memo 的應用,在談論這個話題之前我們先來了解 memo 是什麼? 了解 React.memo React memo 是 React...

鐵人賽 Modern Web DAY 7
React 走出新手村 系列 第 7

技術 React 走出新手村-深入useRef

ref講古 今天來聊聊 useRef 這個比較容易理解的 hook function,這期的內容,多半是我自己使用經驗的總結,也許不是那麼精確,但也多多少少能提...

鐵人賽 Modern Web DAY 6
React 走出新手村 系列 第 6

技術 React 走出新手村-深入useEffect

複習useEffect 今天要來聊聊新手時期最痛恨的hook function — useEffect。 useEffect的誕生 首先,讓我們先來了解一下 u...

鐵人賽 Modern Web DAY 5
React 走出新手村 系列 第 5

技術 React 走出新手村-深入useState

複習useState 接著前面所講的,我們將幾個常用的hook都再複習一遍,來解構基礎以外你可能沒發現的細節,那麼我們先從最基礎的 useState 來講起。...

鐵人賽 Modern Web DAY 4
React 走出新手村 系列 第 4

技術 React 走出新手村-回顧發展歷史

React講古 要了解 React 除了基礎的概念,了解他們的發展史也是很重要的一環,整個的發展先後順序就如圖面一樣。從圖面可知,本來的 React 就是透過...

鐵人賽 Modern Web DAY 3
React 走出新手村 系列 第 3

技術 React 走出新手村-包版工具的設定

有多少人從create-react-app換去使用vite了呢?在早期的教學影片當中,常常會看到講師使用create-react-app 開啟新的專案,導致後期...

鐵人賽 Modern Web DAY 2
React 走出新手村 系列 第 2

技術 React 走出新手村-架構和渲染模式

理解架構和渲染模式 要走出新手村必須了解自己的技能都帶有哪些屬性,以速成班內容來說多半採用React基本的框架,那這類的框架是採用 Single Page Ap...

鐵人賽 Modern Web DAY 1
React 走出新手村 系列 第 1

技術 React 走出新手村 - 簡介

前言 這次內容會針對剛成為 React developer 的新手,提供一些提可以升技能的方向,有多少朋友遇到以下的情況呢?通常在一系列的教學文章或是速成班內容...

技術 前端 SEO 基礎流程

相信各位前端人都一定聽過SEO,也都了解要讓SEO分數高才會讓網頁曝光率更高,甚至衍生出 SSR, SSG 這種概念,無非就是希望在 SEO 分數更高不過 SE...

技術 前端登入方式

這幾天參加了幾場面試,在基礎前端知識的部分,掌握度還可以,不過遇到網路知識的部分,就會答的很吃力,所以這邊針對網路知識的部分做加強,並且記錄一下,並且希望會有幫...

技術 React Controlled and uncontrolled components 的前世今生

前陣子鐵人賽時有看到 Pjchender 有分享到 React 新舊官網在針對 Controlled and uncontrolled components 有...

技術 [下班再看點什麼] 淺入淺出webpack 核心名詞

為何我想了解 webpack? 不知道你是否也會好奇,不論是透過vue-cli或是react-create-app建立的專案 ,只要執行: npm start...

鐵人賽 Modern Web DAY 29
Django 初心者之旅 系列 第 29

技術 【Day 29】Django 網頁美化篇 - Ctrl+C/V 的魔法

今天是鐵人賽的倒數第二篇,在這篇文章內,我們會透過前端框架Bootstrap來幫忙進行網頁美化的工作。Bootstrap是一個結合HTML、CSS、JavaSc...

鐵人賽 自我挑戰組 DAY 25

技術 Day-30 結語 - 沒有完賽心得

Day-30 結語 - 沒有完賽心得 在這段時間裡面我只專注一件事情 :完成三十篇文章並且發表,不想為點閱率或者別人怎麼回應這些事情分心,就只是想達成三十天的目...

鐵人賽 自我挑戰組 DAY 25

技術 Day-29 常用網站工具分享

Day-29 常用網站工具分享 自己從頭到尾用 HTML 寫一個表格,或者從 0 開始使用 CSS 寫一個陰影效果,都是快把人逼死的過程啊,除非是真的打算刻苦一...

鐵人賽 自我挑戰組 DAY 25

技術 Day-28 安裝的 vscode 套件分享

Day-28 安裝的 vscode 套件分享 套件跟書一樣,都是要用到的時候才會感覺自己讀的少,之所以到最後才分享工具跟套件,是因為有感覺難用過才會知道套件到底...

鐵人賽 自我挑戰組 DAY 25

技術 Day-27 專案演練 - 寫在最後

Day-27 專案演練 - 寫在最後 專案分享的尾聲,篇幅有限,還有很多想做的功能還沒完成,做個這 20 天來邊做邊寫的總結,在鐵人賽結束之後,我會繼續把之前說...

鐵人賽 自我挑戰組 DAY 25

技術 Day-26 專案演練 - 在 homePage 拿到 list redux

Day-26 專案演練 - 在 homePage 拿到 list redux 今天我們要完成 homePage 的一部分功能,跟 todo 有關的部分,其實鐵人...

鐵人賽 自我挑戰組 DAY 25

技術 Day-25 專案演練 - 創造全局待辦清單 redux

Day-25 專案演練 - 創造全局待辦清單 redux 今天想來做一件事情,把 list 變成全局 state,接下來讓 HomPage 也能取得這份資料,...

鐵人賽 Software Development DAY 23
台南不需要米其林 系列 第 23

技術 Day23 改頭換面,實作前端介面

前言、摘要 昨天已經將一些API 修復,因此今天將會依照著設計圖,調整我們前端的頁面。會使用到初階的Bootstrap和一些Django的模板語言。 概念說明...

鐵人賽 自我挑戰組 DAY 24

技術 Day-24 專案演練 - 用跳窗來小試身手 redux

Day-24 專案演練 - 用跳窗來小試身手 redux 今天要來嘗試 redux,用的是 RTK(Redux Toolkit),可以先去官網看看這是個甚麼工...

鐵人賽 Modern Web DAY 22

技術 什麼是Flux設計、實作簡單ATM範例了解Redux三大原則feat.vanilla Javascript

本文提及以下內容 前言 flu字根 flux設計模式-單向資料流 傳統MVC所遇到的問題 flux的角色 flux優點 Redux 動機 三大原則...

鐵人賽 自我挑戰組 DAY 23

技術 Day-23 專案演練 - 狀態管理員 redux

Day-23 專案演練 - 狀態管理員 redux 近半年前的我剛碰到 redux 的時候,卡關卡很久,看 RTK 的官方教學看不懂,就在網上找到了原作者的教...