首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
渲染相关
订阅
卤代烃
更多收藏集
微信扫码分享
微信
新浪微博
QQ
8篇文章 · 1订阅
关于canvas的缩放和位移实战的一点点总结
关于canvas的缩放和位移,是canvas绘制的起点,之前对齐一直是一知半解,这里做出一些总结,也算是实战后的一点点经验。
Canvas滚轮缩放和拖动画布【2023年度总结:一个疲惫的程序员】
Canvas滚轮缩放和拖动画布,一个疲惫的程序员 2023,留给这一年的时间不多了,总结一下吧。 从前我是一名WebGL动效工程师,在公司负责可视化大屏动效的开发。
兄dei,听说你动画很卡?
作为一个有追求的程序员!!!痛定思痛!!!同样的悲剧绝对不能在同一个技术面发生两次!!!流着泪写下该篇总结,希望可以给大家一些启发。 动画的实现原理,是利用了人眼的“视觉暂留”现象,在短时间内连续播放数幅静止的画面,使肉眼因视觉残象产生错觉,而误以为画面在“动”。 大多数设备的…
Flex 排版源码分析
flex 是 w3c 在 2009 年提出的响应式布局,现在已经得到所有主流的浏览器支持,也是当下前端开发主流的布局方式。 flex 凭借其布局属性适配不同的屏幕,提高开发效率,减适配问题。在如此优秀的响应式能力下,隐藏了什么设计和多少的复杂度,什么样的情况下会触发多次排版。了…
将 React 渲染到嵌入式液晶屏
我们都知道,React 最大的卖点之一,就是 Learn once, write anywhere 的通用性。但如何才能在浏览器之外,甚至在 Node.js 之外,用 React 渲染 UI 呢?本文将带你用 React 直通嵌入式驱动层,让现代前端技术与古老的硬件无缝结合。 …
「前端长列表」开源库解析及最佳实践
对应的,非连续滚动定义为 快速滚动,初始化一个空的 map -- unusedIndex, 作用是记录同类型的 unusedPool 需要从哪个索引开始取值。 定位项与滚动条位置对应,可以理解为滚动条水平方向指向的那个列表项。 列表项采用 Render Props 的形式,用 …
iOS Rendering 渲染全解析(长文干货)
1. 计算机渲染原理 对于现代计算机系统,简单来说可以大概视作三层架构:硬件、操作系统与进程。对于移动端来说,进程就是 app,而 CPU 与 GPU 是硬件层面的重要组成部分。CPU 与 GPU 提供了计算能力,通过操作系统被 app 调用。 CPU(Central Proc…
Android 性能优化之渲染原理
fps:每秒传输的帧数,FPS”也可以理解为我们常说的“刷新率(单位为Hz)”。 撕裂(screen tearing):当cpu/gpu将数据准备写入buffer(缓冲区)中,但display还没来的及显示,这时cpu/gpu把下一帧数据往buffer写,还没写完,Displa…