腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

大史住在大前端

专栏作者

106

文章

132360

阅读量

36

订阅数

GDG Xi'an DevFest 2019 闪电演讲 -《假如我是一个浏览器》PPT（经典多图，建议收藏）

网站 css 打包渲染 ide

内容讲述了HTML，CSS和JavaScript文件从代码到浏览器中图形的基本过程，实际上每个阶段正好代表了高级前端工程师可以选择的三大细分方向——架构师，工程化，图形学。PPT基本上全是图，引用了一些知名的前端神图，大部分都是自己一点点做的，毕竟图的表现力比文字要生动直观一些，原稿几乎每一页都加了备注！！！，有需要的可以在我的博客或者GDG西安官方公众号获取到。

大史不说话

2019-11-29

5550

高性能Web动画和渲染原理系列（5）合成层的生成条件和陷阱

之前介绍到了RenderLayer渲染层的概念，在涉及到硬件加速的话题时，出现了很多新的概念，参考《Webkit技术内幕》一书的介绍总结如下：

大史不说话

2019-11-19

1.1K0

高性能Web动画和渲染原理系列（3）——transform和opacity为什么高性能

关于opacity和transform的动画性能的话题，机会总是会涉及到“合成层”或者“硬件加速”的概念，理解起来让人觉得非常混乱，最近研究渲染相关的知识后，希望将这几个概念逐步梳理清楚。

大史不说话

2019-10-28

1.1K0

高性能Web动画和渲染原理系列（2）——渲染管线和CPU渲染

缓存渲染 canvas css

动画的流畅程度通常是以FPS(Frame Per Second，每秒帧率)作为衡量的。在摄像机录制视频时每一帧实际上包含了一段时间内的画面记录（长曝光摄影的道理相同的），如果画面里的事物在运动，那么暂停播放时看到的画面通常都是模糊的，这样的画面也被称为“模糊帧”，加上双眼“视觉暂留”效果的影响，影视作品一般只要达到24FPS就可以展示出看起来连续运动的画面；而在页面的渲染中，每一帧都是由计算机计算渲染出来的精确画面，帧和帧之间并不存在模糊过渡，所以通常认为需要达到50FPS~60FPS的帧率，才能够得到较好的观看体验。

大史不说话

2019-10-21

1.5K0

Web高性能动画及渲染原理（1）CSS动画和JS动画

Web动画的本质是元素状态改变造成的样式变更，CSS动画和JS动画的区别并不是由语言来决定的，而是由两者的特点和适用场景来判断的。CSS动画简洁高效，提升交互体验而编写的代码可以轻松地和主要业务逻辑之间实现隔离，开发中建议优先使用；而当你需要更丰富的缓动函数，多对象关联动画或是需要在动画执行的特定时间点关联一些其他的业务逻辑等需要细节控制的场景中，JS动画就会显得更加清晰且易维护，两者从来都不是非黑即白的选项。

大史不说话

2019-10-16

7.5K0

2018年8月中级前端开发推荐书籍

css javascript 编程算法缓存数据结构

推荐理由：曾经有一个前端大神说过，如果你想成为前端架构师，首先你得忘记自己是个前端。

大史不说话

2019-03-01

7870

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态