前端部分知识点总结

小程序接口的通用协议是什么

小程序接口的通用协议是HTTPS。

小程序体验版本打开后显示空白，只有点击"打开调试模式"再次打开才能显示正常，原因是体验版本的接口协议是HTTP，但小程序只认HTTPS，所以不会去调接口，所以只有打开调试模式才能调接口，这就相当于我们在微信开发者工具上勾选上了"不校验合法域名、web-
view（业务域名）、TLS版本及HTTPS证书"。

vue怎么跨域

Vue本身不提供跨域功能，但是可以通过以下几种方式实现跨域：

使用代理服务器：在开发环境中，可以使用代理服务器来绕过跨域限制。例如，使用Node.js搭建一个代理服务器，将请求转发到目标服务器，从而绕过跨域限制。
设置CORS：在后端服务器中设置CORS（跨域资源共享）头部信息，允许来自特定域名的跨域请求。这样，Vue应用程序就可以与后端服务器进行跨域通信。
使用JSONP：JSONP是一种跨域解决方案，它利用了浏览器对于<script>标签不受同源策略限制的特性。在Vue中，可以通过使用第三方库（如vue-jsonp）来实现JSONP。
使用第三方跨域库：有许多第三方库可以解决Vue跨域问题，例如vue-fetch-plugin、axios等。这些库提供了跨域请求的功能，并可以与Vue集成使用。

需要注意的是，在生产环境中，通常会使用CORS或代理服务器来解决跨域问题。JSONP由于安全性问题，一般不推荐在生产环境中使用。

vue引入组件三步

在Vue中引入组件需要以下三步：

定义组件：使用Vue.extend(options)创建组件，其中options和new Vue(options)时传入的option参数几乎一样，但也有些许差别，例如el不要写，data必须写成函数等。
注册组件：在Vue实例创建时传入components选项或在Vue实例化之前通过Vue.component进行全局注册。
使用组件：在模板中通过标签的形式使用组件。

webview页面的使用要求

使用WebView页面时，需要注意以下几点：

确认是否需要用户授权：如果WebView要访问设备上的敏感信息或执行危险操作，应该给用户一个明确的授权提示，让用户知道WebView正在执行的操作。
确认WebView的配置：使用WebView时，应该检查WebView的配置和安全性，例如开启JavaScript、设置缓存大小等。
遵守安全标准：保证WebView的安全性，防止跨站点脚本攻击、SQL注入等攻击

new操作符具体干了什么

JavaScript中的new操作符用于创建一个对象实例。

new操作符的具体操作步骤如下：

创建一个新的空对象。
将构造函数的原型赋值给新对象的原型，这样新对象就可以访问构造函数原型上定义的属性和方法。
将构造函数的作用域赋值给新对象，使构造函数内部的代码可以访问新对象的属性和方法。
执行构造函数中的代码，可以在构造函数中初始化新对象的属性、设置默认值等操作。
如果构造函数没有显式地返回其他对象，那么new操作符会隐式地返回新创建的对象实例。

定时器和Promise谁先执行

定时器和Promise谁先执行为什么

定时器和Promise是两种不同的异步处理方式，它们谁先执行取决于具体的实现和代码逻辑。

定时器通常使用setTimeout或setInterval函数来执行定时任务，这些函数会在指定的时间间隔后执行回调函数。因此，如果在一个定时器的回调函数中调用另一个定时器，那么后一个定时器会在前一个定时器执行完毕后开始计时，并在指定的时间间隔后执行回调函数。

Promise是一种异步编程的方式，它使用异步函数来处理异步操作。Promise对象代表一个异步操作的最终完成（或失败）及其结果值。Promise可以解决回调地狱（Callback Hell）的问题，使异步操作更加可读和易于管理。

在Promise中，通常使用then或catch方法来注册回调函数，这些回调函数会在Promise的状态改变时被调用。如果Promise的状态已经改变，那么后续的then或catch方法将不会被执行。因此，如果在一个Promise的回调函数中调用另一个Promise的then或catch方法，那么后一个Promise会在前一个Promise的状态改变后开始执行。

总的来说，定时器和Promise谁先执行取决于具体的实现和代码逻辑。如果在一个定时器的回调函数中调用一个Promise的then或catch方法，那么后一个Promise会在前一个定时器执行完毕后开始执行。如果在一个Promise的回调函数中调用一个定时器的setTimeout或setInterval函数，那么后一个定时器会在前一个Promise的状态改变后开始计时。

get和post的区别，何时使用post

GET和POST是HTTP协议中的两种不同的请求方法，它们的主要区别在于数据在请求中的位置和方式，以及它们的安全性和幂等性。

数据位置：GET请求将数据放在URL的查询字符串中，而POST请求将数据放在请求体中。这意味着GET请求的数据可以被浏览器历史、缓存等记录下来，而POST请求的数据不会。
数据方式：GET请求的数据以查询字符串的形式发送，而POST请求的数据以请求体的形式发送。这意味着GET请求的数据是明文传输的，容易被中间人攻击，而POST请求的数据是加密传输的，相对更安全。
安全性：由于GET请求将数据暴露在URL中，因此它不适合传输敏感信息，如密码、银行卡号等。相反，POST请求将数据隐藏在请求体中，相对更安全。
幂等性：GET请求是幂等的，意味着多次执行相同的GET请求，服务器的状态不会改变。而POST请求不是幂等的，每次执行相同的POST请求可能会在服务器上产生不同的结果。

使用POST请求的场景一般包括但不限于：

向服务器提交数据，如注册、登录、提交表单等。
发送包含敏感信息的请求，如密码、个人信息等。

总结起来，当需要向服务器提交数据或发送包含敏感信息的请求时，应使用POST请求。

闭包的概念，优缺点

闭包的概念：

闭包=能够读取其他函数内部变量的函数。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。

闭包的优点：

可以跨作用域访问变量，让函数外部也可以访问到函数内的变量。
可以创建一个安全的环境，保证内部代码不受到外部的干涉，实现私有成员，对外只暴露几个接口。
让父函数中变量的值始终保存在内存中。

闭包的缺点：

内存消耗大，容易造成内存泄露。
不利于代码的优化。

vue2和vue3的状态管理

Vue 2和Vue 3都可以使用Vuex作为状态管理工具，但是它们也有一些不同之处。以下是它们的概述：

Vue 2的状态管理：

在Vue 2中，如果你想要进行状态管理，通常会选择使用Vuex。Vuex是一个专门为Vue应用程序设计的状态管理模式库。它提供了一个集中化的存储，用于管理所有组件的状态，并且在组件之间共享这些状态。

在Vue 2中，你需要安装并配置Vuex，然后创建一个包含state、getters、mutations和actions等属性的store对象。State用于存储应用程序的状态数据，Getters允许从store中派生出一些新的状态，Mutations用于修改state的值，而Actions用于异步操作或提交多个mutations。

Vue 3的状态管理：

在Vue 3中，引入了一个新的特性 - Composition API（组合式API）。Composition API通过提供更灵活和可复用的逻辑组合方式，使得状态管理变得更加简单。

虽然Vue 3本身并没有特定的官方状态管理库，但你可以使用Vue 3的Composition API来实现类似于Vuex的状态管理。你可以在组件中定义自己的响应式状态，并使用ref或reactive将其包装起来。然后，你可以使用computed来派生新的状态，使用watch来监听状态的变化，并使用provide和inject来实现跨组件的状态共享。

总结而言，Vue 2中的状态管理通常使用Vuex作为官方推荐的解决方案，而Vue 3中的状态管理可以利用Composition API来实现更灵活的方式。