目录 3.1 本篇概述和基础 3.1.1 渲染机制概述 3.1.2 渲染机制基础 3.2 模型绘制管线 3.2.1 模型绘制 ...
目录 3.1 本篇概述和基础 3.1.1 渲染机制概述 3.1.2 渲染机制基础 3.2 模型绘制管线 3.2.1 模型绘制 ...
目录 13.1 本篇概述 13.1.1 本篇内容 13.1.2 概念总览 13.1.3 现代图形API特点 13.2 设备上下文 ...
目录 12.6 移动端渲染优化 12.6.1 渲染管线优化 12.6.1.1 使用新特性 12.6.1.2 管线优化 ...
1. 前言 很多年前就想将这些年工作中积累的优化经验撰写成文章,但懒癌缠身,迟迟未动手,近期总算潜下心写成文章。 涉及到具体优化技巧时,我会尽量阐述原理和依据,让读者知其然也知其所以然。 ...
Retina屏的移动设备如何实现真正1px的线? 在retina屏下面,如果你写了这样的meta <meta name="viewport" content="initial-scale=1, ...
主要知识点:rotate旋转以及 outline透明的像素消除(明显降低)火狐旋转是产生的 锯齿 首先看结构: 结构上没啥特别的,注意 里面的 front 和bac ...
移动端最高频耗内存的的操作 莫属 touchmove 与scroll事件 两者需要 微观的 优化,使用 requestAnimationFrame性能优化 H5性能优化requestAnimati ...
移动端 css3 transition 动画 ,requestAnimationFrame 动画 对于性能的要求,h5优先考虑; 移动端 单页有时候 制作只用到简单的css3动画即可,我们封 ...
translateZ()变糊 第一种情况: 当translateZ(m)中的 m设置为 非整数,1.5px 之类的,字体会模糊,但是不明显;和浏览器渲染,字体格式,或者操作系统有关, 这个 ...