性能体验

网页性能与用户体验优化技巧与方案,PWA思想与实现研究和相关教程。

HTTP协议以及HTTP2.0/1.1/1.0区别

1

前端学堂 发布于 2019-07-17

一.简介 摘自百度百科: 超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。 HTTP属于OSI网络七层协议...

阅读(119)赞 (1)

浏览器渲染流水线解析与网页动画性能优化

3

前端学堂 发布于 2019-06-11

若干年前,我写过一篇介绍浏览器渲染流水线的文章 – How Rendering Work (in WebKit and Blink),这篇文章,一来部分内容已经过时,二来缺少一个全局视角来对流水线整体进行分析,所以打算重新写一篇新的文章,从一个更高抽象层次和高度简化的...

阅读(194)赞 (2)

OffscreenCanvas – 概念说明及使用解析

1

前端学堂 发布于 2019-06-11

这是个人关于 OffscreenCanvas 的第一篇文章,在这篇文章里会对 OffscreenCanvas 的基本概念进行说明,并通过两个实际的例程来解析它的主要使用方式和应用场景。 OffscreenCanvas 是一个实验中的新特性,主要用于提升 Canvas 2D/3D ...

阅读(413)赞 (2)

tree shaking介绍

21

前端学堂 发布于 2019-06-07

Tree-Shaking性能优化实践 – 原理篇 一. 什么是Tree-shaking 先来看一下Tree-shaking原始的本意 上图形象的解释了Tree-shaking 的本意,本文所说的前端中的tree-shaking可以理解为通过工具”摇R...

阅读(177)赞 (3)

浏览器渲染与阻塞原理

前端学堂 发布于 2019-06-05

本文章回答了那些问题 浏览器如何渲染一个页面 浏览器有哪些线程,线程之间如何工作的 为什么要学习这些问题 了解浏览器渲染原理可以帮助我们优化html、css、js的组织,优化渲染性能 了解浏览器进程可以帮助我们深入了解异步编程 浏览器渲染原理 浏览器首先下载html、css、js...

阅读(147)赞 (3)

中台的理解?

8

前端学堂 发布于 2019-05-31

中台迷思 原文:白话中台战略:中台是个什么鬼? 到处都在喊中台,到处都是中台,中台这个词在我看来已经被滥用了。 在有些人眼里:中台就是技术平台,像微服务开发框架、Devops平台、PaaS平台,容器云之类的,人们都叫它“技术中台”。 在有些人眼里:中台就是微服务业务平台,像最常见...

阅读(127)赞 (3)

asm.js 和 Emscripten 介绍

5

前端学堂 发布于 2019-05-29

2012年,Mozilla 的工程师 Alon Zakai 在研究 LLVM 编译器时突发奇想:许多 3D 游戏都是用 C / C++ 语言写的,如果能将 C / C++ 语言编译成 JavaScript 代码,它们不就能在浏览器里运行了吗?众所周知,JavaScript 的基本...

阅读(157)赞 (3)

你不知道的LLVM编译器

2

前端学堂 发布于 2019-05-29

这几年来,一些新的开发语言如雨后春笋般涌现,比如 Mozilla 的 Rust、Apple 的 Swift 以及 Jetbrains 的 Kotlin 等等,当然很多好的语言也在不断迭代,比如 Java。这些语言为开发人员在开发速度、安全性、便利性、可移植性和功能上提供了多种选择...

阅读(164)赞 (3)

xcrun命令运行模拟器

前端学堂 发布于 2019-05-28

一、Xcode允许我们使用xcrun命令运行模拟器 1、列出你安装的所有可用的设备 xcrun instruments -s 终端显示结果: Apple TV (11.2) [E08E425C-ACE2-49EE-9451-2F8DE1606B44] (Simulator) Ap...

阅读(197)赞 (3)

HTTP协商缓存VS强缓存原理

5

前端学堂 发布于 2019-03-03

之前一直对浏览器缓存只能描述一个大概,深层次的原理不能描述上来;终于在前端的两次面试过程中被问倒下,为了泄恨,查阅一些资料最终对其有了一个更深入的理解,废话不多说,赶紧来看看浏览器缓存的那些事吧,有不对的地方,请各位不吝赐教啊。  本文主要讲解浏览器端的缓存,缓存的作用是不言而喻...

阅读(316)赞 (6)

准备好做TL了吗

前端学堂 发布于 2019-01-22

技术主管,有些公司可能又叫「技术经理」,英文一般是 Tech Leader 或简称 TL。在拉姆·查兰 (Ram Charan) 那本《领导梯队》中提到一个人的工作角色中至少有百分之五十以上的时间是花费在管理事务上,那么他的角色才算是一个经理(Manager),所以技术TL是一个...

阅读(531)赞 (5)