自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 Mybatis-plus 分页查询

简介:MyBatis-Plus(opens new window)(简称 MP)是一个MyBatis(opens new window)的增强工具,在 MyBatis 的基础上只做增强不做改变,为简化开发、提高效率而生。特性:无侵入:只做增强不做改变,引入它不会对现有工程产生影响,如丝般顺滑损耗小:启动即会自动注入基本 CURD,性能基本无损耗,直接面向对象操作强大的 CRUD...

2021-07-30 10:55:00 716 1

原创 Springboot Nacos 服务注册

简介:Nacos 通过提供简单易用的动态服务发现、服务配置、服务共享与管理等服务基础设施,帮助用户在云原生时代,在私有云、混合云或者公有云等所有云环境中,更好的构建、交付、管理自己的微服务平台,更快的复用和组合业务服务,更快的交付商业创新的价值,从而为用户赢得市场。1.安装pom.xml依赖:<!--nacos--><dependency> <group...

2021-03-02 09:13:00 997

原创 JavaScript 解决小数点数字【加减乘除】计算不精确

简介:当JavaScript作小数计算时存在这精度不准确的Bug。原因:数字类型只有number类型,number类型相当于其他强类型语言中的double类型(双精度浮点型),不区分浮点型和整数型。怎么可以向Java语言Bigdecimal类型一样计算呢?解决办法:1. Node安装依赖:npm install --save decimal.js2.在项目引用:im...

2021-02-20 11:15:00 866

原创 Springboot 邮件发送实例

1.pom.xml添加依赖:<!--邮箱依赖--><dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-mail</artifactId></dependency>...

2021-02-18 16:27:00 244

原创 Vue 清除控制台输出【console】

1. npm 安装依赖:npm i babel-plugin-transform-remove-console2.babel.config.js 文件编辑:const prodPlugins = []if (process.env.NODE_ENV === 'production') { // 如果是生产环境,自动清理掉打印的日志,但保留error / warn / ...

2021-02-09 14:32:00 833

原创 JavaScript 执行上下文和作用域

执行上下文(以下简称“上下文”)的概念在 JavaScript 中是颇为重要的。变量或函数的上下文决定 了它们可以访问哪些数据,以及它们的行为。大致如下图!1.每个上下文都有一个关联的变量对象(variable object), 而这个上下文中定义的所有变量和函数都存在于这个对象上。2.全局上下文是最外层的上下文,全局上下文就是我们常说的 window 对象,因此所有通过 var ...

2021-01-04 11:01:00 167 1

原创 React Axios拦截器配置

1. 安装 Axios:npm i axios2. 创建 utils文件夹:3.创建request.js:import axios from 'axios'// 第一步,创建实例const service = axios.create({ baseURL: 'api', timeout: 5000});// 第二步,请求拦截service.in...

2021-01-03 11:10:00 784

原创 Vue Elements Table 合并行

<template> <div> <pl-table border :data="tableList.tableData" :span-method="objectSpanMethod" style="width: 100%; margin-top: 20px"> <pl-...

2020-12-30 17:59:00 77

原创 JavaScript 数字千元符方法

// normal 参数是币种 币种等于 JPY 【日元】不显示千元符 默认显示千元符function toThousands(num = 0, currency = 'normal', point = 2) { let newNum = String(num) var reg = new RegExp(',', 'g') if (newNum.indexOf(',') ...

2020-12-16 10:30:00 155

原创 JavaScript 数字转千元符方法

1.方法一// normal 参数是币种 币种等于 JPY 【日元】不显示千元符 默认显示千元符function toThousands(num = 0, currency = 'normal', point = 2) { let newNum = String(num) var reg = new RegExp(',', 'g') if (newNum.indexOf...

2020-12-16 10:30:00 135

原创 Vue 获取元素宽高

1.模拟限制宽高 【在要获取宽高的元素 上加 ref 属性】<div style="width:600px;height:300px" ref="barparent" > </div>2.获取宽高console.log('this.$refs.barparent.$el.offsetWidth',this.$refs.barparent.$el....

2020-11-17 16:35:00 3058 1

原创 Elements Table 指定列 Tooltip 文字提示

<el-table-column show-overflow-tooltip header-align="center" align="right" prop="overdue" label="测试1" width="130px" :render-header="renderTipsHeader"/>// table title 浮窗提示 renderTip...

2020-11-13 20:50:00 1209 4

原创 Elements Table 指定列 Tooltip 文字提示、Tooltip 文字提示换行【野路子版】

【野路子版写法】<el-table-column show-overflow-tooltip header-align="center" align="right" prop="overdue" label="测试1" width="130px" :render-header="renderTipsHeader"/>// table title 浮窗提示 ...

2020-11-13 20:50:00 671

原创 vue 3.0 学习 [ 持续更新 ]

简介:  基于 2.x 对象的 API 在 Vue 3 中基本完好无损。但是,3.0 还引入了组合 API- 一组新的 API,旨在解决大规模应用程序中 Vue 使用的痛苦点。组合 API 基于反应性 API 构建,并且能够实现类似于 React 挂钩的逻辑组合和重用,与基于 2.x 对象的 API 更灵活的代码组织模式以及更可靠的类型推理。合成 API 也可以通过@vue/合...

2020-09-24 10:02:00 202

原创 Springboot JWT 集成认证

1.引入maven依赖:<!-- JWT依赖 --><dependency> <groupId>com.auth0</groupId> <artifactId>java-jwt</artifactId> <version>3.4.0</version></...

2020-09-17 15:35:00 153

原创 element input 正则验证 数字包含正负数 小数点 只包含一个小数点 一个 '-'

<el-input placeholder v-model="scope.row[index]" oninput="value=value.replace(/[^\-?\d.]/g,'').replace(/^\./g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.').replace('-','$#$').re...

2020-07-28 10:18:00 1124 2

原创 JavaScript String 数组 Date Math 操作方法合集

1. String字符串:charAt() 返回在指定位置的字符indexOf() 检索字符串,返回下标lastIndexOf() 从后向前搜索字符串。charCodeAt() 返回在指定的位置的字符的 Unicode 编码。fromCharCode() 从字符编码创建一个字符串。concat() 连接字符串。match() 找到一个或多个(正则表达式的)匹配。rep...

2020-07-24 10:06:00 84

原创 Vue ElementUI 纯前端实现下拉过滤

<template> <div> <el-form-item label="类型"> <el-select v-model="ProjectStatus" clearable style="width:150px" @change="filter"> <el-opt...

2020-06-16 14:33:00 675

原创 Vue 获取当前距离屏幕顶部的距离

<template> <div ref="obtain"></div><template/><script>export default { data() { return {} }, mounted() {   // 滚动条的获取   window.ad...

2020-06-12 12:45:00 3397

原创 JavaScript 数组对象切片

有的时候,前端向后端发送请求,json体积太大可以用数据切片分批发送请求// 原数组 const todolists = this.todolist.tableList // 切片的待保存数组 const newArr = [] // 切片数量 const section = 15 // 进行切片 f...

2020-06-12 10:03:00 1569

原创 JDBC

1. JDBC基本概念2. 快速入门3. 对JDBC中各个接口和类详解JDBC:1. 概念:Java DataBase Connectivity Java 数据库连接, Java语言操作数据库 * JDBC本质:其实是官方(sun公司)定义的一套操作所有关系型数据库的规则,即接口。各个数据库厂商去实现这套接口,提供数据库驱动jar包。我们可以使用这套接口(JDBC)编程,真正...

2020-06-11 15:45:00 46

原创 Jdbc数据库连接池

1. 数据库连接池2. Spring JDBC : JDBC Template数据库连接池1. 概念:其实就是一个容器(集合),存放数据库连接的容器。 当系统初始化好后,容器被创建,容器中会申请一些连接对象,当用户来访问数据库时,从容器中获取连接对象,用户访问完之后,会将连接对象归还给容器。2. 好处: 1. 节约资源 2. 用户访问高效3. 实现: 1. ...

2020-06-11 15:43:00 40

原创 Vue cli4 反向代理配置

1. 安装 Vue 脚手架关于旧版本Vue CLI 的包名称由vue-cli改成了@vue/cli。 如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。Node 版本要求Vue CLI 需要Node.js8.9 或更高版...

2020-06-11 15:12:00 418

转载 Vuex

Vuex 是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。new Vue({ // state ...

2020-06-11 11:27:00 60

原创 新版 Microsoft Edge

微软已正式发布了适用于Windows 10、7和macOS的基于Chromium的Edge浏览器。微软Chromium Edge外观设计并没有沿用微软Windows 10的Fluent Design规范,而是采用了圆角设计。不过有消息称微软Edge浏览器未来也将与Windows 10系统风格保持一致。1.Windows系统更新1903以上2.下载新版Microsoft Edge...

2020-06-11 11:11:00 210

原创 Spring【持续学习笔记】

Spring简介Spring框架由Rod Johnson开发,2004年发布了Spring框架的第一版。Spring是一个从实际开发中抽取出来的框架,因此它完成了大量开发中的通用步骤,留给开发者的仅仅是与特定应用相关的部分,从而大大提高了企业应用的开发效率。Spring总结起来优点如下:低侵入式设计,代码的污染极低。独立于各种应用服务器,基于Spring框架的应用,可以真正实现...

2020-06-10 14:55:00 62

原创 JavaScript 工具方法

1. 转换String类型// 1、 toString()const num = 1;const newString = num.toString();console.log(newString);const a = true;const b = a.toString();console.log(b);// toString 中的参数代表进制console.lo...

2020-06-09 16:36:00 53

原创 Mybatis

Mybatis配置1.新建 maven 项目2.打开 pom.xml 编辑<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-i...

2020-06-09 15:32:00 55

原创 nodejs koa2

1、koa2背景Express简介:koa是Express的下一代基于Node.js的web框架,目前有1.x和2.0两个版本. 虽然Express的API很简单,但是它是基于ES5的语法,要实现异步代码,只有一个方法:回调。如果异步嵌套层次过多,代码写起来就非常难看, 虽然可以用async这样的库来组织异步代码,但是用回调写异步实在是太痛苦了!koa 1.0简介:随着新版Nod...

2020-06-09 14:49:00 181

原创 Java基本笔记

JAVA 基础 [ 持续更新中 ]解决异常:throws 抛出异常;try catch 处理异常;Scanner:new Scanner() 键盘输入;Random:new Random() 随机生成;ArrayList:add():添加元素;get():获取元素;remove():删除元素;size(...

2020-06-09 14:40:00 94

原创 Java常用方法

JAVA 基础 [ 持续更新中 ]解决异常:throws 抛出异常;try catch 处理异常;Scanner:new Scanner() 键盘输入;Random:new Random() 随机生成;ArrayList:add():添加元素;get():获取元素;remove():删除元素;size()...

2020-06-09 14:40:00 111

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除