- 博客(20)
- 收藏
- 关注
RSS订阅原创 Vue3 不同大小屏幕和分辨率适配
一、安装所需的包（使用postcss相关的一系列包）等单位（包括npm安装的第三方组件），从而实现适配。它会自动将项目所有的px单位统一转换为。然后设置不同分辨率，查看是否生效。
2024-12-17 10:56:56
583
原创 关于pinia在axios请求拦截器或者之前的阶段使用，在App.vue挂载之前引入相关组件报错问题：Uncaught Error: []: “getActivePinia()“ was call
异步导入文件或者组件，就可以在页面加载完毕后才调用pinia。在pinia初始化之前使用了store，无法找到对应的数据。
2024-10-18 14:32:52
853
1
原创 VUE3开箱即用的音频播放组件（基于原生audio）
注：我是使用unocss语法来编写css 如果项目没有搭载unocss 将其相应的转换为css即可。
2024-08-09 09:32:19
3444
2
原创 vant4单选框搭配单元格组件使用使用时取消单选的问题
上例中的level变量仅仅控制radio框是否勾选！在点击radio框时，level值会自动变化为radio绑定的name值，所以我们要获得稳定的level值不能依靠v-model里这个变量，需要另外定义一个trueLevel变量。
2024-08-02 16:05:20
337
原创 在vue3+vite下使用unocss
在import { createApp } from 'vue';css里：（如果没有这行代码可能导致简写无法生效）app.mount('#app');UserConfig下。
2024-07-30 17:48:04
568
原创 打包到测试环境css异常问题（页面样式显示异常）
找到css样式打包后所在的文件，搜索对应的css样式，删除再上传dist文件到测试环境，问题即可解决。打开浏览器调试发现，是css被污染了，找到异常元素对应的css样式。
2024-02-29 17:42:38
323
原创 VUE3中配置wangeditor5
官方文档地址：wangEditor步骤：1、下载依赖：cnpm install @wangeditor/editor --savecnpm install @wangeditor/editor-for-vue@next --save完成图示：2、wangeditor的使用：模板：<template> <div style="border: 1px solid #ccc"> <Toolbar style
2022-05-06 11:21:22
2017
5
原创 Cookie、Session、token的区别
首先要明确的是，cookie、session、token的主要作业就是在浏览器上保存用户的登录态。其实就是实现用户在网页上登录过一次后，一段时间内再次访问该网页不需要重新登陆，会实现自动登录的一个效果。Cookie：cookie是客户端用来存放数据的一个容器，大小大约为4K，最原始的实现保存用户登录态的方法就是使用cookie直接保存用户的用户名和密码。也就是说，在用户第一次登录的时候，我们将他的用户名和密码保存在cookie中，并设置cookie的过期时间，那么在cookie过期之前，我们每次访问
2022-04-25 11:27:27
365
原创 CSS实现三栏布局的8种方式
1、float实现三栏布局给左盒子设置float：left，给右盒子设置float：right，中间盒子设置margin-left和margin-right。需要注意的是，左右盒子要放在中间盒子之前。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e
2022-04-24 22:54:02
1584
原创 函数柯里化的原理及简单实现
什么是函数柯里化？概念：函数柯里化就是把一个具有n个参数的函数转变成为可以进行二次甚至n次调用执行的函数，也就是说将函数的n个参数分1~n次传入，在n个参数传入完成后一次性执行这个函数。原理：函数柯里化的原理就是将要柯里化的函数作为柯里化标准函数的返回值，将要保存的内容作为外部函数的变量。也就是利用闭包创建一个私有域，使内部变量可以长期保存在内存中，直到内部返回的函数执行完成。（也就是要被柯里化的函数的n个参数都传入完成，一次性完成了计算操作，那么闭包中保存的变量就被释放）以一个简单的例子来说：
2022-04-24 21:15:44
913
原创 HTTP常见的状态码及其含义
200 OK-[GET]服务器成功返回用户请求的数据201 CREATED-[POST/PUT/PATCH]用户新建或修改数据成功202 ACCEPTED表示一个请求已经进入后台排队（异步任务）204 NO CONTENT-[DELETE]用户删除数据成功400 INVALID REQUEST-[POST/PUT/PATCH]用户发出的请求有错误，服务器没有进行新建或修改数据的操作，该操作是幂等的401 UNAUTHORIZED-[*]表示用户没有权限（令牌、用户
2022-04-23 16:57:10
614
原创 浏览器输入url到页面展示出来的全过程
基本流程：1、用户在浏览器中输入url地址2、浏览器解析域名得到服务器ip地址浏览器会首先从缓存中找是否存在域名，如果存在就直接取出对应的ip地址，如果没有就开启一个DNS域名解析器。DNS域名解析器会首先访问顶级域名服务器，将对应的ip发给客户端；然后访问根域名解析器，将对应的ip发给客户端；最后访问本地域名服务器，得到最终的ip地址。3、TCP三次握手建立客户端和服务器的连接因为HTTP是基于TCP的可靠传输，所以在发送http数据报之前，需要先进行TCP的三次握手建立连接。三次握手
2022-04-23 16:24:12
25081
4
原创 JS防抖和节流
防抖：在一段时间内对状态的更新只取最后一次的状态应用场景：（1）scroll事件滚动触发（2）搜索框输入查询（3）表单验证（4）按钮提交事件（5）浏览器窗口缩放、resize事件简单的防抖函数：let debounce=function(fun,delay){//要设置防抖的函数，延迟时间 let timer=null;//设置定时器 return ()=>{ clearTimeout(timer);//再次触发事件重置定时器
2022-04-21 09:11:52
121
原创 axios如何在VUE中应用
首先，要在控制台下载axios，直接在VSCode或者你项目所在目录的文件夹下运行如下代码：$ npm install axios 或者 $ cnpm install axios然后创建一个配置项目路径的文件config.js，内容如下：const env = 'prod'const apiBaseUrl = { dev: 'http://xxxxx:0000', //你自己的项目路径 prod: 'http://xxxxx:0000'}export const C...
2022-04-21 08:26:41
1002
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人