three.js面试需要涵盖的点

最新推荐文章于 2024-07-11 11:22:46 发布
最新推荐文章于 2024-07-11 11:22:46 发布
阅读量6.8k 收藏 24
点赞数 1
分类专栏： 工作笔记 文章标签： three-js面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/scenic2009/article/details/77017739
版权

语言基础知识：
javascript面向对象开发
遍历对象的属性
继承，重写父类的方法

HTML知识：
UI相关，树形结构，table结构
如何使用自定义控件，已达到可以重复使用的目的

3D相关
材质相关，有哪几种材质，有什么区别，对灯光的感应程度
面相关的，如果镂空一个面，镂空的面上加uv
UV相关的，对应关系
几何变换
webgl和canvas的坐标转化
设定坐标轴在几何体的任意位置
3D数学，向量，矩阵相关
模型围绕一个点运动
Geometry和BufferGeometry的区别
物体描边，Edges
Shape的使用
避免内存泄露
法向量相关知识
算法：判断两条线段是否相交，并且取得相交的点
算法：判断一个直线是否和一个轮廓相交
算法：判断一组轮廓是顺时针还是逆时针
建立多个视图，透视，俯视图，左视图
建立过个场景
再物体本身有旋转的情况下，世界坐标和Local坐标怎么平移
项目构建方面
ES6项目构建，grunt，node
单元测试

用程序理解大然界
关注
专栏目录
Three.js -初步了解
for what
03-21 612
周三要面试一家公司，异地面试而且我重新看了要求是需要会three.js的，想着听hr的口吻面试都排到周三了，怎么就让我有面试机会了呢？虽然感觉自己不太有胜算，但还是抱着侥幸心理为了面试，了解一下three.js，能熟练就更好了，技术栈上又多了一个。 Three.js是基于原生WebGL封装运行的三维引擎。 WebGL是一种3D的绘图标准，这种标准将 JavaScript 和 OpenGL ES...
基于threejs实现中国地图轮廓动画(1)
2401_84093490的博客
04-22 800
资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！[外链图片转存中…(img-pespeC3s-1713760963163)]由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
threejs基本面试题
weixin_55541470的博客
12-14 2496
在 ThreeJS 中，有许多不同类型的材质可供选择，以适应各种不同类型的几何体。其中包括环境光（AmbientLight）、点光源（PointLight）、平行光（DirectionalLight）和聚光灯（SpotLight）。三维空间需要一个相机来拍摄场景。ThreeJS 中有多种相机类型可供选择，包括透视相机（PerspectiveCamera）、正交相机（OrthographicCamera）等。创建 ThreeJS 场景需要创建一个场景对象，并将所需的几何体、光源、相机等添加到场景中。
three.js官网即开发dome
最新发布
qq_33653886的博客
07-11 1107
npx 与 Node.js 一同安装，可运行 Vite 等命令行程序，这样你就不必自己在 node_modules/ 中搜索正确的文件。下载UI组件element- plus，icon库，工具库lodash，less，less-loader。红色代表 X 轴. 绿色代表 Y 轴. 蓝色代表 Z 轴.1>项目搭建(有Node.js,脚手架的环境）3.三维坐标轴（AxesHelper）3> threejs_dome文件。在router.js文件配置路由。路由挂载到main.js文件。属性（开发时查看官方文档）
字节跳动2019校招前端笔试
Iris_Pumpkin的博客
11-19 3051
/题目描述：开心消消乐； 给定一个一维的正整数数组，逐次选择其中一个数做消除，消除所获得的分数为当前数字和左右相邻数字的乘积（当左边或者右边没有数字可以认为是1）。 e.g. 输入数组：[3, 1, 5, 8] step1：消除1 ，获得分数 15 = 315，数组变为 [3, 5, 8] step2：消除5，获得分数 120 = 358，数组变为 [3, 8] step3：消除3，获得分数 24...
3道js经典面试题
蜗牛~~
08-11 488
第一道： var a = 10; // 全局作用域，全局变量。a=10 function foo() { // var a //的声明将被提升到到函数的顶部。 // 比如:var a console.log(a); // 打印 undefined // 实际初始化值20只发生在这里 var a = ...
WebGL/threeJS面试题扫描与总结
xyphf的博客
11-24 3803
WebGL/threeJS面试题扫描
前端面试题总结.docx
05-31
在前端开发领域，面试通常会涉及HTML、CSS、JavaScript以及相关的框架和技术。以下是一些重要的知识点，涵盖了HTML&CSS的基础，...深入理解和熟练掌握这些知识点将有助于在面试中脱颖而出，并在实际工作中游刃有余。
基于threejs实现中国地图轮廓动画，简单聊聊2024年前端开发的现状和思考
rdytfuygiohi的博客
03-31 1313
param polygon 多边形 点数组@param color 材质颜色*/if (!return// 创建三维点});// 放入多个点});全部代码：遇到问题geojson 版本我们需要将提供的经纬度坐标点转场成平面，各平台算法不同，投影失真情况不同，所以一些情况地图会失真无法重合。我们刚才使用卡墨托投影转换，也会失真并且和echarts 地图轮廓对不上，所以想起其他方案。我们利用svg路径来取点，UI提供的svg地图轮廓肯定是一致的。SVG版本。
threejs点击模型实现模型边缘高亮的选中效果--更改后提
2301_78234743的博客
08-09 96
之前的经验都不适用了。考察知识点：数组题目分析：由于可以根据k值判断数组中数的范围(0 ~ k - 1)，可以使用计数的方法，先遍历一遍数组，将每个数出现的次数记录下来，然后按照从小。题干要求计算素因子的和，n个数，每个数都可能有若干个素因子，选择当前数的素因子相当于一次分叉，那么选择过程形成一个多叉树，最后一个数的素因子选择后，相当于到达多。牛牛们，有没有好用的加速器啊，github老上不去 #我的实习求职记录# #正在实习的碎碎念# #我的实习求职记录# #我的实习日记# #晒一晒我的offer#
Web3D智慧厂房 HTML5+Threejs(webgl)开发_three(1)，2024年最新大牛手把手带你
2401_84166702的博客
04-13 596
【代码】Web3D智慧厂房 HTML5+Threejs(webgl)开发_three(1)，2024年最新大牛手把手带你。
JS面试题及答案
热门推荐
08-16 3万+
一、JS闭包。 f = function() {return true;};   g = function() {return false;};   (function() {      if (g() && [] == ![]) {         f = function f() {return false;};         function g() {return
threejs问题集锦
快去创造奇迹
02-25 3765
优先更新个人博客，求关注~~ 个人博客：https://jinglecjy.github.io/ 贴图 官方插件 贴图 贴图大小限制 WebGL对于texture的支持是有大小限制的，使用CanvasRenderer也会有同样的限制，只要手机支持WebGL，可以保证允许2048*2048的贴图，因此贴图最好不超过该限制。 官方插件 使用最新版OrbitControls.js(2018...
三分钟深入了解threejs的常见面试知识点
前端程序员、项目经理、人工智能博主
08-29 2172
材质定义了物体的外观和如何反射光线。几何体定义了物体的形状和结构。纹理是一种图像，可应用于材质以改变物体的外观。在 Three.js 中，你可以使用类加载和应用纹理。渲染循环是一个持续的循环，用于更新和渲染 Three.js 场景。为了优化性能，可以使用 Frustum Culling、LOD 和合并几何体等技术来减少不必要的渲染操作。WebGL 是一种用于在浏览器中渲染 2D 和 3D 图形的低级 JavaScript API。
Three.js初试——基础概念（二）
z止于至善的博客
03-08 1295
之前我们了解到展示一个3D图像，必须要有场景、相机、渲染器这些核心要素，仅仅这些还不够，我们还需要在场景中放置物体（拍摄对象）、光源，才能展示3D图像。当有了几何体模型和材质之后，我们需要通过一个网格（Mesh）将两者结合起来，创建正在的拍摄对象。表示基于以三角形为polygon mesh（多边形网格）的物体的类。的一些核心要素概念，这篇文章会讲一下它的关键要素概念。这篇文章的主要内容就介绍到这里，继续学习中。绘制3D模型，常用的做法是用三角形组成的网格来模拟。
面试题Three
BigBenX的博客
07-23 631
//第一题 int a =2,b=3; int c=(a+b>5?a++:b++) 答案: a=2 b=4 c =4 //第二题 Boolean b=true; if(b=false){ System.out.println("a"); } else if(b){ System.out.println("b"); } else if(!b){
threejs常见问题
流水無情的博客
02-18 3432
目录哪一种三维物体格式能够得到最好地支持？如何移动端浏览器上控制视口的大小和缩放？如何在窗口调整大小时保持场景比例不变？为什么我的物体的一部分是不可见的？ 哪一种三维物体格式能够得到最好地支持？ 推荐使用glTF（gl传输格式）来对三维物体进行导入和导出，由于glTF这种格式专注于在程序运行时呈现三维物体，因此它的传输效率非常高，且加载速度非常快。 three.js同样也为其它广受欢迎的格式（例如FBX、Collada以及OBJ等）提供了载入工具。即便如此，你应当还是首先尝试着在你的项目中建立一个基于glT
JS面试题汇总（三）
酸狗的博客
11-26 2639
往期点这里：↓ JS面试题汇总（一） JS面试题汇总（二） 21. for in、Object. keys 和 Object. getOwnPropertyNames 对属性遍历有什么区别？ 参考答案： for in 会遍历自身及原型链上的可枚举属性 Object. keys 会将对象自身的可枚举属性的 key 输出 Object. getOwnPropertyNames会将自身所有的属性的 key 输出 解析： ECMAScript 将对象的属性分为两种：数据属性和访问器属性。 var parent
[译]送你43道JavaScript面试题
weixin_34107739的博客
06-16 250
导读 这两天的GitHub Trending repositories被一个名叫 javascript-questions的项目霸榜了，项目中记录了一些JavaScript题目。 我大概从头到尾看了一遍，都是一些基础的题目，我大概花了半个小时（有些题很简单，可以一扫而过）把这些题做完了，虽然题目很简单，但是每道题都对应一个知识点，如果这个知识点你没有接触过，那肯定会做错，如果你接触过这些知识点...
精通Three.js：WebGL的JavaScript 3D库实战
本书的内容涵盖了Three.js的基础知识，包括但不限于以下几个关键知识点： 1. **WebGL基础**：首先，读者会了解到WebGL的基本概念，它是如何在浏览器中运行的，以及与2D图形相比，3D图形的特性。 2. **Three.js入门...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值