iT邦幫忙

前端相關文章
共有 615 則文章

技術 JS筆記-製作copy效果

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

技術 淺談網頁開發中行動優先設計(Mobile First Design)

簡介與定義先設計手機螢幕尺寸,再設計桌面尺寸,是現代網頁設計中常用的方法,通常稱為「行動優先設計」。這種方法是先設計手機版的網站或應用程式,然後逐步擴展到更大的...

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

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

達標好文 技術 2023年前半年前端面試心得

文章同步發表到 Medium 上面,有興趣的讀者可以去看看 這篇文章跟以往的文章不太一樣,這次是比較生活一點,來講一下為期快四個月的前端面試過程 背景簡介...

技術 幫助自己上班的零件數量查詢器(6) - axios、建構子

連著兩篇都在記錄繼續製作小工具的必要知識,終於要繼續寫實際的程式了,超級開心。 axios 實現AJAX技術的程式,簡單的說就是可以非同步執行程式,詳細內容可...

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

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

技術 幫助自己上班的零件數量查詢器(3) - CSS

在上篇已經完成了HTML也就是網頁的骨骼,接下來就是要使用CSS,像捏捏麵人一樣在骨骼上把肌肉黏上、衣服穿上、還要再化點妝、弄頭髮上髮膠、帶個耳環項鍊。...

技術 幫助自己上班的零件數量查詢器(2) - 網頁骨骼 html

html造就構造、css填肉美化、javascript動作這樣類似的敘述再學習網頁的初期應該會常常看到,甚至會有很多類似的迷因。 你是不是在想我怎麼不插個謎因,...

技術 幫助自己上班的零件數量查詢器(1)-出發、需求與介面

本系列純粹為本人利用上班之餘,先利用figma設計介面,並使用幾種前端語言製作幫助上班效率的工具,語言包括html、css、javascript、Vue、sc...

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

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

技術 前端小試身手(4)--it幫發文「一眼全覽」

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

技術 JS筆記-前端撥放m3u8的兩種方法

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

技術 前端面試必考題: Promise

這篇文章會是參考這篇文章,並且濃縮出重點,最後也會有幾題測驗,方便驗收學習狀況,那麼我們進入今天的文章: Promise 什麼是 Promise? Promis...

技術 前端小試身手(3)--增添系列文目錄

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

技術 前端小試身手(2)--it幫跳轉到最佳解答

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

技術 前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕~

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

技術 Macrotask vs Microtask 常搞錯的部分

今天來講 Macrotask vs Microtask 大家可能常搞錯的部分 這邊我先簡單介紹一下 Event Loop,並在文章後面會有附上相關連結,有興趣的...

技術 網站前後端時區

前言 以前架設網站系統,都是for台灣的使用者,因此從未考慮過當使用者來自各個國家時,怎樣按照各地區去處理時區問題。講到這裡,肯定有人會覺得說,使用UTC不就可...

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 自我挑戰組 DAY 30

技術 Day 30:完賽心得(2022 自我挑戰)

一、前言 終於完成鐵人賽啦!可怕的不是每天的截稿期限,而是要在同一天寫兩篇「完賽心得」,而且內容還不能一樣,雖然我是有點想直接複製貼上,不過這樣子好像有點說不...

鐵人賽 自我挑戰組 DAY 29

技術 Day 29:前端面試題目整理

一、前言 本篇要來整理常見的面試題目,整理的目的只是為了日後方便閱讀,文章內的資訊都是從網路上收集而來,若是有侵權情況,煩請告知謝謝! 二、非關技術問題 2...

鐵人賽 Modern Web DAY 29

技術 Day 29:組件集大成

功能實作 : Demo 一、前言 今天的目標是將現有的組件組成一個 SPA 網頁,最終目標是先把網頁寫出來,至於優化和除錯的部分,就要等整個功能都實作出來...

鐵人賽 Modern Web DAY 29
擊敗前端面試大作戰! 系列 第 29

技術 [擊敗前端面試大作戰] 把你的履歷分區塊 — — 前端工程師怎麼寫出滿分前端履歷

「一份好的履歷,距離拿下理想工作就成功了一半」這是過去一個老師跟我說過的一句話,而我在每一次找工作的經歷中不斷驗證出這句話的重要性。在求職過程中,面試官想要在...

鐵人賽 自我挑戰組 DAY 28

技術 Day 28:前端測試入門

一、前言 測試是前端裡面的一個重要單元,雖然說很重要,但是在一般的練習專案中,不會特別的去撰寫測試單元,自然就不會去研究相關的資料。趁這次鐵人賽的機會,來好好...

鐵人賽 自我挑戰組 DAY 27

技術 Day 27:React 的 Hook - 概觀

一、前言 Hook 的東西不太可能用幾篇就可以全部介紹完畢,所以在這邊先列出一些使用 Hook 時可能要注意的地方,再慢慢將這些知識點給補上。在第二章節介紹...

鐵人賽 Modern Web DAY 28

技術 Day 28:置中功能實作

功能實作 : Demo 一、前言 本篇主要在探討「各種 CSS 置中排版的技巧」,這些技巧主要是參考 Amos 大的「CSS垂直置中技巧,我只會23個,你...

鐵人賽 Modern Web DAY 27

技術 Day 27:CSS 選擇器功能實作

組件實作 : Demo 一、前言 今天要來實作CSS Selectors(選擇器),選擇器的最主要用途,就是讓 CSS 可以更精準的選取到想要的元素,如果...

鐵人賽 自我挑戰組 DAY 26

技術 Day 26:最有生產力的一年,價值,就從認識自己開始

一、前言 今天來談談一些比較輕鬆的話題,由於國慶日放假陪伴家人,我就沒有去研究 React 的相關用法。雖然這篇不是純技術的文章,但是應該會是一個很好的經驗談...

鐵人賽 Modern Web DAY 26

技術 Day 26:Flexbox 功能實作

組件實作 : Demo 一、前言 今天要來研究一下 Flexbox 的寫法,它是一個用來排版的神器,可以很有效的處理元素水平與垂直置中對齊,本篇主要是參考...

鐵人賽 自我挑戰組 DAY 25

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

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