二面

全程聊项目，基于不同项目问的东西不一样，没有太多参考，总结考察一句话：

项目背景，为什么要这么做，做出来的效果是什么

三面

介绍完项目后，根据项目问的：

打游戏卡顿出现的原因以及改进方法

游戏卡顿通常是由于系统资源不足或者游戏本身性能问题导致的。下面是一些常见的游戏卡顿原因和改进方法：

1. 系统资源不足：

   • 如果系统内存或者CPU资源不足，会导致游戏卡顿。这可能是由于其他后台程序消耗了大量系统资源，或者系统硬件配置不足造成的。解决方法包括关闭其他占用资源较高的程序、增加系统内存、升级CPU等。

2. 游戏性能问题：

   • 游戏本身的性能问题也会导致卡顿。例如，游戏中存在过多的复杂特效、高分辨率的纹理、复杂的物理模拟等，都会对游戏的性能产生影响。解决方法包括优化游戏代码、减少不必要的特效、优化纹理资源、使用合适的物理引擎等。

3. 渲染优化不足：

   • 游戏的渲染过程可能存在优化不足的问题，例如频繁的绘制大量图形对象、未使用硬件加速、不合理的渲染顺序等。解决方法包括减少绘制的对象数量、使用批处理技术减少绘制次数、使用合适的渲染技术（如WebGL）等。

4. 内存泄漏：

   • 游戏中存在内存泄漏问题也会导致游戏卡顿。如果游戏中存在大量未释放的内存或者内存泄漏，会导致系统内存不足，从而影响游戏性能。解决方法包括检查和修复内存泄漏问题、优化内存管理等。

5. 网络延迟：

   • 在在线游戏中，网络延迟也会导致游戏卡顿。如果游戏与服务器之间的通信存在延迟或者丢包，会导致游戏画面卡顿或者卡顿现象。解决方法包括优化网络通信、减少数据传输量、使用合适的网络协议等。

针对以上问题，可以通过一些技术手段和优化方法来改进游戏性能，从而减少游戏卡顿现象，提升游戏体验。例如，使用合适的游戏引擎、进行性能优化、使用合适的硬件设备等。

资源太多，怎么做优化

当游戏中存在过多资源时，可以采取以下优化策略来降低资源消耗，提高游戏性能：

1. 资源合并和压缩：

   • 将多个小文件合并成一个大文件，减少HTTP请求次数。对CSS和JavaScript文件进行压缩，删除注释和空白字符，减少文件大小，加快加载速度。

2. 延迟加载：

   • 将不必要立即加载的资源延迟加载，例如将一些非关键的JavaScript文件或者图片文件延迟加载到页面滚动到可视区域后再加载，减少初始页面加载时间。

3. 图片优化：

   • 使用合适的图片格式，如JPEG、PNG、WebP等，并使用压缩工具对图片进行压缩，减小文件大小。对于大图，可以考虑使用图片懒加载或者使用CSS Sprites技术。

4. 资源缓存：

   • 使用浏览器缓存机制，将静态资源缓存到本地，减少资源的重复加载。设置合适的缓存策略，如使用ETag或者Cache-Control头来控制缓存时间。

5. 懒加载和按需加载：

   • 根据页面的实际需要，只加载当前页面所需的资源，而不是一次性加载所有资源。例如，对于分页列表或者Tab页，只在需要时加载对应的内容。

6. 资源预加载：

   • 提前加载可能需要使用到的资源，以提高用户体验。例如，在游戏加载页面时可以预加载游戏中的音频、视频、场景等资源，减少用户等待时间。

7. 减少不必要的资源：

   • 删除不必要的资源或者减少资源的数量。优化游戏中的音频、视频、动画等资源，去掉过时或者不必要的功能和特效。

8. 使用CDN加速：

   • 使用内容分发网络（CDN）加速静态资源的传输，将资源分布到全球各地的服务器上，减少资源的加载时间和网络延迟。

通过以上优化策略，可以有效减少游戏中资源的消耗，提高游戏性能和用户体验。需要根据具体的游戏情况和项目需求选择合适的优化方法。 剩下的基本都是对业务的交流

总体面试体验感很好，面试官挺nice的

作者：我不吃羊肉
链接：www.nowcoder.com/discuss/427…
来源：牛客网

阿里云前端二面

喜欢阿里云！阿里云的两个面试官都好好！面试官基本上是按照我的简历在提问。没有特别超出的，一点都不知道的那种。
1、聊了一下项目，之前在实验室做的项目，发了论文。让讲构思过程，担任角色之类的。transformer具体实现。问得特别多，搞得我以为在面算法。。
2、前端项目，做了哪些功能，有没有遇到什么难题，怎么解决的。

3、https的通信过程，握手之类的，总之越详细越好。

HTTPS（Hyper Text Transfer Protocol Secure）是一种安全的HTTP协议，它通过加密和认证机制保护数据传输的安全性和完整性。HTTPS通信过程包括握手、加密通信和数据传输三个阶段。下面是HTTPS通信过程的详细步骤：

1. 握手阶段（Handshake）：

   • 客户端向服务器发起连接请求，服务器返回一个数字证书。数字证书中包含了服务器的公钥、证书有效期、颁发机构等信息。
   • 客户端收到服务器的数字证书后，首先验证证书的有效性。验证包括检查证书的有效期、颁发机构是否受信任等。
   • 如果证书验证通过，客户端生成一个随机的对称密钥（称为Pre-master Secret），并使用服务器的公钥对该密钥进行加密，然后将加密后的密钥发送给服务器。
   • 服务器收到客户端发送的加密的Pre-master Secret后，使用自己的私钥解密得到Pre-master Secret。
   • 客户端和服务器现在都拥有了相同的Pre-master Secret，它们分别使用该密钥和随机数生成主密钥（Master Secret）和会话密钥（Session Key）。

2. 加密通信阶段：

   • 客户端和服务器使用主密钥生成对称加密算法所需的会话密钥，并且协商使用的加密算法和摘要算法。
   • 使用协商好的加密算法和会话密钥，客户端和服务器开始加密通信。数据在传输过程中被加密，保证了数据的安全性。

3. 数据传输阶段：

   • 客户端和服务器之间的数据传输是经过加密的，通过加密算法和会话密钥对数据进行加密和解密，确保了数据传输的安全性和完整性。
   • 客户端和服务器之间的通信在会话结束后会自动断开，会话密钥被丢弃，确保了通信的安全性。

总的来说，HTTPS通信过程包括握手、加密通信和数据传输三个阶段。通过数字证书的认证和加密通信的方式，HTTPS保证了数据传输的安全性和完整性，有效防止了数据被窃取和篡改的风险。

4、数据库索引作用，怎么实现，怎么处理查询请求特别多的情况。b+树和二叉平衡树区别。

数据库索引是一种数据结构，用于提高数据库查询的性能。它可以加速数据的查找速度，减少数据库的查询时间。

作用：

1. 加速数据检索： 索引可以快速定位到需要查询的数据，减少了数据扫描的时间，提高了查询效率。
2. 加速数据排序： 当数据库需要对查询结果进行排序时，索引可以加速排序操作，减少排序的时间。
3. 加速数据的唯一性约束： 索引可以帮助数据库确保数据的唯一性，避免插入重复数据。

实现： 数据库索引通常是通过数据结构来实现的，常见的索引类型包括B+树、哈希索引、全文索引等。其中，B+树是最常用的索引结构之一，它可以支持范围查询，并且适用于磁盘存储。

处理查询请求特别多的情况：

1. 优化查询语句： 确保查询语句是合理有效的，通过分析查询语句的执行计划，优化SQL语句，避免全表扫描。
2. 适当创建索引： 根据实际查询需求，创建合适的索引，使得查询能够快速定位到目标数据。
3. 分库分表： 将数据水平分割到多个数据库或者表中，减少单个数据库或表的数据量，提高查询性能。
4. 缓存查询结果： 对于一些查询结果比较稳定的数据，可以将查询结果缓存起来，减少数据库的查询压力。
5. 定期优化数据库： 定期对数据库进行优化，包括索引重建、统计信息更新、碎片整理等操作，保证数据库的性能稳定。

B+树和二叉平衡树区别：

1. 结构： B+树是一种多路搜索树，内部节点可以存储多个键值对，并且所有叶子节点都在同一层，叶子节点之间通过指针连接起来；而二叉平衡树是一种二叉树，每个节点最多有两个子节点。
2. 应用场景： B+树主要用于数据库索引、文件系统等需要大规模数据存储和检索的场景；而二叉平衡树通常用于内存中的数据结构，如红黑树、AVL树等。
3. 插入和删除操作： B+树的插入和删除操作相对复杂，需要维护节点的平衡性和有序性；而二叉平衡树的插入和删除操作相对简单，只需要进行少量的旋转操作即可保持树的平衡。

总的来说，数据库索引是提高数据库查询性能的重要手段，通过合理创建索引和优化查询语句，可以有效提高数据库的查询效率。 B+树是一种常用的索引结构，它具有良好的平衡性和有序性，适用于大规模数据存储和检索的场景。

5、讲一下vue，自己发挥，想讲什么就讲Vue.js是一款流行的前端框架，它以其简洁、灵活、易用的特性，成为了许多开发者喜爱的首选框架之一。下面我想谈一谈我对Vue.js的一些见解和感受。

1. 简洁易用：

   • Vue.js的设计理念非常简洁明了，它提供了一套易于理解和上手的API，使得开发者可以快速上手并且快速构建出高质量的应用。Vue.js的模板语法清晰简单，与HTML混合编写，让开发者可以更加专注于业务逻辑的实现。

2. 响应式数据：

   • Vue.js采用了响应式的数据绑定机制，当数据发生变化时，相关的视图会自动更新，极大地简化了数据和视图的同步工作。这种响应式的特性使得开发者不必手动去操作DOM，而是通过改变数据状态来驱动视图的更新，提高了开发效率。

3. 组件化开发：

   • Vue.js鼓励组件化的开发方式，将UI界面划分成多个独立的组件，每个组件负责特定的功能和界面展示。这种组件化的开发方式使得代码更加模块化、可复用性更高，同时也方便了团队合作和维护。

4. 生态丰富：

   • Vue.js拥有一个活跃和丰富的生态系统，包括Vue Router、Vuex、Vue CLI等，以及大量的第三方组件和库。这些工具和库能够帮助开发者快速构建起完整的前端应用，同时也提供了丰富的扩展和定制能力。

5. 社区活跃：

   • Vue.js拥有一个庞大而活跃的开发者社区，社区成员积极参与开源项目的维护和贡献，提供了大量的教程、文档和示例代码。在社区的支持下，开发者可以更快地解决问题、学习新知识，以及分享经验和技巧。

总的来说，Vue.js是一款优秀的前端框架，它的简洁、响应式、组件化的特性以及丰富的生态系统，使得它成为了众多开发者的首选框架。我个人也非常喜爱Vue.js，并且在实际项目中广泛应用它来构建高质量的前端应用。

6、proxy和defineProperty

Proxy和Object.defineProperty都是JavaScript中用于对对象进行拦截和监视的机制，但它们之间有一些不同之处。

1. Proxy（代理）：

   • Proxy是ES6引入的一个新特性，它提供了一种可以拦截和定义对象行为的机制。通过Proxy对象，可以拦截对象的各种操作，如读取属性、设置属性、函数调用等，从而可以实现自定义的行为。
   • Proxy的基本语法为：new Proxy(target, handler)，其中target是要拦截的目标对象，handler是一个对象，包含了对目标对象的各种拦截操作。

2. Object.defineProperty：

   • Object.defineProperty是一个用于定义对象属性的方法，它允许精确地控制属性的行为，如可写性（writable）、可枚举性（enumerable）、可配置性（configurable）等。通过Object.defineProperty，可以为对象添加新属性，或者修改现有属性的特性。
   • Object.defineProperty的基本语法为：Object.defineProperty(obj, prop, descriptor)，其中obj是要定义属性的对象，prop是属性名，descriptor是一个对象，包含了要定义的属性的特性。

主要区别：

• Proxy是一个对象，可以代理任意对象的操作，而Object.defineProperty是一个方法，只能用于定义单个属性的行为。
• Proxy提供了更丰富和灵活的拦截机制，可以拦截更多类型的操作，而Object.defineProperty只能拦截属性的读取和设置操作。
• Proxy是ES6的标准特性，支持更多的拦截操作和更丰富的API，而Object.defineProperty是ES5引入的，功能相对较为简单。

总的来说，Proxy相比于Object.defineProperty更加灵活和强大，是更加推荐使用的对象拦截和监视机制。

7、settimeout和promise，宏任务微任务，事件循环之类的

理解setTimeout、Promise、宏任务（macrotask）、微任务（microtask）以及事件循环（event loop）是理解JavaScript异步编程的关键概念之一。下面对它们进行简要说明：

1. setTimeout：

   • setTimeout是一个由浏览器提供的API，用于在指定的时间后执行一个函数。它将函数推入到宿主环境的宏任务队列中，在指定的时间间隔后执行。

2. Promise：

   • Promise是JavaScript中用于处理异步操作的对象，它代表了一个异步操作的最终完成或者失败的结果。Promise对象有三种状态：pending（等待态）、fulfilled（完成态）和rejected（拒绝态），一旦Promise的状态发生改变，就会调用相应的回调函数。

3. 宏任务（macrotask）：

   • 宏任务是指由浏览器（宿主环境）提供的任务，如setTimeout、setInterval、I/O操作、UI渲染等。它们会被添加到宏任务队列中，在事件循环的下一个循环中执行。

4. 微任务（microtask）：

   • 微任务是指由JavaScript引擎提供的任务，如Promise的回调函数、MutationObserver等。微任务会在当前宏任务执行完毕后立即执行，而且优先于下一个宏任务。

5. 事件循环（event loop）：

   • 事件循环是JavaScript执行模型的基础，它负责处理宏任务队列和微任务队列中的任务。事件循环不断地从宏任务队列中取出任务执行，然后在执行完当前宏任务后，处理微任务队列中的任务，然后再从宏任务队列中取出下一个任务执行，如此循环。

在实际应用中，理解这些概念对于编写高效的异步代码至关重要。通过合理地使用setTimeout、Promise以及微任务等，可以编写出更加可靠和高效的JavaScript代码。

阿里云我真的想去公司实习！

作者：牛客977267484号
链接：www.nowcoder.com/feed/main/d…
来源：牛客网