animate vue css

【前端VUE】VUE通信组件学习(附源代码)

props props可以实现父子组件通信,不管是在vue2或者vue3,props数据还是只读的!!!不能直接修改其值;在vue3中,我们可以通过defineProps获取父组件传递的数据,且在组建内部不需要引入defineProps方法可以直接使用,如下面例子 Parent.vue //父组件 ......
前端 源代码 组件 VUE

JS+CSS多行文本显示“更多”

本代码展示最多显示3行,每行行高16px,3行总高48px,4行总高64px 当文本行数大于3行,显示“更多” CSS: #CourseDesc { margin-top: 5px; font-size: 12px; position: relative; max-height: 48px; lin ......
文本 更多 CSS JS

vue3 实现用户登录和权限验证思路梳理

2023-12-20 星期三 一、用登录和退出问题 1登录 思路一: 1.1 login 登录页面,将token 存储本地中。 1.2 前置路由守卫获取 token 并验证, 1.3 前置路由 从缓存中获取用户的访问权限,并生成动态路由。 1.4 aixos 请求拦截器,从存储中获取存储的token ......
思路 权限 用户 vue3 vue

vue中@param 常用注释模板

/** * 获取事件在列表中的位置 * @param context * @param callback * @private */ _evIndex(event, context, callback) { let index = -1; for (let i = 0; i <= event.len ......
注释 模板 常用 param vue

15.高阶定位-CSS 定位与原生定位

目录 原生定位 css selector 定位 原生定位 官网地址 元素属性定位 组合定位 # ID 定位 driver.find_element_by_android_uiautomator('\ new UiSelector().resourceId("<element-ID>")') # 组合 ......
高阶 CSS 15

vue基础

一、什么是 Vue 1.简介 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式的js框架,发布于 2014 年 2 月。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库(如:vue-router ......
基础 vue

springboot020汽车改装方案网站(vue)

1 绪论1.1 课题背景:当今电子信息发展十分迅猛,软件行业发展的节奏也非常的快。在我们日常的生活中有很多非常智能的软件,除此之外新兴的智能软件也如雨后春笋般的出现,人们的生活方式也一点一点的被潜移默化的改变着,当今社会的这种生活方式也是一种更人性化的“懒人”模式,比如人们在出行的时候可以提前预定机 ......
汽车改装 springboot 方案 汽车 网站

springboot019食品安全管理系统(vue)

1 绪 论1.1 课题研究背景及意义1.2研究现状以及发展趋势1.2.1研究现状1.2.2发展趋势1.3研究目标2 相关技术介绍2.1 Spring Boot介绍Spring的全家桶,我想在Java开发领域大家都知道了吧,那么关于spring的框架,自从我们大学都开始学的,Java语言在基础知识当中 ......

springboot016高校学生党员发展管理系统(vue,毕业设计,附数据库和源码)

1 绪论1.1 研究背景1.2 研究现状1.3 研究意义2 系统开发工具介绍2.1 Springboot2.2 VUE框架2.3 Mysql数据库3 可行性分析3.1 技术的可行性3.2 经济的可行性3.3 操作可行性 4 系统需求分析4.1 系统功能需求管理系统的主要功能结构图呈现如下:图4.1高 ......

100道Vue高频题整理(附答案背诵版)

1、请简述Vue插件和组件的区别 ? Vue的插件(Plugin)和组件(Component)是Vue.js中非常重要的两个概念,它们在功能上有着明显的差异。 Vue组件(Component): Vue组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较大的Vue.j ......
答案 100 Vue

leaflet在vue2中标点 加载geoJSON

lealfet版本1.9.4 vue版本2.6 引入: import L from 'leaflet' import 'leaflet/dist/leaflet.css' //记得引入样式 不然加载瓦片图后地图会错乱 1.初始化 this.map = L.map(this.mapId, mapIni ......
leaflet geoJSON vue2 vue

vue3全栈项目:具有登录注册验证的在线实时聊天应用程序。

项目主要实现的功能: 登录注册的身份验证功能(利用JWT)来实现,在与后端验证的时候,会根据不同的身份显示不同的界面;而且根据不同角色赋予不同的权力,如管理员能查看信息,而普通用户只能登录到公共组件——在线实时俩天应用程序。 多人在线实时聊天功能——前后端之间根据WebSocket来进行实时通信,并 ......
应用程序 实时 程序 项目 vue3

vue3如何实现断点续传

首先创建一个vue3项目 普通上传// template <input type="file" ref="uploadRef" @change="upload" /> // js setup function upload(event) { let files = event.target.file ......
断点 vue3 vue

vue 组件缓存 keep-alive的include失效

include中添加的name属性,必须与对应的vue组件文件中的name属性保持一致 详见:https://www.jianshu.com/p/ab5191eb7f1d 翻译 搜索 复制 ......
缓存 keep-alive 组件 include alive

Vue.js实现大文件分片md5断点续传

背景 根据部门的业务需求,需要在网络状态不良的情况下上传很大的文件(1G+)。其中会遇到的问题:1,文件过大,超出服务端的请求大小限制;2,请求时间过长,请求超时;3,传输中断,必须重新上传导致前功尽弃。解决方案实现思路,拿到文件,保存文件唯一性标识,切割文件、分片上传、文件MD5验证、断点续传、手 ......
断点 文件 Vue md5 js

【插件】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 ......
插件 VUE-Is VUE Is

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 按钮,完 ......
transfonter 样式 iconfont 只有 方式

vue2前端调接口下载(导出)后端返回.zip压缩文件流

1、接口api // 三级教育档案导出 export function searchPersonnelHousInfoExport(data) { return request({ url: train + '/fileExport/controller/export/personalProfile ......
前端 接口 文件 vue2 vue

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 ......
prettier 项目 eslint vue3 vue

vue项目的拉取

一、删除vue项目的node_modules,package-lock.json两个文件 二、在项目下打开cmd窗口(本人使用管理员方式打开cmd才对之后的操作有效) 三、输入命令 npm cache clean -force npm install 四、运行项目 npm run dev ......
项目 vue

Vue+Node实现大文件上传和断点续传

源代码 断点续传、分片上传、秒传、重试机制 文件上传是开发中的难点, 大文件上传及断点续传 难点中的细节及核心技术点。 element-ui 框架的上传组件,是默认基于文件流的。 数据格式:form-data; 传递的数据: file 文件流信息;filename 文件名字 通过 fileRead. ......
断点 文件 Node Vue

脚手架搭建vue3项目

vue官网:https://cn.vuejs.org/ 下面将搭建一个最基本的vue3项目,包含 vue3、ts、pinia、element-plus、scss、api-proxy 等配置。 步骤如下: 1. 按脚手架初始化项目 进入vue官网的快速上手,按照官网所述,执行:npm create v ......
脚手架 项目 vue3 vue

[Vue]关于查询详情后,传入到编辑弹窗内显示

开发编辑功能的过程中,通常需要先通过id,查询到编辑所需要的详细信息,再将数据回显到编辑弹窗中。 如果使用子组件作为编辑弹窗组件,异步查询到详细信息后,应当通过调用子组件的函数,传入查询结果: $refs.子组件.function(查询结果) 而不应当在子组件标签中以 :变量名="变量" 的形式传, ......
详情 Vue

CSS 文字渐变

/实现文字颜色从红到黄的线性渐变效果/ .text { background: linear-gradient(to right, #ff0000, #ffff00); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/ -webkit-background-clip: text;/* ......
文字 CSS

Animals and Puzzle 题解

原题链接:CF713D 题意:给定一个 \(n\times m\) 的地图 \(a\),\(a_{i}\) 为 \(0\) 或 \(1\)。有 \(t\) 次询问,每次询问给定一个矩形,求出这个矩形中最大的由 \(1\) 构成的正方形的边长是多少。 首先考虑预处理出 \(d_{i,j}\) 表示以 ......
题解 Animals Puzzle and

vue项目性能优化——断点续传

一、上传文件有两套方案1、基于文件流(form-data) element-ui上传组件默认是基于文件流的2、客户端把文件转化为BASE64,再传给后台 1、基于文件流方案代码用element-ui提供基于文件流的上传方案: <template> <div id="app"> <!-- action ......
断点 性能 项目 vue

Vue 大文件上传和断点续传的实现

实现 Vue 大文件上传和断点续传需要掌握以下几个步骤: 分片:将大文件分割成若干个小块,便于上传。一般采用 Blob 对象或 ArrayBuffer 来实现。 上传:将分片文件上传到服务器。可以使用 XMLHttpRequest、Fetch 等工具进行上传。 断点续传:如果上传失败或上传过程中断开 ......
断点 文件 Vue

vue3中router配置中的children怎么用

在Vue 3中,当你使用Vue Router创建路由配置时, children属性允许你为某个路由定义嵌套路由。这意味着你可以在父路由下设置子路由,从而构建出具有层级结构的URL路径。 这里是一个基本的例子,展示了如何在Vue Router中使用children属性: import { create ......
children router vue3 vue