qq_48795670的博客

原创 async await执行7逻辑（有嚼头）

await后面的函数如果是返回promise，会执行该函数，然后转移主线程控制权给外层作用域。等外层执行完，再将await后面的代码放入微任务。await后面的函数如果不是返回promise，会执行该函数，然后立即将await后面的代码放入微任务，再转移主线程控制权给外层作用域。仅是个人总结，写了好几个demo测试，得出来的结果。

原创 a项目跳转至b项目-自动登录

【代码】a项目跳转至b项目-自动登录。

原创 vue3监听html文档大小变化，判断是否存在滚动条

【代码】vue3监听html文档大小变化，判断是否存在滚动条。

原创 vue3使用tsx使用插槽

需要注意的是，在 Vue 3 中，使用 TSX 编写组件时，插槽的传递方式略有不同，需要将具名插槽以对象字面量的形式传递给组件的。在 Vue 3 中，使用 TSX 编写组件时，你可以使用对象字面量来定义具名插槽。然而，你需要将这个对象传递给 Vue 组件的。这样就可以在 TSX 中使用具名插槽了。组件就可以使用这个具名插槽了。对象，其中包含了一个名为。对象传递给另一个组件。

原创 项目配置跨域问题

1.使用cors解决跨域的话，前端只需在开发和线上的.env文件中配置对应接口地址，然后设置axios的baseurl。2.使用代理服务器的话，前端在开发环境时，需要在vite.config.ts中设置代理proxy。上线环境的话，和cors场景一样，没区别。

原创 Number()转的问题

原创 文档项目目录滚动问题

注意：这个方法可能在某些浏览器中不起作用，比如老版本的浏览器。在生产环境中使用时，需要做一些兼容性处理。此外，对于单页应用（SPA），可能需要使用虚拟滚动或其他技术，因为整个页面可能在初次加载时并未完全渲染。在前端实现滚动到对应目录的功能，通常使用JavaScript和DOM操作。首先，在HTML中为每个目录项添加一个唯一的ID。最后，你可以通过调用这个函数来滚动到指定的目录。接下来，在JavaScript中，你可以使用。方法来滚动到指定的目录。方法将元素滚动到视图中。使滚动具有平滑的动画效果。

原创 全局设置小程序底部安全距离

通过以上步骤，您已经成功地在全局设置了底部安全距离，而无需在每个页面中单独添加。这样，所有页面的底部都将具有相同的底部安全距离。要在全局设置底部安全距离，而不是在每个页面中添加，您可以通过修改小程序的全局样式文件来实现。打开小程序的代码库，并找到全局样式文件。通常情况下，该文件位于小程序的根目录下，命名为。

原创 小程序设置底部安全距离

都是用于设置底部安全距离的CSS属性值，但它们的使用方式和适用环境略有不同。具体使用哪个取决于您所使用的环境或框架的要求。函数是CSS的通用函数，可以在任何支持的环境中使用。因此，在不同的环境或框架中，这两个函数的使用方式可能会有所不同。是CSS的一个属性值，用于设置底部安全距离。它表示一个固定的值，可以直接使用具体的像素值来设置。都是CSS中的属性值，用于在小程序中设置底部安全距离。函数是WebKit的CSS函数，用于在小程序中设置底部安全距离。元素的底部padding设置为底部安全距离的值。

原创 ssg和ssr区别

SSG是指静态站点生成，其工作原理是在构建阶段生成静态HTML页面，并存储在服务器端。然而，SSG的缺点是对数据的任何更改都需要在服务端进行完全重建。SSR是指服务端渲染，其工作原理是当客户端向服务器发出请求时，服务器端会动态生成HTML内容，并返回给客户端。这种技术有助于提高网站的搜索引擎优化（SEO）和用户体验，因为页面在服务器端生成，客户端可以快速呈现页面。然而，SSR的缺点是服务器端需要动态生成页面，对服务器性能有一定的压力。SSR更适合需要动态生成页面的网站，如含有个性化内容或动态数据的网站；

原创 记录企业微信授权登录流程实现

如果用户是有token， 但不在首页，就获取不到用户信息了，所以我是在app.vue中判断是否有用户信息，没有的话，再次请求（这里会有问题，就是如果一上来就在首页， 会获取两次用户信息， 求指点指点）登录流程：用户进入首页点击登录=》后端会给一个url地址给你跳转进行授权，授权后后端会帮你跳转回首页并携带query参数，你可以根据query参数获取用户token。1.有的话，弹窗让用户输入用户名（因为后端只能通过企业微信获取到手机号和用户id，名字是获取不到的），再请求用户信息。

原创 vue3实现列表无限滚动

【代码】vue3实现列表无限滚动。

原创 浏览器推送pc&手机端，可能会有兼容性问题

在Vue中安装npm install push.js --save。本地测试没问题，上线之后必须是https。在所需要的Vue页面引入使用。

原创 pnpm淘宝镜像(解决npm下依赖慢的问题)