iT邦幫忙

前端相關文章
共有 615 則文章
鐵人賽 自我挑戰組 DAY 20

技術 Day 20:Sass 學習筆記

一、前言 之前在 Hahow 學習前端相關的課程,學了一點 Sass 的基本寫法,印象中大概學了 4 個月,後來使用純 CSS 作為開發環境,導致 Sass...

鐵人賽 Modern Web DAY 30

技術 Day 30 : 完賽心得(2022 主題競賽)

一、前言 終於寫到第 30 天啦~真是可喜可賀(超感動的)!沒想到在比賽的這一個月裡,時間居然可以過的這麼快,每當寫完文章後,不知不覺間天也跟著黑了,更沒想到...

鐵人賽 自我挑戰組 DAY 18

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

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

鐵人賽 Modern Web DAY 21

技術 Day 21:List 功能實作

組件實作 : Demo 一、前言 List 也是一種很常見的功能,其實 List 可以跟之前做的 Day 18:Collapsibles 組件實作 搭配使...

鐵人賽 Modern Web DAY 14

技術 類型別名 VS. 接口 (type VS. interface)

在前面章節中,大家應該會很疑惑 type 和 interface 在很多方面都可以實現相似的功能,那我們應該要使用哪一種呢?下面來看看兩者存在了哪些區別: ty...

技術 驗證不求人 — — 發佈自己的 npm 驗證套件

會寫這篇的原因除了是想紀錄自己寫驗證套件的經過(對我不記下來很快就會忘了。。),還有就是因為在工作上遇到需要寫一個前端的驗證方法,來應用在各個地方中,來減少每...

鐵人賽 影片教學 DAY 23

技術 Day23. Svelte 如何編譯程式碼 | 30 天從 0 到 1 學 Svelte

影片 內容 介紹 Svelte 當中如何編譯程式碼(簡介) 簡報連結:https://speakerdeck.com/kjj6198/svelte-ru-he...

鐵人賽 Modern Web DAY 27

技術 Utility 型別 Ⅱ

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

鐵人賽 自我挑戰組 DAY 25

技術 Day 25:React 的 Hook - useState 與 useEffect

一、前言 昨日誠摯的建議(洗腦)各位學習 React 的 Class 寫法之前,可以先學習強大的 Hook,或許是一種不錯的入門方式。今天要持續的來探討 Ho...

技術 2022 鐵人賽|Day5 【Javascript】const 失靈? 關於 Data types

附上為何鐵人賽文章會出現在這裡的說明:2022 鐵人賽|Day1 報名失敗,還是要開賽吧! 背景脈絡 不知道大家有沒有產生過這樣的疑問.. const pers...

技術 19. 要學 TypeScript 嗎?

Yes,但等上手前端框架後再學 從 2023 的 state-of-js 數據可知,TypeScript 的使用已經相當普及,在工作中用到機率相當高。sou...

鐵人賽 JavaScript DAY 29

技術 Day29:使用 TypeScript 寫測試 - Jest 篇

在現在的前端應用程式開發中,撰寫測試對於確保代碼的穩定性和可維護性非常重要。而 Jest 就是盛行的其中一個 JavaScript 測試框架,內建支援斷言庫和模...

技術 建立前端開發準則,讓團隊能夠有效率的開發好維護的程式碼(by 均一前端工程師宜陞)

【前言】均一的程式碼基礎 junyiacademy 從 2013 年 fork Khan Academy 原始碼,一直發展到現在,程式碼的複雜度不可同日而語...

鐵人賽 自我挑戰組 DAY 5

技術 Day 05:寫作帶給我的人生意義

一、前言 從不會寫文章,到開始經營 Blog 這個過程,經歷了一些波折,從最早「無名小站」(時代的眼淚)開始經營第一個 Blog 到租借虛擬主機架設 Word...

技術 幫助自己上班的零件數量查詢器(5) - Js、Vue基本架構

Vue.js(/vjuː/,簡稱Vue)是一個用於建立使用者介面的開源MVVM前端JavaScript框架,也是一個建立單頁應用的Web應用框架。--維基百科...

技術 2. 轉職前端能拿到多少薪水?

一年以下工作經驗,月薪大約是 4~6 萬(資料來源: 104) 台灣 source: 104ps. 104 的資料在 5~10 年的部分薪資偏低,推測可能在...

技術 2022 鐵人賽|Day6 【CSS】三大典型 display

附上為何鐵人賽文章會出現在這裡的說明:2022 鐵人賽|Day1 報名失敗,還是要開賽吧! 背景脈絡 接觸排版初期,總是苦惱於元素的換行、並排 ... 主題筆...

鐵人賽 自我挑戰組 DAY 17
開始入坑網頁吧! 系列 第 17

技術 JavaScript Array | 與其他程式語言很不同的陣列(下)

今天接續昨天的Array方法那我們開始吧!! splice() 可以新增刪減陣列項目,也能指定位置與數量,並回傳一個包含被刪除元素的陣列語法: arrayNa...

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

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

鐵人賽 自我挑戰組 DAY 20
從零開始學習前端 系列 第 20

技術 #從零開始1️⃣9️⃣:寫CSS寫的心好累-Sass

當一個專案變得越來越大,CSS的複雜性也隨之增加,要管理龐雜的程式碼變得很麻煩。這篇開始要介紹的Sass,可以幫助我們解決這些問題,並將CSS代碼組織得更加結構...

鐵人賽 Modern Web DAY 12

技術 [Day 12]我也好想成為時間管理大師(前端篇)

挑戰目標: MockNative Camp 挑戰還沒過半就已經覺得自己債越積越深了...今天要來挑戰實作Footer(原本我們可以從開發者工具看到footer...

技術 六角學院-大專院校前端體驗營 Day0 前言

好久沒碰code來從前端的最基礎開始學起,這次雖然有目標但是不是那麼明確,還沒開始就自我懷疑😂。 https://didilonguitar.com/buybu...

技術 2022 鐵人賽|Day3 【Javascript】var, let, const

附上為何鐵人賽文章會出現在這裡的說明:2022 鐵人賽|Day1 報名失敗,還是要開賽吧! 背景脈絡 學習 JavaScript 必定要認識 var, let,...

鐵人賽 Modern Web DAY 16

技術 [Day 16]新試劑服英戰士(前端篇)

挑戰目標: MockNative Camp 中午打完MVC後,下午感到有點想睡,到了晚上瞬間爆想睡...想到還有挑戰沒完成就只能撐著想睡的身體起來寫文章LA,...

鐵人賽 自我挑戰組 DAY 7
從零開始學習前端 系列 第 7

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

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

技術 JS筆記-五種方法判斷input是否為"ALL"?

前情提要 "判斷使用者輸入"的方法 如果要給使用者prompt,就勢必會用if判斷輸入的內容。假設想判斷使用者是否輸入all(如果是大寫也可...

技術 vue的 Teleport

在 Vue 中,Teleport是一個特殊的內建元件,從Vue 3開始引入。元件的邏輯關聯性。 這對於一些需要特定 DOM 結構的功能(如模態框、通知、工具提示...

技術 JavaScript 的閉包

在 JavaScript 中,閉包(Closure) 是指一個函數能夠記住並訪問它的詞法作用域(Lexical Scope),即使這個函數在其作用域之外被執行。...

技術 2022 鐵人賽|Day4 【Javascript】關於 Hoisting

附上為何鐵人賽文章會出現在這裡的說明:2022 鐵人賽|Day1 報名失敗,還是要開賽吧! 背景脈絡 原本以為自己已經懂 Hoisting(提升),但今天再次接...

鐵人賽 Modern Web DAY 20

技術 【Day20】常見切版應用(3-2)頁頂Header RWD實作

上一篇中我們完成了header的切版應用、介紹了錨點(Anchor)、還做了一點主頁面的切版: 那我們接續上一篇的內容,而當我們使用手機裝置打開此網頁,會發現...