前端面试题05-CSDN博客

本文链接：https://blog.csdn.net/weixin_57837275/article/details/132380537

43、快速排序算法有哪些

Lomuto Partition Scheme：
- 选择一个基准元素（通常选择最右边的元素）作为枢纽（pivot）。
- 将数组分为两部分，小于枢纽的元素放在左边，大于枢纽的元素放在右边。
- 对左右两个子数组递归地应用相同的过程，直到子数组的大小为1或0。
Hoare Partition Scheme：
- 选择一个基准元素作为枢纽。
- 定义两个指针，一个指向数组的开头，另一个指向数组的末尾。
- 移动左指针直到找到一个大于或等于枢纽的元素，移动右指针直到找到一个小于或等于枢纽的元素，然后交换这两个元素。
- 重复上述步骤，直到左指针大于或等于右指针。
- 对左右两个子数组递归地应用相同的过程，直到子数组的大小为1或0。
三路快速排序（Three-way Quicksort）：
- 选择一个基准元素作为枢纽。
- 定义三个指针，lt、gt和i，分别表示小于、大于和等于枢纽的元素的边界。
- 遍历数组，将元素根据与枢纽的比较结果放入对应的区域，并更新指针。
- 对小于和大于区域递归地应用相同的过程，直到子数组的大小为1或0。

这些是快速排序算法的几种常见实现方式。它们的核心思想都是通过选取一个基准元素，将数组划分为两个子数组，然后对子数组进行递归排序，最终实现整个数组的排序。快速排序算法的平均时间复杂度为O(nlogn)，是一种高效的排序算法。

44、uniapp

UniApp是一种基于Vue.js的跨平台开发框架，可以用于快速构建同时运行在多个平台（如iOS、Android、Web、小程序等）的应用程序。UniApp的特点如下：

跨平台开发：UniApp使用一套代码可以同时开发多个平台的应用，大大提高了开发效率。
Vue.js生态：UniApp使用Vue.js作为主要的开发框架，开发者可以充分利用Vue.js的组件化、响应式等特性。
组件库丰富：UniApp提供了丰富的组件和API，可以快速构建各种类型的应用。
性能优化：UniApp针对不同平台对应用性能进行了优化，提供了一些性能调优的选项。
跨端能力：UniApp通过封装各个平台的API，使得开发者可以在一套代码中调用不同平台的功能。
插件生态：UniApp支持使用插件扩展功能，可以通过插件集成第三方功能或自定义功能。

UniApp的开发方式类似于使用Vue.js开发Web应用，开发者可以使用Vue.js的语法和开发模式进行开发。同时，UniApp还提供了一些特殊的API和组件，用于处理跨平台开发时的差异。总的来说，UniApp是一种方便、高效的跨平台开发框架，适用于需要在多个平台上发布应用的开发者。

45、箭头函数与普通函数的区别

语法简洁：箭头函数使用箭头（=>）来定义函数，省略了function关键字和大括号，可以更加简洁地表达函数的意图。
this绑定：箭头函数没有自己的this，它的this是继承自外层作用域的，即外层函数或全局作用域的this。而普通函数的this是在运行时确定的，取决于函数的调用方式。
arguments对象：箭头函数没有自己的arguments对象，但可以通过rest参数（…args）来获取传入的参数。
不能作为构造函数：箭头函数不能使用new关键字调用，因此不能用作构造函数创建对象。
不能使用yield关键字：箭头函数不能使用yield关键字用于生成器函数。

需要注意的是，由于箭头函数的this绑定规则的不同，它适用于一些简单的函数场景，而在需要动态绑定this的情况下，仍然需要使用普通函数来实现。

46、常见的http状态码

200 OK：请求成功
301 Moved Permanently：永久重定向
302 Found：临时重定向
304 Not Modified：资源未修改，使用缓存
400 Bad Request：请求错误
401 Unauthorized：未授权
403 Forbidden：禁止访问
404 Not Found：资源不存在
500 Internal Server Error：服务器内部错误
502 Bad Gateway：错误的网关
503 Service Unavailable：服务不可用
504 Gateway Timeout：网关超时

47、JavaScript中数组的常用方法及其应用场景

push：在数组的末尾添加一个或多个元素。
- 应用场景：用于在数组末尾添加新的元素。
pop：从数组的末尾移除最后一个元素。
- 应用场景：用于移除数组的最后一个元素。
shift：从数组的开头移除第一个元素。
- 应用场景：用于移除数组的第一个元素。
unshift：在数组的开头添加一个或多个元素。
- 应用场景：用于在数组开头添加新的元素。
concat：将两个或多个数组合并为一个新数组。
- 应用场景：用于合并多个数组，创建一个新的数组。
slice：返回一个新数组，包含从开始到结束（不包括结束）的选定元素。
- 应用场景：用于从一个数组中提取部分元素，创建一个新的数组。
splice：向/从数组中添加/删除元素，并返回被删除的元素。
- 应用场景：用于在指定位置添加/删除元素。
indexOf：返回指定元素在数组中首次出现的位置。
- 应用场景：用于查找指定元素在数组中的位置。
lastIndexOf：返回指定元素在数组中最后一次出现的位置。
- 应用场景：用于查找指定元素在数组中的最后位置。
forEach：对数组中的每个元素执行指定的操作。
- 应用场景：用于对数组中的每个元素执行某些操作。
map：对数组中的每个元素执行指定的操作，并返回一个新的数组。
- 应用场景：用于对数组中的每个元素执行某些操作，并返回一个新的数组。
filter：对数组中的每个元素进行过滤，并返回一个新的数组，只包含符合条件的元素。
- 应用场景：用于过滤数组中的元素，只保留符合条件的元素。
reduce：对数组中的每个元素执行指定的操作，将结果累积为单个值。
- 应用场景：用于对数组中的每个元素执行某些操作，并将结果累积为单个值。
sort：对数组中的元素进行排序。
- 应用场景：用于对数组中的元素进行排序。

48、vue中v-for指令的原理

解析v-for指令中的表达式，获取要遍历的数据源和每个数据项的别名。
根据数据源生成一个临时的虚拟DOM节点数组。
遍历临时虚拟DOM节点数组，对每个节点进行处理。
对于每个节点，根据别名和数据源中的数据生成一个新的虚拟DOM节点。
将新的虚拟DOM节点插入到父节点中，完成渲染。
监听数据源的变化，并在数据源发生变化时重新执行上述步骤，实现动态更新。

v-for指令的原理是通过遍历数据源并生成对应的DOM节点来实现列表渲染。每个数据项都会对应一个节点，并且在数据源发生变化时，会根据变化的数据更新相应的DOM节点，从而实现动态的列表渲染。这样可以方便地根据数据动态生成列表，并且在数据变化时自动更新视图。

49、 RBAC 权限设计思想

RBAC（Role-Based Access Control）是一种基于角色的访问控制权限设计思想，它的核心思想是将权限控制的粒度从用户细化到角色，通过将用户分配到不同的角色，来管理用户对系统资源的访问。 RBAC的设计思想包括以下几个方面：

角色：角色是一组具有相似权限需求的用户集合。通过角色来管理权限可以减少权限分配的复杂性，提高系统的可扩展性。角色可以根据业务需求和用户的职责来定义，例如管理员、普通用户、编辑者等。
权限：权限是对系统资源的操作权限，包括读取、写入、删除等。每个角色可以被分配多个权限，而每个权限又可以被分配给多个角色。权限应该根据业务需求来定义，只赋予用户需要的最低权限，以提高系统的安全性。
用户与角色的关联：用户通过被分配到角色来获取相应的权限。一个用户可以被分配到多个角色，从而拥有多个角色的权限。用户与角色之间的关联关系可以通过数据库或其他存储方式进行管理。
权限的继承：RBAC支持权限的继承，即角色可以继承其他角色的权限。这样可以减少权限的重复定义，提高系统的维护性和灵活性。
权限的动态分配：RBAC支持动态分配权限，即管理员可以在运行时根据业务需求为用户分配或收回权限。这样可以实现灵活的权限管理，同时也增加了系统的安全性。

通过RBAC的权限设计思想，可以实现对系统资源的精细化控制，并且可以根据业务需求灵活地进行权限分配和管理，提高系统的安全性和可扩展性。同时，RBAC也减少了权限管理的复杂性，降低了系统维护的成本。