2024年最新three，腾讯Web前端面试题社招

2401_84433769

于 2024-05-15 00:47:21 发布

阅读量331

点赞数 5

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84433769/article/details/138877171

版权

程序员专栏收录该内容

174 篇文章 0 订阅

订阅专栏

常用的JavaScript设计模式

单体模式
工厂模式
例模式

函数

函数的定义
局部变量和全局变量
返回值
匿名函数
自运行函数
闭包

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Three.js简单的旋转示例

感谢：b站老陈

在这里插入图片描述

//引入three.js 库
<script src="js/three.js"></script>
<body>
	<!-- 将在div里面输出画面 -->
	<div id="threejs-output"></div>
</body>
<script>
//具体three.js的代码
</script>

window.onload() 方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。

在这里插入图片描述

做一个简单的示例：

在这里插入图片描述

分步分析一下几个关键核心的代码：

1.场景scene

var scene = new THREE.Scene();

将某个元素加入到场景中（如坐标系）

// 显示三维坐标系
var axes = new THREE.AxisHelper(20)
// 添加坐标系到场景中
scene.add(axes);

2.相机Camera

var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 2000)

// 定位相机，并且指向场景中心
camera.position.x = 30;
camera.position.y = 30;
camera.position.z = 30;
camera.lookAt(scene.position)

3.渲染器renderer

var renderer = new THREE.WebGLRenderer();

// 设置渲染器的初始颜色
renderer.setClearColor(new THREE.Color(0xeeeeee));
// 设置输出canvas画面的大小
renderer.setSize(window.innerWidth, window.innerHeight)
// 设置渲染物体阴影
renderer.shadowMapEnabled = true;

// 将渲染器输出添加html元素中
document.getElementById('webgl-output').appendChild(renderer.domElement);
renderer.render(scene, camera)

4.几何体Geometry 和材质Material

HTTP

HTTP 报文结构是怎样的？
HTTP有哪些请求方法？
GET 和 POST 有什么区别？
如何理解 URI？
如何理解 HTTP 状态码？
简要概括一下 HTTP 的特点？HTTP 有哪些缺点？
对 Accept 系列字段了解多少？
对于定长和不定长的数据，HTTP 是怎么传输的？
HTTP 如何处理大文件的传输？
HTTP 中如何处理表单数据的提交？
HTTP1.1 如何解决 HTTP 的队头阻塞问题？
对 Cookie 了解多少？
如何理解 HTTP 代理？
如何理解 HTTP 缓存及缓存代理？
为什么产生代理缓存？
源服务器的缓存控制
客户端的缓存控制
什么是跨域？浏览器如何拦截响应？如何解决？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

2401_84433769

关注

5
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
2024年最新three，腾讯Web前端面试题社招

window.onload() 方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。简要概括一下 HTTP 的特点？HTTP 有哪些缺点？HTTP1.1 如何解决 HTTP 的队头阻塞问题？对于定长和不定长的数据，HTTP 是怎么传输的？浏览器如何拦截响应？HTTP 中如何处理表单数据的提交？如何理解 HTTP 缓存及缓存代理？HTTP 如何处理大文件的传输？HTTP 报文结构是怎样的？如何理解 HTTP 状态码？如何理解 HTTP 代理？HTTP有哪些请求方法？
复制链接

扫一扫