Better

Ethan的博客,欢迎访问交流

场景卡顿问题优化

随着应用的不断迭代,场景的渲染开始越来越卡,数据量稍微大一点就卡顿明显,十分影响用户体验,记录一次场景性能优化过程,渲染时间从 200ms 下降到 20ms,效果明显。


toFixed, toPrecision and toString in javascript

关于浮点数的更多现象以及 api 了解。


Web performance optimization cheetsheet

Web 前端性能优化清单。


spatial index introduction

实现产品的精准捕捉时,当几何数据大了之后,普通的遍历比较很快就会遇到性能问题,这时候通常都是通过建立空间索引的方式实现快速查询。


CSS layout digest

如何用一行 CSS 实现 10 种现代布局


Three.js Layers 工作机制

在 Raycaster 实现中,不会过滤 visible 为 false 的物体的,也就是说不可见物体依旧可以被拾取到,那如果想要不可见对象不参与拾取,该怎么实现呢,可以利用 Object3D 的 layers 属性实现。从源码中可以了解一下基础的位运算操作。


three.js 基础(三)

three.js 对底层 WebGL 的高级封装的同时,保留底层开发的特性,仍然可以使用点、面、法向量、UV 构造几何体,以及编写着色脚本来创造自己想要的特殊材质。


WebAssembly 入门

了解 wasm 使用场景,复杂对象传递和经验法则。


Observer in Browser

浏览器提供的 Observer api。


React Router Data APIs

6.4 版本引入的新特性。