络卡-优快云博客

原创防抖（Debounce）和节流（Throttle）

防抖（Debounce）** 和节流（Throttle）是两种优化高频事件触发的技术，用于提升性能、避免重复执行某些操作

2024-12-09 15:15:33 272

原创移动端设置height:100vh出现滚动条的解决办法

在许多移动设备上，1vh 的计算基于视口的高度，但某些浏览器（如移动端的 Chrome 和 Safari）会在显示或隐藏地址栏时改变视口高度。这会导致 100vh 的高度并不完全等于设备屏幕的可用高度。

2024-12-09 10:20:29 786

原创 postcss-px-to-viewport适配移动端设备

postcss-px-to-viewport 是一种利用 PostCSS 插件，将 px 单位自动转换为 vw 单位的工具。它可以方便地适配各种屏幕宽度的移动端设备。

2024-11-21 14:34:40 591

原创在vue3中怎么使用:deep

在 Vue 3 中，:deep用于在标签内的样式中，选择子组件内部的元素。这是为了在使用scoped样式时，依然能够影响到子组件或其内部的深层次元素。它的作用类似于 Vue 2 中的>>>或/deep/，但是 Vue 3 提供了更好的语法，推荐使用:deep()。

2024-10-18 09:41:30 2784

原创 react中 usePathname 的作用和使用场景

用于获取当前页面的路径名，适用于基于 URL 路径的逻辑处理。它可以用于高亮导航链接、条件渲染、构建面包屑导航等场景。在结合 React Router 的<Link>标签时，可以使页面的导航更加动态和用户友好。

2024-10-11 17:57:10 323

原创 uniapp如何实现微信小程序手机号快速登录

前端通过wx.login()获取code，再通过button的事件获取和iv。后端通过code调用微信接口获取sessionKey，再使用sessionKey和前端传递的iv解密用户的手机号。最终用户的手机号会返回给前端，前端可以进行登录操作。

2024-10-11 17:35:47 1126

原创 vue3+ vite配置@路径

在 Vue 3 和 Vite 项目中，你可以通过配置文件来设置作为路径别名（Alias），用于引用src目录中的文件。这样可以简化导入路径，让代码更简洁和可维护。

2024-10-11 17:32:43 3631

原创 UniApp发送请求,封装成更为方便使用的Promise

在 UniApp 发送请求通常使用的是自带的uni.request()来发送，即如下但是这么使用的话，代码量一多就会发现出现了大量的重复代码，变得尤为繁琐，并且没有使用 Promise 来的方便，这时我们就会想到封装 uni.request()。而在 UniApp 中封装使用 Promise，可以帮助你更方便地处理异步请求。

2024-10-08 15:03:41 707

特性query参数params参数位置在?后面，作为 URL 查询字符串的一部分嵌入在 URL 路径中使用场景过滤、排序、分页等非必需信息用于标识资源，通常是必需的获取方式或解析useParams或获取格式/path?key=value参数可选性可选，可以有多个且顺序无关必需，顺序和路由定义严格相关用户修改用户可以在地址栏修改用户通常不会直接修改，属于 URL 设计的一部分典型应用搜索关键词、页码、过滤条件用户 ID、产品 ID、文章 ID 等。

2024-10-08 10:44:49 1163

原创 js数组reduce详解

reduce()是一个非常强大且灵活的数组方法，它能够通过不断累计处理数组元素，生成单一的结果。根据不同的初始值和处理逻辑，reduce()可以用于各种任务，如求和、去重、分组、累积等等。

2024-09-29 14:10:12 370

原创 PostCSS是什么

PostCSS 是一个非常灵活的 CSS 处理工具，通过插件系统使得开发者可以选择所需的功能模块。它不仅能为开发者减少重复工作（如添加浏览器前缀），还能提高代码的可读性、兼容性和性能。

2024-09-29 13:43:34 589

原创 css动画之keyframes入门

keyframes用于定义动画的关键帧，指定元素在不同时刻的样式变化。0% {/* 初始状态 */50% {/* 中间状态 */100% {/* 结束状态 */0%表示动画的起始位置（即初始时的样式）。50%表示动画的中间位置（即动画进行到一半时的样式）。100%表示动画的结束位置（即动画结束时的样式）。你可以用百分比来定义多个关键帧，或者使用from和to关键词替代0%和100%。from {to {

2024-09-29 13:36:49 1170