变量vue3 vue css
vue3全栈项目：具有登录注册验证的在线实时聊天应用程序。
项目主要实现的功能： 登录注册的身份验证功能（利用JWT）来实现，在与后端验证的时候，会根据不同的身份显示不同的界面；而且根据不同角色赋予不同的权力，如管理员能查看信息，而普通用户只能登录到公共组件——在线实时俩天应用程序。 多人在线实时聊天功能——前后端之间根据WebSocket来进行实时通信，并 ......
vue3如何实现断点续传
首先创建一个vue3项目 普通上传// template <input type="file" ref="uploadRef" @change="upload" /> // js setup function upload(event) { let files = event.target.file ......
支持可视化提取变量，Apipost配置变量不要太简单
在调试接口时我们需要将响应结果中的某个字段配置为环境变量在其他接口中引用，之前在Apipost中需要配置脚本而在最近Apipost后执行操作中可以进行可视化的断言和变量提取，无需配置繁琐脚本。 这里我们在登录接口下配置一条Token环境变量，在后执行脚本-添加操作项-选择提取变量 输入变量名、选择变 ......
vue 组件缓存 keep-alive的include失效
include中添加的name属性，必须与对应的vue组件文件中的name属性保持一致 详见：https://www.jianshu.com/p/ab5191eb7f1d 翻译 搜索 复制 ......
Vue.js实现大文件分片md5断点续传
背景 根据部门的业务需求，需要在网络状态不良的情况下上传很大的文件（1G+）。其中会遇到的问题：1，文件过大，超出服务端的请求大小限制；2，请求时间过长，请求超时；3，传输中断，必须重新上传导致前功尽弃。解决方案实现思路，拿到文件，保存文件唯一性标识，切割文件、分片上传、文件MD5验证、断点续传、手 ......
【插件】VUE-Is 使用
1. 安装 NPM npm install vue-ls --save YARN yarn add vue-ls 2.全局使用 在main.js 中引入下列代码 import Storage from 'vue-ls'; const options = { namespace: 'myStorage ......
css适配ios状态栏和IOS底部安全区域的样式代码记录
safe-area-inset-left: 安全区域距离左边界的距离safe-area-inset-right: 安全区域距离右边界的距离safe-area-inset-top: 安全区域距离顶部边界的距离safe-area-inset-bottom: 安全区域距离底部边界的距离 css适配ipho ......
微信小程序使用iconfont通过transfonter转化成只有css样式的方式
1. 通过 iconfont 网站选择对应图表加入购物车，然后添加到自己对应项目中，现在至本地。 2. 解压下载到本地的文件 3. 进入 transfonter 后，点击 Add fonts 按钮，将上图中红色框中的文件上传上去，勾选启用 Base64 encode ，点击 Convert 按钮，完 ......
vue2前端调接口下载（导出）后端返回.zip压缩文件流
1、接口api // 三级教育档案导出 export function searchPersonnelHousInfoExport(data) { return request({ url: train + '/fileExport/controller/export/personalProfile ......
vue3+ts项目引入eslint和prettier
创建项目 // uniapp npm install -g @dcloudio/uni-cli npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project // vue3npm init vite@latest my-project --tem ......
vue项目的拉取
一、删除vue项目的node_modules,package-lock.json两个文件 二、在项目下打开cmd窗口（本人使用管理员方式打开cmd才对之后的操作有效） 三、输入命令 npm cache clean -force npm install 四、运行项目 npm run dev ......
Vue+Node实现大文件上传和断点续传
源代码 断点续传、分片上传、秒传、重试机制 文件上传是开发中的难点， 大文件上传及断点续传 难点中的细节及核心技术点。 element-ui 框架的上传组件，是默认基于文件流的。 数据格式：form-data； 传递的数据： file 文件流信息；filename 文件名字 通过 fileRead. ......
脚手架搭建vue3项目
vue官网：https://cn.vuejs.org/ 下面将搭建一个最基本的vue3项目，包含 vue3、ts、pinia、element-plus、scss、api-proxy 等配置。 步骤如下： 1. 按脚手架初始化项目 进入vue官网的快速上手，按照官网所述，执行：npm create v ......
[Vue]关于查询详情后，传入到编辑弹窗内显示
开发编辑功能的过程中，通常需要先通过id，查询到编辑所需要的详细信息，再将数据回显到编辑弹窗中。 如果使用子组件作为编辑弹窗组件，异步查询到详细信息后，应当通过调用子组件的函数，传入查询结果： $refs.子组件.function(查询结果) 而不应当在子组件标签中以 :变量名="变量" 的形式传， ......
CSS 文字渐变
/实现文字颜色从红到黄的线性渐变效果/ .text { background: linear-gradient(to right, #ff0000, #ffff00); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/ -webkit-background-clip: text;/* ......
vue项目性能优化——断点续传
一、上传文件有两套方案1、基于文件流（form-data） element-ui上传组件默认是基于文件流的2、客户端把文件转化为BASE64，再传给后台 1、基于文件流方案代码用element-ui提供基于文件流的上传方案： <template> <div id="app"> <!-- action ......
Vue 大文件上传和断点续传的实现
实现 Vue 大文件上传和断点续传需要掌握以下几个步骤： 分片：将大文件分割成若干个小块，便于上传。一般采用 Blob 对象或 ArrayBuffer 来实现。 上传：将分片文件上传到服务器。可以使用 XMLHttpRequest、Fetch 等工具进行上传。 断点续传：如果上传失败或上传过程中断开 ......
vue3中router配置中的children怎么用
在Vue 3中，当你使用Vue Router创建路由配置时， children属性允许你为某个路由定义嵌套路由。这意味着你可以在父路由下设置子路由，从而构建出具有层级结构的URL路径。 这里是一个基本的例子，展示了如何在Vue Router中使用children属性： import { create ......
css3
目录CSS介绍CSS 语法规范css代码风格样式格式书写紧凑格式展开格式样式大小写小写格式（推荐）大写格式样式空格风格css选择器的作用css基础选择器选择器分类标签选择器作用优缺点类选择器语法规范多类名选择器多类名使用方式多类名开发中使用场景id 选择器id 选择器和类选择器的区别通配符选择器基础 ......
springboot012响应式企业员工绩效考评系统(vue，毕业设计，附源码和数据库)
2 关键技术2.1 Spring Boot框架2.2 Maven环境2.3 Mysql数据库2.4 Vue.js框架2.5 小结4 系统分析与设计4.1 系统架构在对一个系统的开发中，必须全面的考虑用户对学校系统的需求，这个步骤需要开发出系统的功能的用途，每个图应代表系统的一个功能模块。系统架构图： ......
springboot011流浪动物救助网站(vue)
4 需求分析4.1需求调研在教学网站中，能够在网站上运行的流浪动物救助站系统较少，所有很有必要开发一个轻量级的可以在网站上运行的流浪动物救助网站系统。4.2功能模块需求分析本网站最大的特点就功能全面，且结构简单用户在圈子信息框中，用户可以发布信息系统管理员：4.3设计的基本思想4.4性能需求4.4. ......
[Vue] vue学习笔记(11): 自定义事件 & 全局事件总线
组件的自定义事件 通过props可以将信息传递给子组件，那么当子组件需要向上传递信息的时候呢, 除了使用props传递函数类的方法，我们还可以用自定义事件 通过父组件给子组件绑定一个事件someEvent // App.vue <Student @someEvent='getStudentName' ......
42道CSS高频题整理(附答案背诵版)
1、简述CSS3选择器优先级及计算？ CSS的选择器优先级是一个相对复杂的概念，它规定了在一组样式冲突时，哪些样式将被浏览器采纳。选择器优先级是通过一个四位的值来计算的，形式为：[内联样式, ID选择器, 类选择器/属性选择器/伪类, 元素选择器/伪元素]。这四个等级的优先级从左到右递减，左边的优先 ......
从零开始封装 vue 组件
对于学习 Vue 的同学来说，封装 vue 组件是实现代码复用的重要一环。在 Vue 官网中非常详细地介绍了 vue 组件的相关知识，我这里简单摘取使用最频繁的几个知识点，带大家快速入门 vue 组件的使用。 快速入门 我们假设在页面上有很多地方都要用到一个计数器，与其在每个地方都实现计数器功能，不 ......
VUE使用Swiper组件，组件中嵌套Echarts图，Echarts的点击事件不生效问题解决
1.解决方案 在Swiper的配置项中添加以下属性（实测，已解决） ` options: { loop: false, simulateTouch: true, autoplay: { delay: 10000, disableOnInteraction: true }, touchStartPre ......
css渐变背景，linear-gradient()线性渐变和radial-gradient()径向渐变
1.简单的线性渐变 .layout{ width: 100%; min-height: 100vh; background: linear-gradient(#FFE8E9,rgba(0,0,0,0) 200px); } 2.层叠多层的渐变（左右+上下+背景图） .layout{ width: 10 ......
vue3.0+vite问题汇总
1、找不到模块“vite”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中 解决方法（tsconfig.json添加如下代码，添加之后重启；重启之后如果仍然有问题，可能是编辑器版本比较旧，升级编辑器版本，我从vscode v ......
vue3.0基础
1. setup函数 vue单页面使用到的变量和方法都定义在setup函数中,return后才能被页面引用 export default { setup(){ const name = '张三' const person = {name,age:30} function goWork(){ cons ......