脚手架vue day 34

The fourth day learning summary

一、for 循环循环就是重复做某件事,for循环是python提供第二种循环机制(第一种是while循环),理论上for循环能做的事情,while循环都可以做。目的:之所以要有for循环,是因为for循环在循环取值(遍历取值)比while循环更简洁。代码示例:for i in range(1, 11 ......
learning summary fourth The day

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

day17(匿名函数)

day17 1.函数式介绍 相比面向过程编程,函数式更加注重的是执行结果而非执行过程。代表语言有:Haskell、Erlang。而python并不是一门函数式编程语言,但是仍为我们提供了很多函数式编程好的特性,如lambda,map,reduce,filter。 2.匿名函数lambda # 1.d ......
函数 day 17

day16

1.三元表达式 # 针对以下需求 def func(x, y): if x > y: return x else: return y res = func(1, 2) print(res) # 三元表达式,可以用一行代码搞定上述代码 # 语法格式:条件成立时要返回的值 if 条件 else 条件不成 ......
day 16

JavaWeb - Day10 - 案例 - 部门管理、员工管理

01. 案例-准备工作 需求&环境搭建 1、部门管理 部门管理功能开发包括: 查询部门列表 删除部门 新增部门 修改部门 2、员工管理 员工管理功能开发包括: 查询员工列表(分页、条件) 删除员工 新增员工 修改员工 环境搭建 步骤: 准备数据库表(dept、emp) 创建springboot工程, ......
员工 案例 部门 JavaWeb Day

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

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

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

CF757G Can Bash Save the Day?

牛子题 先观察询问怎么处理,因为是棵树,直接拆 \(dis\) ,有 \(dis(p_i,x)=dis[p_i]+dis[x]-2\times dis[lca]\) ,前两项很好处理,但是对于 \(dis[lca(p_i,x)],i \in [l,r]\) 比较难处理,但是可以转化成经过这条边的次数 ......
757G Bash Save 757 Can

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

day15(生成器)

1.生成器对象 1.本质 还是内置有__iter__和__next__的迭代器对象 2.区别 迭代器对象是解释器自动提供的 数据类型\文件对象>>>:迭代器对象 生成器对象是程序员编写出来的 代码、关键字>>>:迭代器对象(生成器) 3.创建生成器的基本语法 函数体代码中填写yield关键字 生成器 ......
生成器 day 15

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

springboot012响应式企业员工绩效考评系统(vue,毕业设计,附源码和数据库)

2 关键技术2.1 Spring Boot框架2.2 Maven环境2.3 Mysql数据库2.4 Vue.js框架2.5 小结4 系统分析与设计4.1 系统架构在对一个系统的开发中,必须全面的考虑用户对学校系统的需求,这个步骤需要开发出系统的功能的用途,每个图应代表系统的一个功能模块。系统架构图: ......
毕业设计 绩效 springboot 源码 员工

springboot011流浪动物救助网站(vue)

4 需求分析4.1需求调研在教学网站中,能够在网站上运行的流浪动物救助站系统较少,所有很有必要开发一个轻量级的可以在网站上运行的流浪动物救助网站系统。4.2功能模块需求分析本网站最大的特点就功能全面,且结构简单用户在圈子信息框中,用户可以发布信息系统管理员:4.3设计的基本思想4.4性能需求4.4. ......
springboot 动物 网站 011 vue

算法学习Day5 哈希的一天

Day5 哈希的一天 By HQWQF 2023/12/13 当我们需要查询一个元素是否出现过,或者一个元素是否在集合里的时候,就要第一时间想到哈希法。 笔记 242.有效的字母异位词 给定两个字符串 s 和 t ,编写一个函数来判断 t 是否是 s 的字母异位词。 示例 1: 输入: s = "a ......
算法 Day5 Day

Day32 方法的重载

方法的重载 简单来说就是一个类里面有X个方法,并且有相同的名字 只是参数不同(个数、类型、排列顺序) 重载就是在一个类中,有相同的函数名称,但形参不同的函数。 方法的重载的规则: ​ 1.方法名称必须相同。 ​ 2.参数列表必须不同(个数不同、或类型不同、参数排列顺序不同等)。 方法的返回类型可以相 ......
方法 Day 32

[Vue] vue学习笔记(11): 自定义事件 & 全局事件总线

组件的自定义事件 通过props可以将信息传递给子组件,那么当子组件需要向上传递信息的时候呢, 除了使用props传递函数类的方法,我们还可以用自定义事件 通过父组件给子组件绑定一个事件someEvent // App.vue <Student @someEvent='getStudentName' ......
事件 总线 全局 笔记 Vue

从零开始封装 vue 组件

对于学习 Vue 的同学来说,封装 vue 组件是实现代码复用的重要一环。在 Vue 官网中非常详细地介绍了 vue 组件的相关知识,我这里简单摘取使用最频繁的几个知识点,带大家快速入门 vue 组件的使用。 快速入门 我们假设在页面上有很多地方都要用到一个计数器,与其在每个地方都实现计数器功能,不 ......
组件 vue

day16监控体系部署管理-K8S集群层面监控-基于Prometheus的HPA自动伸缩 (7.1-7.2)

一、打造基于Prometheus的全方位监控平台 1.1 前言 官网:https://prometheus.io/docs/prometheus/latest/getting_started/ 灵活的时间序列数据库 定制各式各样的监控规则 Prometheus的开发人员和用户社区非常活跃 独立的开源 ......
集群 Prometheus 层面 体系 day

Day03转义字符

Day03转义字符 \n:换行符,用于在文本中插入一个新行。 \r:回车符,用于将光标移动到当前行的开头。 \t:制表符,用于在文本中插入一个制表位。 \":双引号,用于在字符串中插入一个双引号字符。 \':单引号,用于在字符串中插入一个单引号字符。 \\:反斜杠,用于在字符串中插入一个反斜杠字符。 ......
转义 字符 Day 03

Day03字符拓展

//字符拓展 char c1 = 'A'; char c2='中'; System.out.println(c1); System.out.println((int)c1);//强制換行 System.out.println(c2); System.out.println((int)c2);//强制 ......
字符 Day 03