昨天我們中斷點講到了一半，今天我們就接著一起來看在中斷點作用後，我們可以做些什麼。 使用中斷點來除錯 請重覆昨天的步驟，並使用官方的 Demo 來打開中斷點，如...
菜菜菜的前端學習日誌 - Day1 tags: 2018鐵人賽 前端 從拿槍變敲鍵盤 我是Andy Tsai，一個很菜很菜、菜到名字都有"Tsai&q...
當 UI 提供給你設計稿，你轉換為前端介面後，下一個步驟就是轉給後端工程師開發成動態應用程式，有些剛涉入前端工作沒多久的新人在不瞭解後端邏輯時，在溝通上容易有障...
今天我們要開始來一起討論如何使用原始碼面版 (Sources panel) 來除錯你的網頁。在開發者工具中，我最常用的面版就是元素面版跟原始碼面版，每當我在進行...
我是「不加班主義者」，你的人生已經有八小時奉獻給公司、八個小時睡覺，剩下八個小時扣除掉吃飯、睡覺、洗澡、通勤的時間，你認為還剩下多少？或許連五小時都不到，那麼你...
在 HTML5 的標準裡面，加入了很多以前所沒有的前端儲存方式像是 Local and session storage, IndexedDB 等等。而 Chro...
想想我來寫這個題目還真是不太夠格，2017 年的我今年 31 歲，科系的話大學是 3D多媒體設計、碩士念資管，所以也算一半的本科系，所以這個篇幅，至少我能向你分...
因著現在行動裝置的流行，還有響應式網頁設計 (Responsive Web Design, RWD) 在這幾年成為設計網站流程中重要的一環，Chrome 開發者...
到底要磨練到什麼程度，才可以自稱自己是名前端工程師呢？在以前的年代會有師徒制，例如要成為一位壽司師傅時會先進壽司店當學徒，在前幾年你只能在台下準備壽司材料，直到...
昨天我們簡單的介紹了控制台面版的讀取-求值-輸出循環功能，今天我們要一起要來看它提供的一些方便的 API，以及如何透過這些 API 與元素面版一起使用。 常見...
相信你還未就業時，一定對「業界」充滿想像，希望自己能夠進入一間公司發揮長才，然而事實並非童話故事般美好，我希望藉由這篇文章讓你瞭解初級前端工程師在台灣面試時或就...
今天我們要一起來討論的 Chrome 開發者工具的控制台面版 (Console panel)，這個面版我們在前面有很簡單的介紹過，其實它就像是一個讀取-求值-輸...
過去的幾天，我們一起討論了如何動態編輯 DOM 元素及樣式，這就是元素面版最常用的兩個功能，而今天要跟大家一起來探討的是在元素面版中剩下的幾個控制台，而這當中除...
履歷是你與職場接軌的重要門票，許多資深 HR (人資部門) 也曾經說過，他們看履歷只要不到十秒就決定你的履歷是否有參考的價值。就算你空有實力，但不了解該如何包裝...
昨天我們花了一點時間看了如何使用樣式控制台 (Styles pane) 來檢視樣式，今天我們則要來看如何動態編輯樣式。 再次提醒大家，我們在元素面版裡的編輯都...
這絕對能被列為我人生當中前十大最常被問到的題目之一，就趁這次機會來說明，究竟要達到什麼程度，才有辦法達到初級前端工程師的就業水平。 HTML、CSS 網頁版型是...
我們用了兩天的時間把如何透過元素面版來動態編輯文件物件模型 (DOM) 講完了，今天我們要一起看的功能是動態編輯元素的樣式。樣式控制台 (Styles pane...
什麼是 mentor (饅頭) 呢？mentor 並非像是教室的老師能夠全程時間來「教學」，而是比較偏向「引導」的角色，也因此 mentor 也可以稱為人生與職...
今天我們要接續昨天還沒討論完的部份，把動態編輯文件物件模型的功能介紹完。 編輯 HTML 昨天我們有介紹了編輯元素標籤跟屬性的功能，但還有一個功能是可以編輯整個...
相信大家在學程式的過程中，都曾經閃過這些念頭： 為了一個小問題卡了兩天，但就是找不到解法 覺得自己學得很慢，我應該不適合？ 感覺資工資管科系才會把程式摸得很透...
今天要一起來看的面版是元素面版，如果你是第一次使用 Chrome 開發者工具，元素面版應該就會是你打開開發者工具後的第一個面版，這個面版其實是由幾個小的控制面版...
在我進公司寫程式的時候，前幾年都覺得自己在產出一堆噁爛的 CODE，業界還有一個術語叫做「義大利麵的程式碼」，意思就是你寫的 CODE 就像是麵條雜亂交錯，完全...
各家的網頁、網站 開發語言，或是 相關的前後端工具，甚至是UI/UX相關的方法或是實作。 現在都是與日俱進，不管是前端的進步也好，還是前後端分離這件事情，甚至是...
幻幽
‧
2017-12-09
幾個常用的快捷鍵 在這裡我想分享幾個我最常用到的快捷鍵，強迫自己使用快捷鍵可以讓自己的工作速度提昇，強列建議大家可以把你常用的快捷鍵背起來。如果你想要找特定的快...
到目前為止我們已經看過幾個主要的面版，今天要介紹剩下的一個面版：記憶體面版。但是除了這些面版外，其實 Chrome 開發者工具裡還有提供一些方便的工具來協助工程...
在講這個主題前，我要來分享個人經歷，在創立高雄前端社群後，常會有人敲我訊息說對前端有興趣，想瞭解要到什麼程度才有辦法滿足職場需求。 當然在業界久了，自然可以推薦...
雖然進公司已經有段時間，但還是打從心底對我的工作充滿疑惑，在 2007 年時根本沒有所謂「前端工程師」的職稱，再加上那時軟體社群也沒那麼蓬勃發展，周遭也沒有任何...
今天我們會再簡單的介紹幾個面版：原始碼、安全性、應用還有審查。好，廢話不多說，就讓我們開始吧！ 原始碼面版 Sources panel 這個面版是在進行 JS...
經過一年洗禮後，主管交辦下來的項目大部分都能如期完成，就算有困難，部門間彼此照應，倒也覺得沒太大問題，原本對自己能力開始洋洋得意時，周姐和主管竟然讓我自己去負...
konekoya
Andy Tsai
廖洧杰
iThome鐵人賽
看影片追技術