iT邦幫忙

browser相關文章
共有 52 則文章
鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 22

技術 [Day 22] Performance - Rendering Optimization

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

鐵人賽 Modern Web DAY 21

技術 [Day 21] Performance - How Rendering Works

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

鐵人賽 Modern Web DAY 19
前端開發 30 個問題 系列 第 19

技術 How browser works (6) - Painting

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

鐵人賽 Modern Web DAY 18
前端開發 30 個問題 系列 第 18

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

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

鐵人賽 Modern Web DAY 15
前端開發 30 個問題 系列 第 15

技術 How browser works (2) - DNS

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

鐵人賽 Modern Web DAY 14
前端開發 30 個問題 系列 第 14

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

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

鐵人賽 Modern Web DAY 9
前端開發 30 個問題 系列 第 9

技術 Storages in browser

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

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 16

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

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

技術 Cordchat全局快速搜索

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 Software Development DAY 30

技術 瀏覽器快速與平行化佈局(二)

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

鐵人賽 Software Development DAY 29

技術 掩卷沈思瀏覽器

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

鐵人賽 Software Development DAY 28

技術 瀏覽器快速與平行化佈局(ㄧ)

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

鐵人賽 Software Development DAY 27

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

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

鐵人賽 Software Development DAY 26

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

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

鐵人賽 Software Development DAY 25

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

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

鐵人賽 Software Development DAY 24

技術 瀏覽器平行化

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

鐵人賽 Software Development DAY 23

技術 瀏覽器的安全連線(HTTPS)與實作

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

鐵人賽 Software Development DAY 22

技術 瀏覽器開發進階實戰(四)font-family

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

鐵人賽 Software Development DAY 21

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

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

鐵人賽 Software Development DAY 20

技術 瀏覽器偷了我手機的電!?

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

鐵人賽 Software Development DAY 19

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

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

鐵人賽 Software Development DAY 18

技術 瀏覽器開發進階實戰(三)捲動

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

鐵人賽 Software Development DAY 17

技術 談談 Servo 專案

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