✨ = 书架 = 一个知识书库

2024年7月13日1441 字5 分钟

Three.js之纹理素材

> 纹理贴图（Textures）字面意思就是給几何体对象贴上不同的纹理图！好比于我们每天选择穿不同的衣服，我们穿不同的衣服带来的感官会有很大变化！同理几何体不同贴图的视觉效果也会有千差万别。纹理贴图是 Three.js一个很重要的内容，掌握了纹理贴图可以让3d效果产生质的飞跃。 ## 贴图的重要性如果没有纹理贴图，我们看到的3d物体将会是很糟糕的！例如下面这个最基础贴图例子。 ![img](http://www.lixianglong.cn/bg_store/img/content/v2-c9e60cde3e038c42299a06cc6685ccc8_1440w.webp

more...

2024年7月13日262 字1 分钟

Three.js 之Stats.js

# 前言通过stats.js库可以查看three.js当前的渲染性能，具体说就是计算three.js的渲染帧率(FPS),所谓渲染帧率(FPS)，简单说就是three.js每秒钟完成的渲染次数，一般渲染达到每秒钟60次为最佳状态。  # 性能监控 github 地址: [https://github.com/mrdoob/stats.js/blob/master/src/Stats.js](https://github.com/mrdoob/stats.js/blob/master/src/Stats.js) * FPS 在最近一秒渲染

more...

2024年7月13日79 字1 分钟

Window height、innerHeight、outerHeight区别

1. height 指的是元素本身的高度，不包括padding、border、margin，如下图所示： ![img](http://www.lixianglong.cn/bg_store/img/content/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv.png) 2. innerHeight 包括元素自身的高度+padding部分，如图所示： ![img](http://www.lixianglong.cn/bg_store/img/content/5a6L5L2T.png) 3. outerHeight高度为：元素自身高度 + padding + b

more...

2024年7月13日2254 字8 分钟

Vue 更彻底的拥抱了函数式

我本来今天想写一篇文章跟大家介绍一下 React Native for Windows + macOS。之前没有用过，所以这两天花时间调研了一下，也写了一些基础的 Demo，不过由于下午的 Vue Conf 中，我惊讶的发现了一个非常棒的东西，想迫不及待的分享给大家，他就是 **Vue Vine**，**一个更为彻底拥抱函数式**的新开发方式。  从下面这张代码截图中，你就能感受到 Vue 团队拥抱函数式的决心。这是我新写的一段代码。大家先感受一下 ![图片](http://www.lixianglong.cn/bg_store/img/content/

more...

2024年7月13日51 字1 分钟