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

0 Like 0 留言 236 瀏覽

技術前端工程學習日記２7天 header menu 三欄式 flex

在 .menu display:flex 從左到右 Flex 裡頭還可以包 Flex - 程式碼開發 <div class="header&q...

全職魔法師 ‧ 2021-05-24

1 Like 1 留言 540 瀏覽

鐵人賽 Modern Web DAY 23

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

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

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

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

3 Like 0 留言 657 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 [Day 22] Performance - Rendering Optimization

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

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

1 Like 0 留言 613 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 [Day 21] Performance - How Rendering Works

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

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

0 Like 1 留言 256 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 How browser works (6) - Painting

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

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

0 Like 0 留言 243 瀏覽

鐵人賽 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 留言 398 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 How browser works (2) - DNS

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

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

0 Like 0 留言 272 瀏覽

鐵人賽 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 留言 279 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Storages in browser

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

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

3 Like 2 留言 2793 瀏覽

鐵人賽 Modern Web DAY 30

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

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

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

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

2 Like 0 留言 909 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

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

0 Like 0 留言 1088 瀏覽

技術 Cordchat全局快速搜索

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

littleitpotato ‧ 2019-01-16

8 Like 1 留言 14651 瀏覽

鐵人賽 Software Development

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

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

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

微中子 ‧ 2018-04-10

7 Like 1 留言 21660 瀏覽

鐵人賽 Software Development

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

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

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

微中子 ‧ 2018-02-27

2 Like 0 留言 17025 瀏覽

鐵人賽 Software Development

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

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

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

微中子 ‧ 2018-01-19

8 Like 2 留言 2209 瀏覽

鐵人賽 Software Development

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

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

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

微中子 ‧ 2018-01-11

1 Like 0 留言 4963 瀏覽

鐵人賽 Software Development

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

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

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

微中子 ‧ 2018-01-10

2 Like 0 留言 1359 瀏覽

鐵人賽 Software Development DAY 30

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

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

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

微中子 ‧ 2018-01-09

2 Like 0 留言 1308 瀏覽

鐵人賽 Software Development DAY 29

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

技術掩卷沈思瀏覽器

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

微中子 ‧ 2018-01-08

1 Like 0 留言 1733 瀏覽

鐵人賽 Software Development DAY 28

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

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

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

微中子 ‧ 2018-01-07

1 Like 0 留言 1374 瀏覽

鐵人賽 Software Development DAY 27

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

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

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

微中子 ‧ 2018-01-06

1 Like 0 留言 1433 瀏覽

鐵人賽 Software Development DAY 26

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

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

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

微中子 ‧ 2018-01-05

2 Like 1 留言 10370 瀏覽

鐵人賽 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 留言 1706 瀏覽

鐵人賽 Software Development DAY 24

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

技術瀏覽器平行化

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

微中子 ‧ 2018-01-03

1 Like 0 留言 3540 瀏覽

鐵人賽 Software Development DAY 23

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

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

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

微中子 ‧ 2018-01-02

1 Like 0 留言 1361 瀏覽

鐵人賽 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 留言 1860 瀏覽

鐵人賽 Software Development DAY 21

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

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

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

微中子 ‧ 2017-12-31

2 Like 0 留言 7281 瀏覽

鐵人賽 Software Development DAY 20

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

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

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

微中子 ‧ 2017-12-30

8 Like 1 留言 16361 瀏覽

鐵人賽 Software Development DAY 19

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

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

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

微中子 ‧ 2017-12-29

1 Like 1 留言 1393 瀏覽

鐵人賽 Software Development DAY 18

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

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

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

微中子 ‧ 2017-12-28

技術 前端工程學習日記２7天 header menu 三欄式 flex

技術 [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

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

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

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

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

At

技術前端工程學習日記２7天 header menu 三欄式 flex

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

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

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

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

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

技術掩卷沈思瀏覽器

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

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

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

技術瀏覽器平行化

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

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

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

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

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

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