iT邦幫忙

前端相關文章
共有 615 則文章
鐵人賽 Modern Web DAY 27
認識 Chrome 開發者工具 系列 第 27

技術 記憶體面版 - 記憶體分配時間線

今天我們要透過記憶體面版的另一個工具來檢測記憶體洩漏的這個問題,先來看一下今天我們要用來檢測的程式: 今天的測試程式範例一樣來自官方文件,而我也把範例程式放到...

鐵人賽 Modern Web DAY 27
前端工程師養成手冊 系列 第 27

達標好文 技術 身為前端,你瞭解公司的專案性質嗎?

我們在前面的章節有提到面試如何評估公司的工作,但沒有仔細講解各種軟體公司的屬性,以及背後你需要注意到哪些細節,就讓我娓娓道來,好讓各位準備踏入前端的朋友提供一個...

鐵人賽 Modern Web DAY 10
菜菜菜的前端學習日誌 系列 第 10

技術 animation 動畫

菜菜菜的前端學習日誌 - Day10 animation 動畫 animation 就是動畫,其實它跟transition有一點像。但又有不一樣,那又有哪裡不一...

鐵人賽 Modern Web DAY 26
認識 Chrome 開發者工具 系列 第 26

技術 記憶體面版 - 記憶體堆快照 2

昨天我們一起看了一段官方文件裡提供的程式,它會產生分離的 DOM 節點,這些節點不會被垃圾回收 (Garbage Collection) 所以會造成記憶體洩漏。...

鐵人賽 Modern Web DAY 26
前端工程師養成手冊 系列 第 26

達標好文 技術 經營人脈發展,讓自己永遠不缺下份前端工作

工作環境很差,想離職找下間公司重新出發,但又擔心辭職後找不到下份工作,導致讓自己躊躇不前了嗎?現在的年代已經很難讓你一個工作可以直接幹到退休,那除了讓自己的技術...

鐵人賽 Modern Web DAY 25
認識 Chrome 開發者工具 系列 第 25

技術 記憶體面版 - 記憶體堆快照 1

今天我們要開始一起來討論記憶體面版 (Memory panel),這個面版的主要功能就是讓你做網站的記憶體體檢,像是記憶體洩漏、記憶體膨脹和頻繁的垃圾回收都可以...

鐵人賽 Modern Web DAY 9

技術 Transform變形

菜菜菜的前端學習日誌 - Day9 transform 變形 transform顧名思義就是讓元素變形,夠過簡單的參數設定來使元素達到一般CSS屬性較難達到的樣...

鐵人賽 Modern Web DAY 25
前端工程師養成手冊 系列 第 25

達標好文 技術 前端工程師要不要接案?如何報價?

在江湖上混,遲早會遇到這個議題,有可能是你的朋友與親戚知道你是工程師,希望你幫他做個網站,亦或是朋友介紹廠商,詢問你是否有接外包意願都還蠻常見的,假使你從來沒接...

鐵人賽 Modern Web DAY 24
認識 Chrome 開發者工具 系列 第 24

技術 審查面版

我們在前面有簡單介紹了審查面版(Audits panel),它可以幫我們檢測我們的網站是不是有遵循最佳實踐 (Best practices),並提供我們每個問題...

鐵人賽 Modern Web DAY 8

技術 Transition轉場效果

菜菜菜的前端學習日誌 - Day8 transition 轉場 transition 是設置指定元素,在值改變時的轉場能夠透過設定加速度及時間產生不同的轉場效果...

鐵人賽 Modern Web DAY 24
前端工程師養成手冊 系列 第 24

技術 善用工具提昇開發效率

在石器時代,原始人必須很辛苦用鑽木取火的方式來生火,而古代的人開始會用打火石。隨著時代的演進,也開始有打火機、火柴等工具,而在現代,只要有瓦斯充足,你的火源想燃...

鐵人賽 Modern Web DAY 23
認識 Chrome 開發者工具 系列 第 23

技術 網路面版 - 了解每個請求

經過這幾天的介紹,我想大家對這個面版已經有一定的認識了,但是我們其實還沒有進到每個 HTTP 請求裡面,去查看這個請求細節,而這就是我們今天要做的。好,就讓我們...

鐵人賽 Modern Web DAY 7

技術 CSS選擇器

菜菜菜的前端學習日誌 - Day7 對象 昨天講了Css Attribute,知道屬性怎麼寫了,除了直接撰寫在Html Tags上,其他2種方式該怎麼寫呢,接下...

鐵人賽 Modern Web DAY 23
前端工程師養成手冊 系列 第 23

達標好文 技術 前端篇:你可曾思考離職後尋求更好的自己?

馬雲曾經說過一句話,通常會辭職的絕大部分原因是「錢沒給到位,心委屈了」,那麼除此之外呢?你還可以思考下面因素。 金錢:薪水不符自身能力,為什麼跳槽會比加薪的成長...

鐵人賽 Modern Web DAY 22
認識 Chrome 開發者工具 系列 第 22

技術 網路面版 - HTTP 請求列表

今天我們要來看 HTTP 請求列表的欄位所代表的意義 HTTP 請求列表 請先打開開發者工具並切換到網路面版,然後重新載入畫面一次。這時候你的 HTTP 請求列...

鐵人賽 Modern Web DAY 22
前端工程師養成手冊 系列 第 22

技術 教你解讀前端徵才廠商職缺內容的背後真相

你是否有想找前端工作但被徵才內容嚇到不敢應徵?有時候徵才廠商在撰寫履歷時,也有可能不會是工程師協助撰寫履歷,但又為了希望新前端和其它同事的溝通能夠契合,所以時常...

鐵人賽 Modern Web DAY 6

技術 CSS Attribute

菜菜菜的前端學習日誌 - Day6 Css Attribute 今天兒呢來一點常用的CSS屬性 CSS撰寫位置 CSS屬性該寫在哪兒呢?! 寫在<sty...

鐵人賽 Modern Web DAY 21
認識 Chrome 開發者工具 系列 第 21

技術 網路面版 - 總覽

昨天我們介紹了網路面版的介面,也一起看部份 HTTP 請求列表的功能 (Request row),今天我們要一起來討論總覽 (overview)。 但在開始之前...

鐵人賽 Modern Web DAY 5

技術 HTML Tags

菜菜菜的前端學習日誌 - Day5 Html Tags 首先先講一下Html Tags大部分由一個 開始Tag 及一個 結束Tag 所組成 例如上一篇所講到的段...

鐵人賽 Modern Web DAY 21
前端工程師養成手冊 系列 第 21

達標好文 技術 適時充電擺脫工作低潮

不論各行各業,都一定會有工作低潮,以我的前端生涯中就有幾次低潮期,例如說: 突然對寫前端產生厭倦 對公司交辦的工作一直覺得無趣 覺得自己除了寫程式以外沒有任何...

鐵人賽 Modern Web DAY 4

技術 第一個網頁

菜菜菜的前端學習日誌 - Day4 好的今天兒要開始說技術了呢 菜比八學Web 剛開始學習我是到w3school上去學習html tag跟css 屬性這是一個不...

鐵人賽 Modern Web DAY 20
認識 Chrome 開發者工具 系列 第 20

技術 網路面版 - 介面簡介

今天要一起來看的是網路面版 (Network panel),網路面版主是要拿來檢查資源透過 HTTP 傳輸的狀況。當我們的瀏覽器向網頁伺服器發出要求直到伺服器把...

鐵人賽 Modern Web DAY 20
前端工程師養成手冊 系列 第 20

達標好文 技術 工程師打造高效工作的秘訣

有沒有常常覺得一整天都無精打采,明明工作進度差一大截,但就是提不起勁呢?或者工作常常做到一半就被打斷,本來高度集中的狀態因此消失得無影無蹤,那麼究竟該如何一直保...

鐵人賽 Modern Web DAY 19
認識 Chrome 開發者工具 系列 第 19

技術 原始碼面版 - 找到那個 Bug

今天我們要把 JS 除錯控制台 裡的功能講完,然後再介紹在中斷點作用中的時候,我們如何使用控制台 (Console) 來快速除錯。 使用 JS 除錯控制台 在開...

鐵人賽 Modern Web DAY 3

技術 我的武器從一把槍變成了電腦-下

菜菜菜的前端學習日誌 - Day3 好的!!接著今天要天橋下說書第三集囉!! 又離開 剛進公司期間裡面的技術對我來說都是陌生的,所以前期一直靠著上網google...

鐵人賽 Modern Web DAY 19
前端工程師養成手冊 系列 第 19

達標好文 技術 要認清公司能帶給你的「技術功力」有限,你得自己額外補起來

你如何看待你的技術成長?你在公司一兩年,但總覺得越到後期成長幅度低到不行?或是都認為工作內容都在做重複性的事物?你最後一次很快樂地寫程式是什麼時候?如果上面的問...

鐵人賽 自我挑戰組 DAY 2

技術 Bootstrap 4 筆記 #01 快速做出Navbar導覽列

會了基礎的html和css後,再來認識Bootstrap,讓很多東西都不用再自己造輪子! Navbar導覽列 <!-- .navbar-expand-{...

鐵人賽 Modern Web DAY 18
認識 Chrome 開發者工具 系列 第 18

技術 原始碼面版 - 在中斷點間移動及觀察變數

到目前為止,我們已經知道怎麼在開發工具裡設置中斷點,也一起討論了兩種設置中斷點的方法跟它們的差異。今天我們要介紹更多除錯的小技巧,準備好了嗎? 使用 JS 除錯...

鐵人賽 Modern Web DAY 2

技術 我的武器從一把槍變成了電腦-中

菜菜菜的前端學習日誌 - Day2 好勒!!天橋下說書第二集要開始啦 花錢 在決定要成為一名軟體工程師後,我我我......花了一大筆錢去了某知名電腦補習班,報...

鐵人賽 Modern Web DAY 18
前端工程師養成手冊 系列 第 18

達標好文 技術 Angular、Vue、React 框架選擇是個偽命題

常會有剛投入前端的朋友問我:友人A:「洧杰,你覺得該不該學 XX 框架?」我:「你說最近剛出來的那個啊,那你知道他是做什麼的嗎?」友人A:「不知道欸...只是最...