iT邦幫忙

前端相關文章
共有 304 則文章
鐵人賽 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 好的!! 接著今天要天橋下說書第三集囉!! 又離開 剛進公司期間裡面的技術對我來說都是陌生的,所以前期一直靠著上網googl...

鐵人賽 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:「不知道欸......

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

技術 原始碼面版 - 使用中斷點 2

昨天我們中斷點講到了一半,今天我們就接著一起來看在中斷點作用後,我們可以做些什麼。 使用中斷點來除錯 請重覆昨天的步驟,並使用官方的 Demo 來打開中斷點,如...

鐵人賽 Modern Web DAY 1

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

菜菜菜的前端學習日誌 - Day1 tags: 2018鐵人賽 前端 從拿槍變敲鍵盤 我是Andy Tsai,一個很菜很菜、菜到名字都有"Tsai&q...

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

達標好文 技術 教你開發出不會被後端吐槽的前端版型

當 UI 提供給你設計稿,你轉換為前端介面後,下一個步驟就是轉給後端工程師開發成動態應用程式,有些剛涉入前端工作沒多久的新人在不瞭解後端邏輯時,在溝通上容易有障...

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

技術 原始碼面版 - 使用中斷點 1

今天我們要開始來一起討論如何使用原始碼面版 (Sources panel) 來除錯你的網頁。在開發者工具中,我最常用的面版就是元素面版跟原始碼面版,每當我在進行...

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

達標好文 技術 打破工程師就必須加班爆肝的迷思

我是「不加班主義者」,你的人生已經有八小時奉獻給公司、八個小時睡覺,剩下八個小時扣除掉吃飯、睡覺、洗澡、通勤的時間,你認為還剩下多少?或許連五小時都不到,那麼你...

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

技術 應用面版

在 HTML5 的標準裡面,加入了很多以前所沒有的前端儲存方式像是 Local and session storage, IndexedDB 等等。而 Chro...

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

技術 工程師是否有年紀背景限制?

想想我來寫這個題目還真是不太夠格,2017 年的我今年 31 歲,科系的話大學是 3D多媒體設計、碩士念資管,所以也算一半的本科系,所以這個篇幅,至少我能向你分...

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

技術 行動裝置工具欄

因著現在行動裝置的流行,還有響應式網頁設計 (Responsive Web Design, RWD) 在這幾年成為設計網站流程中重要的一環,Chrome 開發者...

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

達標好文 技術 如何培養自信成為前端工程師?

到底要磨練到什麼程度,才可以自稱自己是名前端工程師呢?在以前的年代會有師徒制,例如要成為一位壽司師傅時會先進壽司店當學徒,在前幾年你只能在台下準備壽司材料,直到...

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

技術 控制台面版 2 - 結合元素面版

昨天我們簡單的介紹了控制台面版的讀取-求值-輸出循環功能,今天我們要一起要來看它提供的一些方便的 API,以及如何透過這些 API 與元素面版一起使用。 常見...