浏览器为契机贯穿前端知识点-大纲参考

浏览器工作原理分为以下几部分:

  1. 分析浏览器份额,种类,理解浏览器是多进程还是多线程的,有哪些常驻进程和常驻线程,如何相互配合
  2. 浏览器内核的工作原理,渲染线程和事件队列以及JS单线程的工作原理。

ps:动画不连贯,因为浏览器渲染有一个最小时间间隔(这块之前搜藏了) 涉及如下部分:

  1. 进程和线程,单核与多核 进程与线程,单核与多核
  2. 浏览器有哪些进程和线程,他们之间的关系,打开浏览器时的调度顺序是怎样的
  3. 异步机制与事件队列,宏任务与微任务,worker,setTimeout不准的原因 https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/ ps:click会导致微任务立马执行?
  4. js与gui渲染的互斥,此时如果有用户点击上下拉等操作,页面的效果是如何,比如下拉时js在执行大量计算,视图是先更新还是先执行大量计算
  5. css和js资源加载的互阻塞
  6. 浏览器的渲染机制,代码变成页面上的视图经历了哪些?(看google大神的ppt) 7.重绘与重排,如果dom数据很多,是否可以利用hidden或者wx-if来减少需要渲染的数据量,此时性能是否会好些?-长列表的优化 ps:需要考虑直接回到顶部的情况,另外如果只是应对列表的增加,原始渲染部分的内容不变,是否可以利用wx:key或者新开图层的方法来渲染

参考

从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 浏览器加载解析渲染机制的全面解析 主流浏览器多进程架构对比以及检测方法 浏览器内核常驻线程 主流浏览器内核介绍(前端开发值得了解的浏览器内核历史) 浏览器多线程和js单线程(转) 为什么浏览器会使用多进程架构 浏览器内核、页面呈现原理及其优化 通过QQ浏览器内核看browser性能优化 百度百科-浏览器内核 浏览器工作原理详解 chrome浏览器页面渲染工作原理浅析 浏览器工作原理-webkit内核研究 JavaScript 运行机制详解:再谈Event Loop JavaScript:彻底理解同步、异步和事件循环(Event Loop) 并发模型与Event Loop JavaScript EventLoop 深入理解nodejs Event loop 简单总结下JS中EventLoop事件循环机制 这一次,彻底弄懂 JavaScript 执行机制 浏览器的工作原理:新式网络浏览器幕后揭秘 浏览器是如何工作的?(工作原理) 【前端优化之渲染优化】大屏android手机动画丢帧的背后

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android干货

Android开发常用的一些功能列表

32450
来自专栏程序员互动联盟

【编程入门】互联网的本质技术

首先要知道网站访问大概是什么个过程: 假设你在浏览器地址栏输入这个问题的地址 http://www.zhihu.com/question/22689579 访问...

482110
来自专栏Web 开发

Deploy WordPress On SAE

也没怎么刻意去选择,从各种cPanel主机,到VPS,再到AppFog等Pass,基本上都玩了一遍了。

10100
来自专栏游戏杂谈

libjpeg的问题

游戏项目是基于cocos2d-x开发的,但线上发现一个bug就是玩家在设置完自定义头像后直接闪退。凡是在设置该玩家头像的地方,游戏就直接闪退。最终定位到的问题是...

16940
来自专栏守候书阁

webpack+vue项目实战(二,开发管理系统主页面)

上篇文章(webpack+vue项目实战(一,搭建运行环境和相关配置))搭建了好了基本的一个项目目录,安好好了一些要用到的依赖,以及把项目跑了起来。接下来,我们...

25010
来自专栏iOS Developer

微信小程序开发教程-从零开始(2)

20560
来自专栏Coding01

推荐简约漂亮的小程序日历插件

好比 PHP 的 composer、前端的 npm,Java 的 jar包,小程序插件的出现,极大的方便了我们共享组件,减小开发量。

94820
来自专栏狮乐园

高级 Angular 组件模式 (7)

因为父组件会提供所有相关的 UI 元素(比如这里的 button),所以 toggle 组件的开发者可能无法满足组件使用者的一些附加需求,比如,在一个自定义的开...

18620
来自专栏游戏杂谈

HTML5的Histroy API

比较典型的是GitHub,在点击代码文件夹和文件时,会发现它的url地址栏变换了、标题栏变化了、前进后退按钮也变化了(跟新开了一个新页面感觉一样),但体验起来很...

21530
来自专栏PHP在线

表单提交刷新页面问题

今天开发中遇到了一个问题,刚开始没有头绪,不知道怎样解决,后来静下来一想,搜索下吧,经过搜索相关资料,很好的解决。 <form name="keywordFor...

39360

扫码关注云+社区

领取腾讯云代金券