004使用透视照相机绘制多个立方体
本文实例主要通过使用 THREE. PerspectiveCamera,实现在场景中通过透视照相机以透视效果绘制多个立方体。 在场景中以透视效果绘制的三个立方体,如下: 主要代码如下: // 创 …… 阅读全文...
003使用CameraHelper绘制正交相机
通过在 THREE. CameraHelper() 方法的参数中设置 OrthographicCamera,实现绘制辅助线以查看正交相机的「视角范围」。 当浏览器显示页面时,绿色的圆球将不停的旋转, …… 阅读全文...
002使用正交相机绘制多个立方体
此实例主要通过使用 THREE. OrthographicCamera,实现在场景中根据正交相机的投影规则绘制多个立方体。 在下面的代码中 myCamera = new THREE. Orthogr …… 阅读全文...
001在场景中自定义光源绘制立方体
一般情况下,使用 Three.js 绘制一个三维图形需要下面的这些步骤(或元素) (1) 创建渲染器,如 new THREE. WebGLRenderer(); (2) 指定渲染器在哪里渲染,如 $ …… 阅读全文...
前端更新部署后如何通知用户刷新
1.方案一:需要后端配合的方案 如果后端可以配合我们的话,可以使用websocket与后端进行实时通讯,前端部署完成后,后端发出一个通知。前端检测到通知消息后,进行提示。还可以再进一步优化下,使用E …… 阅读全文...
Redux原理流程及异步请求处理
1. 对 Redux 的理解,主要解决什么问题 React 是视图层框架。Redux 是一个用来管理数据状态和 UI 状态的 JavaScript 应用工具。随着 JavaScript 单页面应用(S …… 阅读全文...
缓存之 HTTP 缓存
在一个 C/S 结构中,最基本的缓存分为两种:客户端缓存和服务器缓存。本文仅讨论客户端缓存,即将某一次的响应结果保存在客户端(比如浏览器中),而后续的请求只需要从缓存中读取即可,而不用频繁的请求服务器 …… 阅读全文...
Redux数据管理之store
store:用于保存数据,通过createStore()创建的对象。 该对象的成员: * dispatch:分发一个action * getState:得到仓库中当前的状态 * replac …… 阅读全文...
Redux数据管理之reducer
Reducer是用于改变数据的函数 1.一个数据仓库,有且仅有一个reducer,并且通常情况下,一个工程只有一个仓库,因此,一个系统,只有一个reducer 2.为了方便管理,通常会将reduc …… 阅读全文...