- 博客(113)
- 收藏
- 关注
转载 Vue组件之间传值/调用方法的几种方式
组件之间传值/调用方法的几种方式(一)父组件向子组件传值==props1.在父组件中使用子组件的地方绑定数据<children :message="message"></children>2.子组件使用props接收父组件传过来的数据props:{ message:String}3.示例:(二)子组件向父组件传值==$emit,也可以用来调用父组件中的方法1.子组件直接使用$emit将内部数据传递给父组件this.$emit("childByVal
2021-11-03 19:31:29
2330
转载 SpringBoot项目针对跨域问题的三种解决方案
SpringBoot项目针对跨域问题的三种解决方案文章目录SpringBoot项目针对跨域问题的三种解决方案1、什么是跨域2、解决跨域的几种方案、方法一:注解方法二:实现 WebMvcConfigurer方法三:Nginx 配置解决跨域问题1、什么是跨域要了解跨域,先要知道同源策略。同源策略是由 Netscape 公司提出的一个著名的安全策略,所有支持 JavaScript 的浏览器都会使用这个策略。所谓同源是指:协议,域名,端口 全部相同。浏览器从一个域名的网页去请求另一个域名的资源时,协议,域名
2021-11-01 08:31:01
1781
转载 Redis 面试题
Redis 面试题文章目录Redis 面试题1、什么是 Redis?2、Redis 的数据类型?3、使用 Redis 有哪些好处?4、Redis 相比 Memcached 有哪些优势?5、Memcache 与 Redis 的区别都有哪些?6、Redis 是单进程单线程的?7、一个字符串类型的值能存储最大容量是多少?8、Redis 的持久化机制是什么?各自的优缺点?9、Redis 常见性能问题和解决方案:10、redis 过期键的删除策略?11、Redis 的回收策略(淘汰策略)?12、为什么 edis 需
2021-11-01 08:22:35
440
转载 elementui下拉树形结构【完美实现】
在用 elementui 开发项目的时候,在进行下拉选择的时候,由于下拉的选项中,存在‘父’‘子’上下级的关系,所以想用下拉树来解决。通过百度 elementui 下拉树,有很多版本,但是总会有一些问题。最终自己写了一个,能够完美实现下拉树的功能。<template> <div class="app-container"> <el-select class="main-select-tree" ref="selectTree" v-model="value"
2021-10-30 20:38:32
18558
10
转载 vue-如何在vue项目中的js文件里使用vue实例
第一种方法首先:定义一个js文件 这里叫做 makevue.js ,定义一个context的变量let context =null// 定义一个变量,用来代替this(vue)export default { // 写一个此文件引入vue的方法,然后export导出去 initContext (vue) { context = vue },}然后:在main.js初始化完实例之后 ,将实例赋值给context, 需要使用的地方就引入makevue.
2021-10-30 20:33:01
4785
转载 Vue中计算属性、方法与侦听属性的区别
总结:1. 计算属性computed在使用时,一定要注意,函数里面的变量都会被监听,只要里面的某一个值变动,便会将整个函数执行一遍。 而 watch 只是监听某一个值,若是监听的值里面也有很多变量,也会全部监听 2. 计算后的属性可不在 data 中定义,如果定义会报错,因为对应的computed作为计算属性定义并返回对应的结果给这个变量,变量不可被重复定义和赋值。 而 watch 监听 data 中定义的变量变化文章目录总结:computed特性watch特性1. 计算属性 computed2.
2021-10-30 20:26:14
420
原创 自定义更换IDEA背景图片
自定义更换IDEA背景图片第一步 进入IDEA ,然后一次打开 File→Settings. 接下来如图所示第二步 点击 Background Image 如下图所示第三步 我们就可以添加背景图片了。点击选择背景图片的位置在哪里,以及设置图片的透明度等等信息...
2021-10-30 15:30:02
1894
原创 maven 环境变量的配置
maven 环境变量的配置文章目录maven 环境变量的配置一 、安装二、配置环境变量。一 、安装首先打开下载的maven,将压缩包解压到对应的文件夹,可以自行选择位置(位置要记清楚)。下面即为文件的存放目录。二、配置环境变量。打开环境变量配置1. 在桌面上找到“此电脑”右键计算机→属性→高级系统设置→环境变量,在系统变量中配置。2. 配置MAVEN_HOME。在系统变量中新建→变量名为MAVEN_HOME→变量值为maven文件夹路径。我的路径是 F:\Soft\mavenck\apach
2021-10-28 15:36:17
206
转载 SQL查找是否“存在“,别再count了!
SQL查找是否"存在",别再count了!文章目录SQL查找是否"存在",别再count了!目前多数人的写法总结根据某一条件从数据库表中查询 『有』与『没有』,只有两种状态,那为什么在写SQL的时候,还要SELECT count(*) 呢?无论是刚入道的程序员新星,还是精湛沙场多年的程序员老白,都是一如既往的count。目前多数人的写法多次REVIEW代码时,发现如现现象:业务代码中,需要根据一个或多个条件,查询是否存在记录,不关心有多少条记录。普遍的SQL及代码写法如下:##### SQL写法:
2021-10-26 17:16:59
164
转载 redis学习笔记(面试题)
redis学习笔记(面试题)文章目录redis学习笔记(面试题)1、 什么是redis2、 redis怎么存储数据3、Redis基于key-value存储数据,那么key-value具体是什么?4、 Redis是基于内存,那么如果服务器异常了,数据是不是都没有了,丢失了5、 RDB和AOF解释和区别6、 Redis怎么回收内存(redisobject 结构的属性refcount)7、 reids 数据库数据保存8、 键的生存时间和过期时间(EXPIRE、PEXPIRE)9、 RDB文件生成 SAVE和BG
2021-10-26 16:26:39
163
原创 mybatis的优缺点
mybatis的优缺点文章目录mybatis的优缺点什么是mybatis?mybatis的原理:mybatis的优点:mybatis的缺点:什么是mybatis?Mybatis 是一个半 ORM(对象关系映射)框架,它内部封装了 JDBC,开发时 只需要关注 SQL 语句本身,不需要花费精力去处理加载驱动、创建连接、创建 statement 等繁杂的过程。程序员直接编写原生态 sql,可以严格控制 sql 执行性 能,灵活度高。MyBatis 可以使用 XML 或注解来配置和映射原生信息,将
2021-10-26 15:32:44
459
原创 layui后台
layui 左侧三级菜单栏文章目录layui 左侧三级菜单栏<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>layui后台</title>
2021-10-26 14:54:22
220
转载 vue elementUI 实现el-table 表头筛选,表头排序功能
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录表头筛选、排序功能:image.png可以做前端筛选,排序,(存在问题,前端无法对所有数据进行筛选或者排序,只能对当页数据。 所以前端做这种处理只适用于数据量少,无分页情况或者前端一次拿到了所有数据自己分页的情况)调用后端接口进行筛选,或者排序,好处是能对全部数据进行筛选或
2021-10-26 14:53:35
5805
转载 Spring Boot面试题
20道Spring Boot面试题文章目录20道Spring Boot面试题1、什么是 Spring Boot?2、为什么要用 Spring Boot?3、Spring Boot 的核心配置文件有哪几个?它们的区别是什么?4、Spring Boot 的配置文件有哪几种格式?它们有什么区别?5、Spring Boot 的核心注解是哪个?它主要由哪几个注解组成的?6、开启 Spring Boot 特性有哪几种方式?7、Spring Boot 需要独立的容器运行吗?8、运行 Spring Boot 有哪几种方式
2021-10-26 14:46:56
121
原创 Vue实现计算器
Vue实现计算器文章目录Vue实现计算器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue实现自定义计算器</title> <!-- 引进Css样式码 --> <link rel=stylesheet href="./d-1.css"></head>&
2021-10-26 14:34:02
277
原创 Vue实现验证码倒计时
Vue实现验证码倒计时文章目录Vue实现验证码倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1
2021-10-26 14:31:07
414
转载 ElementUI实现分页查询
ElementUI实现分页查询分页的两种方式。前端分页,后端分页。两种方式各有个的优缺点吧。前端分页:后台只需将数据返回,不需要做过多处理,前端一次请求拿到所有数据后做分页处理。但数据量不能太大,因为前端是先一次性加载所有数据,然后在做分页处理。在数据量多的情况下,加载相对应的会变慢。所有在前端做分页时要先考虑一下后期的数据量。后端分页:因为是后端分页,前端在每点击一次分页时,便向后台请求一次数据。其实就是避免前端一次性从数据库获取大量数据文章目录ElementUI实现分页查询一、在elemen
2021-10-25 20:04:22
2206
1
原创 Element简单登录跳转
Vue+Element简单登录界面及跳转文章目录Vue+Element简单登录界面及跳转参考资料:main.jsApp.vueLogin.vueHello.vue参考资料:elementhttp://element.eleme.io/#/zh-CN/component/installationvuerouterhttps://router.vuejs.org/zh-cn/vue构建单页面应用实战http://www.jb51.net/article/110796.htm
2021-10-25 19:58:31
697
1
转载 ElementUi <el-table>中按钮点击操作阻止@row-click点击
ElementUi 中按钮点击操作阻止@row-click点击文章目录ElementUi 中按钮点击操作阻止@row-click点击 添加@row-click点击行时,会跳转到一个详细信息页面, 但是同时这一行也有编辑和删除类似其他的点击按钮。遇到问题: 在点击按钮时,@row-click事件也被触发了,而我并不想触发 row-click 事件解决办法: 写按钮的 @click 事件时添加 .stop<el-table :data="list.data" class="el-table-st
2021-10-17 19:05:31
3172
2
转载 element实现当前页面/表格刷新方法
VUE + element-ui实现当前页面/表格刷新方法之前在做elementui的项目,一些新增,编辑,删除等操作后,需要刷新当前页面或者表格,看官方文档没找到合适的方法,之前是直接重新再调一遍后台接口进行数据的刷新,今天发现一个不错的方法,来记录一下文章目录VUE + element-ui实现当前页面/表格刷新方法App.vue中配置入下<template> <div id="app"> <router-view v-if="isRouterAliv
2021-10-17 19:01:50
7723
转载 @ResponseBody与@RequestBody的区别
@ResponseBody与@RequestBody的区别文章目录@ResponseBody与@RequestBody的区别@ResponseBody用法@RequestBody使用作者:tenlee链接:http://www.jianshu.com/p/7097fea8ce3f( 原创作者文章更详细)@ResponseBody用法作用:该注解用于将Controller的方法返回的对象,根据HTTP Request Header的Accept的内容,通过适当的HttpMessageConvert
2021-10-15 18:02:32
829
原创 vue+elementui 如何设置radio默认选中
vue+elementuiel-radio单选框默认选中以及v-model绑定值问题需求描述:弹窗里面的表单,是复用的后台返回数据,输入框里面的数据复用很容易,通过prop属性即可。问题在于radio单选框,怎么将后台给的数值绑定为默认值文章目录vue+elementuiel-radio单选框默认选中以及v-model绑定值问题需求描述:示例效果图:涉及知识:补充:类似案例效果:示例效果图:涉及知识:一、【elment-ui】radio 单选框中的 label 属性误区:1、误以为 va
2021-10-15 17:58:22
25399
原创 element指定表格某个单元格颜色
element指定表格某个单元格颜色文章目录element指定表格某个单元格颜色 <el-form-item prop="jiaose" label="学生角色" :label-width="formLabelWidth"> <template scope="scope"> <span v-if="scope.row.jiaose=== 0" style="color: red">学生</span&
2021-10-15 17:42:05
287
转载 vue组件传值props设置默认参数
vue组件传值props设置默认参数文章目录vue组件传值props设置默认参数子组件<template> <div class="container"> <div class="top"> <p class="p_left">{{titleLeft}}</p> <p class="p_right" @click="clickAction">{{titleRight}}</p>
2021-10-12 11:34:57
1019
转载 vue+element实现自动刷新
vue+element实现自动刷新现在有个需求前台页面不刷新,但是数据需要实时返回,那就是调用接口外加定时器:文章目录vue+element实现自动刷新data中定义空数组用来接收存储数据添加请求和刷新页面打开执行效果:全部代码:data中定义空数组用来接收存储数据 tableData: []添加请求和刷新methods: { async getdata() {//用来请求你的接口吧 const { data: res } = await this.$http.get("
2021-10-12 11:31:26
1663
转载 ElementUI 日期选择器时间选择范围限制
ElementUI 日期选择器时间选择范围限制ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细,这里做一个element-ui日期插件的补充。官方文档中使用picker-options属性来限制可选择的日期,这里举例子稍做补充。文章目录ElementUI 日期选择器时间选择范围限制单个输入框情景1: 设置选择今天以及今天之后的日期情景2: 设置选择今天以及今天以前的日期情景3: 设置选择今天之后的日期(不能选择当天时间)情景4: 设置选择今天之前的日期(不能选择当天
2021-10-12 11:24:51
11445
4
转载 Input:type属性
Input:type属性文章目录Input:type属性1.button:定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。<input id="" type="button" name="" value="按钮" /><br />2.checkbox:定义复选框。<input id="" type="checkbox" name="" />男<br /><input id="" type="checkbox" name
2021-10-12 11:19:16
192
转载 python购物小票的案例
python购物小票的案例文章目录python购物小票的案例数据:T恤 tshirt 245元运动鞋 sport 370元网球拍 tennis 345.5元指令:输入:T恤 tshirt 245元运动鞋 sport 370元网球拍 tennis 345.5元输出:总价 t && 购物小票s1=245s2=370s3=345.5print(“=“25)print(“T恤:%s”%s1)print(“运动鞋:%s”%s2)print(“网球拍:%s”%s3)
2021-09-30 13:56:03
2488
转载 Vue购物车案例
Vue购物车案例文章目录Vue购物车案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
2021-09-30 13:51:21
128
转载 jQuery.ajax方法分析(二)
jQuery.ajax方法分析(二)文章目录jQuery.ajax方法分析(二)访问ws,而web方法再是字符串返回类型。这次通过response来响应请求。所处环境:.net3.5,而webservice 不再添加修饰标签:[System.Web.Script.Services.ScriptService](一)Hello·ws[WebMethod]public void HelloWorld(){ HttpResponse Response = HttpContext.Curr
2021-09-30 13:47:23
56
转载 jQuery .ajax方法分析(一)
jQuery .ajax方法分析(一)文章目录jQuery .ajax方法分析(一)jQuery.ajax( options )jQuery.ajax( options )有很多选项,介绍其中的几个:dataType:想从服务器得到哪种类型的数据。xml,html,script,json,jsonp,textsuccess:请求成功后的处理函数·type:以POST或GET的方式请求。默认GET。PUT和DELETE也可以用,但并不是所有的浏览器都支持url:请求的目的地址,须
2021-09-27 23:22:11
77
转载 jQuery each
文章目录jQuery.each( object, callback,arg)each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法。换句话说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内部
2021-09-27 23:14:11
97
转载 layui笔记
layer.open中content里面的元素追加click事件,触发不了文章目录layer.open中content里面的元素追加click事件,触发不了【注意】事件要追加在触发弹出事件的点击事件里面$('#feedback').click(function(){ layer.open({ content:'<div><div class="feedback-title"><div class="btn
2021-09-27 23:03:37
218
转载 Java异常处理面试题
文章目录Java异常处理面试题1、final、finally、finalize 的区别?2、Java中异常分为哪些种类?3、error和exception的区别?4、调用下面的方法,得到的返回值是什么?5、Java 异常处理机制的理解?6、说出最常见的5个RuntimeException?7、throw 和 throws 的区别?Java异常处理面试题1、final、finally、finalize 的区别?● final:用于声明属性,方法和类,分别表示属性不可变,方法不可覆盖,被其修饰的类不可继承
2021-09-25 23:19:11
277
转载 观察者模式及Java实现例子
观察者模式及Java实现例子观察者模式(也被称为发布/订阅模式)提供了避免组件之间紧密耦合的另一种方法,它将观察者和被观察的对象分离开。在该模式中,一个对象通过添加一个方法(该方法允许另一个对象,即观察者注册自己)使本身变得可观察。当可观察的对象更改时,它会将消息发送到已注册的观察者。这些观察者收到消息后所执行的操作与可观察的对象无关这种模式使得对象可以相互对话,而不必了解原因。Java语言与C#语言的事件处理机制就是采用的此种设计模式。文章目录观察者模式及Java实现例子观察者模式 Observer观
2021-09-25 23:02:48
358
转载 关于JWT + Token
文章目录关于 TokenOAuthOAuth 2.0JWT关于 Tokentoken 即使是在计算机领域中也有不同的定义,这里我们说的token,是指访问资源的凭据。例如当你调用Google API,需要带上有效 token 来表明你请求的合法性。这个 token 是 Google 给你的,这代表 Google 给你的授权使得你有能力访问 API 背后的资源。请求 API 时携带 token 的方式也有很多种,通过 HTTP Header 或者 url 参数 或者 google 提供的类库都可以:/
2021-09-25 22:54:11
565
转载 SpringBoot+JWT完成token验证
SpringBoot+JWT完成token验证文章目录SpringBoot+JWT完成token验证什么是JWTJWT含有三个部分:**头部(header)****载荷(payload)****签证(signature)**JWT特点如何使用JWT?应用流程搭建SpringBoot + JWT工程什么是JWTJson Web Token(JWT):JSON网络令牌,是为了在网络应用环境间传递声明而制定的一种基于JSON的开放标准((RFC7519)。JWT是一个轻便的安全跨平台传输格式,定义了一个
2021-09-25 22:47:54
612
转载 Java的反射机制记录
文章目录Class对象获取的三种方式通过反射实例化对象的两种方式获取某个类的所有构造方法获取某个类的所有属性信息获取某个类的所有方法信息图来动态代理空对象Class对象获取的三种方式Java反射操作都需要首先获取Class对象。获取Class对象的方式有三种:公有属性class方法getClass()Class.forName()示例:public class ReflectClassDemo { /** log4j */ private static final Logg
2021-09-24 08:27:03
61
转载 一千行 MySQL 学习笔记
一千行 MySQL 学习笔记文章目录一千行 MySQL 学习笔记基本操作数据库操作表的操作数据操作字符集编码数据类型(列类型)列属性(列约束)SELECTUNION子查询连接查询(join)导入导出INSERTtruncate备份与还原视图事务(transaction)锁表触发器SQL编程储存过程基本操作/* 启动MySQL */net start mysql/* 连接与断开服务器 */mysql -h 地址 -P 端口 -u 用户名 -p 密码/* 跳过权限验证登录MySQL */my
2021-09-17 19:07:08
60
转载 jQuery知识汇总
系列文章目录文章目录系列文章目录jQuery 选择器jQuery 效果函数jQuery 文档操作方法jQuery CSS 操作函数jQuery Ajax 操作函数jQuery 遍历函数jQuery 数据操作函数jQuery DOM 元素方法jQuery 核心函数jQuery 事件方法jQuery 选择器选择器 实例 选取‘’ $("")
2021-09-16 13:48:38
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人