iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 1 留言 362 瀏覽

鐵人賽 Modern Web DAY 23

你所不知道的各種前端 Debug 技巧系列第 23 篇

技術 [Day 23] Performance - Analyze Paint & Layers

本文將會講解如何利用 DevTools 找出瀏覽器繪製頁面的效能瓶頸，並利用 GPU 和瀏覽器繪製頁面的機制來優化動畫效能，閱讀本文前建議先理解瀏覽器繪製頁面的...

shizuku ‧ 2020-10-06 ‧團隊Outcome First

3 Like 0 留言 374 瀏覽

鐵人賽 Modern Web DAY 22

你所不知道的各種前端 Debug 技巧系列第 22 篇

技術 [Day 22] Performance - Rendering Optimization

概覽大部分的瀏覽器會以每秒 60 次的頻率刷新頁面，反過來說只要瀏覽器來不及在 16 毫秒（1000/60）內產出下一個畫面就會讓使用者感覺卡卡的，影響使用體...

shizuku ‧ 2020-10-05 ‧團隊Outcome First

1 Like 0 留言 404 瀏覽

鐵人賽 Modern Web DAY 21

你所不知道的各種前端 Debug 技巧系列第 21 篇

技術 [Day 21] Performance - How Rendering Works

利用 Performance 面板紀錄效能後，會發現其中以主線程 Main 圖表涵蓋了最多資訊，從開始解析 HTML 到最後繪製出頁面，瀏覽器都做了哪些事情呢？...

shizuku ‧ 2020-10-04 ‧團隊Outcome First

0 Like 1 留言 217 瀏覽

鐵人賽 Modern Web DAY 19

前端開發 30 個問題系列第 19 篇

技術 How browser works (6) - Painting

前言 2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...

TD ‧ 2020-10-02 ‧團隊Outcome First

0 Like 0 留言 207 瀏覽

鐵人賽 Modern Web DAY 18

前端開發 30 個問題系列第 18 篇

技術 How browser works (5) - Create DOM tree

前言 2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...

TD ‧ 2020-10-01 ‧團隊Outcome First

0 Like 0 留言 288 瀏覽

鐵人賽 Modern Web DAY 15

前端開發 30 個問題系列第 15 篇

技術 How browser works (2) - DNS

前言 2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...

TD ‧ 2020-09-28 ‧團隊Outcome First

0 Like 0 留言 217 瀏覽

鐵人賽 Modern Web DAY 14

前端開發 30 個問題系列第 14 篇

技術 How browser works (1) - A brief of Chrome architecture

前言 2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...

TD ‧ 2020-09-27 ‧團隊Outcome First

0 Like 0 留言 217 瀏覽

鐵人賽 Modern Web DAY 9

前端開發 30 個問題系列第 9 篇

技術 Storages in browser

前言 2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...

TD ‧ 2020-09-22 ‧團隊Outcome First

3 Like 2 留言 1941 瀏覽

鐵人賽 Modern Web DAY 30

前端三十 - 成為更好的前端工程師系列第 30 篇

技術 30. [WEB] 從輸入網址列到渲染畫面，過程經歷了什麼事情？

相信讀者您在生活中，多少都會有搜尋、瀏覽網頁的經驗吧？輸入網址、而身為網頁製造者的前端工程師，你真的知道你寫出來的網頁在部屬之後，是怎麼從網址變成頁面，進而顯...

Gary ‧ 2019-10-16 ‧團隊Wow Doge!

2 Like 0 留言 707 瀏覽

鐵人賽 Modern Web DAY 16

前端三十 - 成為更好的前端工程師系列第 16 篇

技術 16. [FE] 為何會有瀏覽器差異？怎麼處理？

在本系列文的前兩週，我們深入認識了 HTML、CSS、JavaScript 這前端三兄弟中的許多細節，過程中筆者也提到了數次瀏覽器差異可能會造成的影響；今天再...

Gary ‧ 2019-10-02 ‧團隊Wow Doge!

0 Like 0 留言 1040 瀏覽

技術 Cordchat全局快速搜索

無論什麼類型的通訊軟體，最怕要找東西時要花時間慢慢翻，太過影響效率，因此，其搜索功能特別重要。根據官方網站所說：「Cordchat設多功能搜尋器，能快速搜尋指...

littleitpotato ‧ 2019-01-16

8 Like 1 留言 14404 瀏覽

鐵人賽 Software Development

來做個網路瀏覽器吧！Let's build a web browser! 系列第 35 篇

達標好文技術 [論文] 網頁瀏覽器在異質運算多核心處理器平台上電量管理的工作量描述

本系列目錄《來做個網路瀏覽器吧！》文章列表最近又看了一篇論文，覺得寫得很精彩所以決定來分享一下原文標題：Web browser workload c...

微中子 ‧ 2018-04-10

7 Like 1 留言 21401 瀏覽

鐵人賽 Software Development

來做個網路瀏覽器吧！Let's build a web browser! 系列第 34 篇

達標好文技術《來做個網路瀏覽器吧！》文章列表

基本介紹做一個瀏覽器之前，先來認識瀏覽器先來看看瀏覽器內核長怎樣吧！深入探討瀏覽器引擎如何進行解析瀏覽器平行化 Mozilla / Servo 瀏覽器...

微中子 ‧ 2018-02-27

2 Like 0 留言 16908 瀏覽

鐵人賽 Software Development

來做個網路瀏覽器吧！Let's build a web browser! 系列第 33 篇

技術 [論文] Servo 案例分析：平行化瀏覽器效能-能源的預測模型

本系列目錄《來做個網路瀏覽器吧！》文章列表今日論文：Parallel Performance-Energy Predictive Modeling of...

微中子 ‧ 2018-01-19

8 Like 2 留言 2082 瀏覽

鐵人賽 Software Development

來做個網路瀏覽器吧！Let's build a web browser! 系列第 32 篇

技術《來做個網路瀏覽器吧！》下台一鞠躬

本系列目錄《來做個網路瀏覽器吧！》文章列表我想，是時候結束本系列了！沒想到當初誤打誤撞開始玩瀏覽器，說來我碰瀏覽器還不到半年，但總覺得已經過好久的時間。...

微中子 ‧ 2018-01-11

1 Like 0 留言 4811 瀏覽

鐵人賽 Software Development

來做個網路瀏覽器吧！Let's build a web browser! 系列第 31 篇

技術手機上網好耗電，不如讓雲端幫手機省電吧！

本系列目錄《來做個網路瀏覽器吧！》文章列表前言今日論文：Decision to offload the task to Cloud for incre...

微中子 ‧ 2018-01-10

2 Like 0 留言 1293 瀏覽

鐵人賽 Software Development DAY 30

來做個網路瀏覽器吧！Let's build a web browser! 系列第 30 篇

技術瀏覽器快速與平行化佈局（二）

本系列目錄《來做個網路瀏覽器吧！》文章列表本篇接續之前一篇研究論文： Fast and Parallel Webpage Layout 論文作者為...

微中子 ‧ 2018-01-09

2 Like 0 留言 1231 瀏覽

鐵人賽 Software Development DAY 29

來做個網路瀏覽器吧！Let's build a web browser! 系列第 29 篇

技術掩卷沈思瀏覽器

本系列目錄《來做個網路瀏覽器吧！》文章列表今天我們不談技術，來談談對瀏覽器的想法。目前看起來瀏覽器已經是很成熟的產品了，在經歷過幾個大事件，例如 IE...

微中子 ‧ 2018-01-08

1 Like 0 留言 1669 瀏覽

鐵人賽 Software Development DAY 28

來做個網路瀏覽器吧！Let's build a web browser! 系列第 28 篇

技術瀏覽器快速與平行化佈局（ㄧ）

本系列目錄《來做個網路瀏覽器吧！》文章列表今天研究論文： Fast and Parallel Webpage Layout 論文作者為 Leo A....

微中子 ‧ 2018-01-07

1 Like 0 留言 1319 瀏覽

鐵人賽 Software Development DAY 27

來做個網路瀏覽器吧！Let's build a web browser! 系列第 27 篇

技術市面瀏覽器個案分析：隱私篇

本系列目錄《來做個網路瀏覽器吧！》文章列表市面上的瀏覽器五花八門，各有各的優缺點。俗話說知己知彼百戰百勝，想要在這片紅海殺出，勢必要了解對手。我在網...

微中子 ‧ 2018-01-06

1 Like 0 留言 1367 瀏覽

鐵人賽 Software Development DAY 26

來做個網路瀏覽器吧！Let's build a web browser! 系列第 26 篇

技術再談影響行動裝置瀏覽器速度的因素

本系列目錄《來做個網路瀏覽器吧！》文章列表本系列下來我們看了不少論文，今天我想討論一下在用手機瀏覽器上網的情況下，彼此的關聯。回顧一下，我們在為什麼手...

微中子 ‧ 2018-01-05

2 Like 1 留言 10224 瀏覽

鐵人賽 Software Development DAY 25

來做個網路瀏覽器吧！Let's build a web browser! 系列第 25 篇

技術 Cache 並不會讓手機的瀏覽器更快？

本系列目錄《來做個網路瀏覽器吧！》文章列表前言看到一篇很神奇的論文：Caching Doesn’t Improve Mobile Web Perfo...

微中子 ‧ 2018-01-04

3 Like 1 留言 1620 瀏覽

鐵人賽 Software Development DAY 24

來做個網路瀏覽器吧！Let's build a web browser! 系列第 24 篇

技術瀏覽器平行化

本系列目錄《來做個網路瀏覽器吧！》文章列表今天討論一下瀏覽器的平行化。像是 Servo 瀏覽器引擎其終旨就是希望做一個平行化的瀏覽器，而 Servo 最...

微中子 ‧ 2018-01-03

1 Like 0 留言 3386 瀏覽

鐵人賽 Software Development DAY 23

來做個網路瀏覽器吧！Let's build a web browser! 系列第 23 篇

技術瀏覽器的安全連線（HTTPS）與實作

本系列目錄《來做個網路瀏覽器吧！》文章列表前言今天來談談瀏覽器的安全性連線，也就是講講 HTTPS 是甚麼以及怎麼做？老樣子我們又回到講解 Serv...

微中子 ‧ 2018-01-02

1 Like 0 留言 1284 瀏覽

鐵人賽 Software Development DAY 22

來做個網路瀏覽器吧！Let's build a web browser! 系列第 22 篇

技術瀏覽器開發進階實戰（四）font-family

本系列目錄《來做個網路瀏覽器吧！》文章列表今天來介紹 font-family。當我們對 CSS 定義「字形」的時候，會使用 font-family p...

微中子 ‧ 2018-01-01

1 Like 0 留言 1729 瀏覽

鐵人賽 Software Development DAY 21

來做個網路瀏覽器吧！Let's build a web browser! 系列第 21 篇

技術用網頁相似性來優化瀏覽器

本系列目錄《來做個網路瀏覽器吧！》文章列表前兩天（1＆2）都找了比較有趣的論文來寫，沒意外都登上熱門了。不過是時候回來講一些比較硬的東西了！論文今天...

微中子 ‧ 2017-12-31

2 Like 0 留言 7103 瀏覽

鐵人賽 Software Development DAY 20

來做個網路瀏覽器吧！Let's build a web browser! 系列第 20 篇

技術瀏覽器偷了我手機的電！？

本系列目錄《來做個網路瀏覽器吧！》文章列表今天再來看一篇有趣的論文，題目是 Who Killed My Battery: Analyzing Mobil...

微中子 ‧ 2017-12-30

8 Like 0 留言 16001 瀏覽

鐵人賽 Software Development DAY 19

來做個網路瀏覽器吧！Let's build a web browser! 系列第 19 篇

技術為什麼手機上網速度比較慢呢？

本系列目錄《來做個網路瀏覽器吧！》文章列表問題：為什麼手機上網速度比較慢？今天來點輕鬆的主題。你有沒有想過，為什麼手機上網速度比較慢？手機處理器...

微中子 ‧ 2017-12-29

1 Like 1 留言 1319 瀏覽

鐵人賽 Software Development DAY 18

來做個網路瀏覽器吧！Let's build a web browser! 系列第 18 篇

技術瀏覽器開發進階實戰（三）捲動

本系列目錄《來做個網路瀏覽器吧！》文章列表今天繼續以Servo 專案來討論如何實作。今天主題是 scroll，也就是捲動。當頁面大於視窗，或是元素內容...

微中子 ‧ 2017-12-28

1 Like 0 留言 1517 瀏覽

鐵人賽 Software Development DAY 17

來做個網路瀏覽器吧！Let's build a web browser! 系列第 17 篇

技術談談 Servo 專案

本系列目錄《來做個網路瀏覽器吧！》文章列表前言什麼是 Servo? Servo 是一款專為應用軟體和嵌入式應用而設計的現代化的高效能瀏覽器引擎緣...

微中子 ‧ 2017-12-27

技術 [Day 23] Performance - Analyze Paint & Layers

技術 [Day 22] Performance - Rendering Optimization

技術 [Day 21] Performance - How Rendering Works

技術 How browser works (6) - Painting

技術 How browser works (5) - Create DOM tree

技術 How browser works (2) - DNS

技術 How browser works (1) - A brief of Chrome architecture

技術 Storages in browser

技術 30. [WEB] 從輸入網址列到渲染畫面，過程經歷了什麼事情？

技術 16. [FE] 為何會有瀏覽器差異？怎麼處理？

技術 Cordchat全局快速搜索

達標好文 技術 [論文] 網頁瀏覽器在異質運算多核心處理器平台上電量管理的工作量描述

達標好文 技術 《來做個網路瀏覽器吧！》文章列表

技術 [論文] Servo 案例分析：平行化瀏覽器效能-能源的預測模型

技術 《來做個網路瀏覽器吧！》下台一鞠躬

技術 手機上網好耗電，不如讓雲端幫手機省電吧！

技術 瀏覽器快速與平行化佈局（二）

技術 掩卷沈思瀏覽器

技術 瀏覽器快速與平行化佈局（ㄧ）

技術 市面瀏覽器個案分析：隱私篇

技術 再談影響行動裝置瀏覽器速度的因素

技術 Cache 並不會讓手機的瀏覽器更快？

技術 瀏覽器平行化

技術 瀏覽器的安全連線（HTTPS）與實作

技術 瀏覽器開發進階實戰（四）font-family

技術 用網頁相似性來優化瀏覽器

技術 瀏覽器偷了我手機的電！？

技術 為什麼手機上網速度比較慢呢？

技術 瀏覽器開發進階實戰（三）捲動

技術 談談 Servo 專案

At

達標好文技術 [論文] 網頁瀏覽器在異質運算多核心處理器平台上電量管理的工作量描述

達標好文技術《來做個網路瀏覽器吧！》文章列表

技術《來做個網路瀏覽器吧！》下台一鞠躬

技術手機上網好耗電，不如讓雲端幫手機省電吧！

技術瀏覽器快速與平行化佈局（二）

技術掩卷沈思瀏覽器

技術瀏覽器快速與平行化佈局（ㄧ）

技術市面瀏覽器個案分析：隱私篇

技術再談影響行動裝置瀏覽器速度的因素

技術瀏覽器平行化

技術瀏覽器的安全連線（HTTPS）與實作

技術瀏覽器開發進階實戰（四）font-family

技術用網頁相似性來優化瀏覽器

技術瀏覽器偷了我手機的電！？

技術為什麼手機上網速度比較慢呢？

技術瀏覽器開發進階實戰（三）捲動

技術談談 Servo 專案