自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Bnana博客

Forever的博客

  • 博客(90)
  • 资源 (1)
  • 问答 (2)
  • 收藏
  • 关注

原创 Vue 实现改变当前点击Class 样式、改变多个点击Class样式 实例 解析

Vue 实现改变当前点击Class 样式、改变多个点击Class样式 实例 解析文章概览1:改变当前点击class 样式2:改变多个点击class 样式一、改变当前点击Class样式实现思路::class 动态判断样式实例template<template> <div> <ul v-for="(value,index) in values"> <li @click="cg_current_index(inde..

2020-05-23 16:18:12 3910 3

原创 前端利器 · 一文读懂 Vue Element UI VeeValidate 全局 表单验证 封装 (详细教程)

前端利器 一文读懂 Vue Element UI VeeValidate 全局 表单验证 封装 (详细教程 Vue 表单验证 Vue Element UI 表单 验证 Veevalidate 表单验证 表单验证解析 全局 表单验证封装 Vue 表单清空 Veevaliate 表单清空 veevalidate 3.2.5 veevalidate 自定义表单验证 Element UI 和 VeeValidate 表单验证对比veevalidate 常用表单验证规则 一篇读懂 veevalidate 使用方法

2020-04-04 16:43:30 2685 1

原创 一文读懂 Vue 组件通信 同级组件、兄弟组件、父子组件、子父组件 通信 实例(详解)

Vue 组件通信 实例 同级组件、兄弟组件、父子组件、子父组件 通信 实例(详解)同级组件 $emit $on 通信,兄弟组件 父子组件 propr $refs $children $parent 之间通信 $emit 它可以被 v-on 侦听 程序化的侦听器 同时使用不同的 组件 每个新的实例都程序化地在后期清理它自己$children 获取的是组件集合 $parent 属性可以用来从一个子组件访问父组件的实例。它提供了一种机会,可以在后期随时触达父级组件,以替代将数据以 prop 的方式传入子组

2020-03-31 17:41:22 1928

原创 Vue Axios 异步请求获取返回数据 (详解)

Vue Axios 解析异步请求获取返回数据 (详解)跨页面获取 Axios 返回值 苦于请求 Get Post Depete Put 增删改查请求Promise对象, 带有promiseStatus和promiseValue new PromES7的异步特性async / await 异步请求可以改善用户体验。但是在某些特殊情况,我们依然需要使用同步请求来实现交互async用于申明一个函数是异步的,await等待异步请求完成,await只能在async方法中使用 Vue 异步通信 Vue 跨域请求

2019-12-04 13:13:30 25949 4

原创 Spring Cloud、Spring Boot、Spring Mvc、MyBatis 、Lombok 注解大全

Spring Boot启动类注解名简介@SpringBootApplication是springboot启动类@EnableDiscoveryClient其他服务发现组件,例如Zookeeper、Consul等@EnableEurekaClient基于spring-cloud-netflix,如果选用的注册中心是eureka,那么就使用@EnableEure...

2019-10-23 15:59:24 603

原创 Java 线程创建实例

Java 线程创建方式Thread 创建方式线程实例线程几种创建方式显示创建实例Thread Runnable继承 Thread 类 实现 Runnable使用Lambda 表法式创建线程使用 Lambda 创建 Runnable线程5种创建方式线程使用教程使用 Lambda 表达式创建Thread使用 Lambda 表达式创建Runnable

2020-12-28 19:54:01 323

原创 java 线程池分类及讲解实例

java 线程实例java 线程池实例java 线程使用教程java 线程池使用教程线程与线程池关系线程池创建方式线程创建方式为什么使用线程线程定义线程池定义线程池分类线程池实例newCachedThreadPool 实例newSingleThreadExecutor 实例newFixedThreadPool 实例newScheduleThreadPool 实例newSingleThreadScheduledExecutor 实例

2020-12-28 09:47:54 326

原创 Java 线程同步实例

Java 线程同步实例Java 线程同步区别银行取款同步实例Java 线程银行取款遗憾取款线程实例sync synchronizedJava 线程同步非同步区别Jave 线程不同步实例线程同步

2020-12-14 15:26:30 270

原创 Java 反射四种实现方式以及实例

Java 反射实现方式 Java 反射四种实现方式Java 反射反编译ClassLoader Java反射Constructor Java反射Method Class.forNamexxx.geClass();xxx.class

2020-12-12 15:15:13 821

原创 Mysql 日期格式化函数 FROM_UNIXTIME 和 DATE_FORMAT

Mysql 日期格式化函数 FROM_UNIXTIME 和 DATE_FORMAT时间戳FROM_UNIXTIME 日期格式DATE_FORMAT

2020-12-08 20:35:05 740

原创 Window 解决端口占用

windows 解决端口占用端口占用解决端口占用怎么办cmd 查看进程cmd 结束进程cmd 查看端口cmd 解决端口占用

2020-11-26 20:15:26 145

原创 Mysql 日期格式化、日期加减计算

Mysql 格式化当前日期 方法Mysql YEAR,MONTH,DAY 日期函数MYSQL DATE_FORMAT格式化日期Mysql 日期格式化、日期加减计算Mysql 日期戈格式化方法Mysql 日期加减计算Mysql 加减日期MYSQL DATE_SUBMYSQL DATE_ADDMysql 增加年Mysql 增加月Mysql 增加日Mysql 日期减去年Mysql 日期减去月Mysql 日期减去日Mysql 日期增加月Mysql 日期增加年Mysql 日期增加日

2020-09-07 15:22:05 691

原创 idea配置 语法提示模板

idea 设置 java 注释模板idea 设置 注释语法idea设置java模板idea设置注释语法idea设置注释语法提示idea设置代码提示idea设置自定义模板语法idea设置自定义语法idea自定义模板idea配置语法提示idea配置语法模板

2020-08-24 16:55:35 1087

原创 Java Iterator 迭代器 遍历、删除元素

迭代器遍历方式, 适用于连续内存存储方式,比如数组、 ArrayList(其实 ArrayList底层实现也是数组形式)。 缺点是只能从头开始遍历, 优点是可以边遍历边删除ConcurrentModificationException**异常。如何判断是否修改呢,主要是通过维护2个变量来实现,modCount记录了修改次数,**expectedModCount**记录期望修改次数。 通过**iterator.remove()**进行的删除操作,会同时修改**modCount、ConcurrentModif

2020-08-17 16:55:11 1441

原创 HbuilderX 配置 安卓模拟器运行 教程

HbuilderX 配置 安卓模拟器运行HbuilderX 配置 模拟器HbuilderX 使用 安卓模拟器HbuilderX 蓝叠模拟器HbuilderX 安卓模拟器HbuilderX 配置adb连接模拟器HbuilderX运行到安卓模拟器HbuilderX 安卓模拟器运行教程

2020-07-25 14:20:17 11860 1

原创 uniapp url 传递参数 、接收参数

uniapp url 传递参数 、接收参数uniapp url 地址 接收参数uniapp url 传递参数uniapp 接收 url 参数

2020-07-22 10:50:00 5743 2

原创 Sprng Boot 微服务配置 跨域请求

Sprng Boot 微服务配置 跨域请求Spring Boot 跨域,Spring Cloud 跨域配置微服务跨域配置Access to XMLHttpRequest at 'xxxx' from origin 'xxxx has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header

2020-07-02 22:55:13 191

原创 SpringBoot + Mybatis 增删改查 教程 (源码实例)

SpringBoot + Mybatis 增删改查实例教程 SpringBoot + Mybatis 框架SpringBoot + Mybatis 使用教程SpringBoot + Mybatis 实例SpringBoot + Mybatis 增删改查 代码SpringBoot + Mybatis 增删改查 源码SpringBoot + Mybatis 教程 SpringBoot + Mybatis 新手教程SpringBoot + Mybatis 实现增删改查

2020-07-02 22:42:58 770

原创 idea Spring Boot + Mybatis 环境搭建流程解读 (父子模块搭建) 教程

idea Spring Boot + Mybatis 环境搭建流程解读 (父子模块搭建) 教程spring boot mybtis 增删改查 idea spring boot 搭建项目spring boot mybatis 新手教程spring boot mybatis 环境搭建父级模块、子级模块配置spring boot 测试数据库连接 spring boot mybatis环境搭建 父级模块 父级模块创建 group 组机构 名 小写避免特殊符号

2020-07-02 19:25:26 430

原创 Windows Nginx 环境搭建安装配置详细教程 2020(最新)

Windows Nginx 安装配置详细教程 2020(最新)文章简介 文章导读Nginx 下载Nginx 安装WIndows Nginx 环境搭建Nginx 配置Nginx 下载nginx-1.19.0Nginx 安装Window Nginx 为 压缩包文件——>安装——>解压安装包Windos Nginx 环境配置系统变量——> 环境配置——>新建系统变量 NGINX_HOMEPATH 引入NGINX_HOMENginx 操作命.

2020-06-19 16:52:18 59927 4

原创 Mysql 重置序列编号

Mysql 重置序列编号ALTER TABLE TableName AUTO_INCREMENT = number; 解析:TableName-> 表名 , number -> 为序列起始编号

2020-06-18 10:21:37 900

原创 Mysql union 和 union all 区别 实例 使用场景

Mysql union 和 union all 区别 需求分析场景1:查询两张表 所有信息记录 ——> 不包括重复数据table 1id name1 张三2 李四3 王五 table 2id name1 张三2 李四3 王五 Sql 语句select * from table1 union select * from table2结果id name1 张三2 李四3 王五 解析:由于 union 会 将结果.

2020-06-16 20:52:45 511

原创 Windows RabbitMq 环境搭建 新手入门教程

Windows RabbitMq 安装 使用教程简介消息中间件文章导读erlang 安装rabbit Mq 安装rabbit Mq 配置安装erlang 安装OTP 23.0 Windows 64位 下载地址下载完打开安装包 ——下一步安装rabbitMq 安装下一步安装查看 RabbitMq 是否安装成功环境变量 配置 配置环境变量新建 系统环境变量 -> 添加 RabbitMq 安装位置path 引入 RABBITMQ_SER.

2020-06-14 17:14:10 460

原创 Vue stompjs+WebSocker RabbitMq 使用教程实例

Vue RabbitMq 使用教程实例文章简介WebSocker StompJs SockJs 关系http与websocket:http超文本传输协议,大家都非常熟悉,http有1.0、1.1、 2.0几个版本,从http1.1起,默认都开启了Keep-Alive,保持连接持续性,简单地说,当一个网页打开完成后,客户端和服务器之间用于传输http数据的TCP连接不会关闭,如果客户端再次访问这个服务器上的网页,会继续使用这一条已经建立的连接,这样就降低了资源的消耗优化性能,但是Keep-A..

2020-06-14 17:10:26 1977

原创 Vue 解决 Bus 监听器 $on 多次执行 (详解)

Vue 解决 Bus 监听器 $on 多次执行 (详解)文章概览bus 监听执行一次方法一 beforeDestroy () { this.$bus.$off('method') }解析:组件销毁时 关闭 监听器缺点:存在 组件 被多个调用,销毁单个 组件时,其他调用者无法触发监听方法方法二this.$bus.$once('method')解析:相同监听方法只执行一次方法三create(){this.$bus.$off('method')..

2020-06-02 19:15:56 5250 1

原创 VUE PHP AES 前端后端 加密解密、双向加密解密 实例教程 (详细解读)

VUE 前端加密 PHP 后端解密 PHP 后端加密 VUE 前端解密文章解析AESAES 加密模式(CBC、ECB、CTR、OCF、CFB)ECB:是一种基础的加密方式,密文被分割成分组长度相等的块(不足补齐),然后单独一个个加密,一个个输出组成密文。CBC:是一种循环模式,前一个分组的密文和当前分组的明文异或或操作后再加密,这样做的目的是增强破解难度。CFB/OFB:实际上是一种反馈模式,目的也是增强破解的难度。FCB和CBC的加密结果是不一样的,两者的模式不同,而..

2020-05-31 23:12:56 1366

原创 Mysql 关联查询、关联表删除、多表删除、关联表条件删除 实例(详解)

Mysql 关联查询、关联表删除、多表删除、关联表条件删除 实例(详解)文章概览1. 基础结构2. 关联查询3. 关联删除4. 问题解决基础结构student 表结构id name age1 小明 182 小花 193 小丽 20class 表结构id name 1 班级12 班级23 班级3s_c_r 关联表结构id class_id student_id1 1 12 1 23 2 .

2020-05-30 16:52:49 2068

原创 Mysql 按照条件 统计多张表记录数总数

文章概览使用技术:派生表:在另一个查询(外部查询)中嵌套另一个查询语句(内部查询),并使用内部查询的结果值作为外部查询条件select sum(score) from ( select count(*) score a from table_01 tb_01 where tb_01.name='姓名' union all select count(*) score a from table_02 tb_02 where tb_02.name='姓名' )as tb解析 :

2020-05-26 10:33:26 1798

原创 Vue bus emit event 监听器 解决第一次点击无效

问题描述第一次点击 触发 bus.$emit bus.on 未及时响应问题原因bus.emit发送时bus.emit 发送时 bus.emit发送时bus.on 未加载问题解决使用 nextTick Dom 刷新后 发送var that=this that.$nextTick(function () { that.$bus.$emit('click', ‘message’) })延迟 bus.$emit 执行var that=this set.

2020-05-19 17:28:13 1055

原创 BootStrapVue Tags 标签搜索、筛选 排除选择标签 实例 - 详解

BootStrapVue Tags 标签搜索、筛选 排除选择标签 实例 - 详解文章涉及:Vuex、Vue、BoostrapVue文章解析 :Vue 中 使用 tags 标签 实现 输入名称查询标签列表 排除 已选择标签默认展示全部 可搜索 tags 标签列表 模糊搜索 可用 tags 标签 列表文章概览:computed 计算 函数 criteria 监听 input 输入内容availableOptions 函数 根据条件获取标签列表 计算可选 tags 标签option.

2020-05-18 16:18:38 1774

原创 Nuxt 使用 Vue 监听器 Bus 监听器使用教程

Nuxt 使用 Vue 监听器发送数据let data={ name:'test'} this.$root.$emit('setdata', {name: data})接收数据 this.$root.$on('setdata', (data) => { console.log(data.name) })

2020-05-14 17:29:15 1310

原创 Nuxt 框架 使用 Nprogress 加载条

Nuxt 框架 使用 Nprogress 加载条文章解析:安装 nprogress创建 router.js 插件nuxt.config.js 配置 使用 router.js 插件安装npm install nprogress --save实例创建 router.js 文件import VueRouter from 'vue-router'import Vue from 'vue'import NProgress from 'nprogress'import 'npr.

2020-05-13 18:10:55 1244

原创 PHP 获取用户浏览器信息 真实IP地址信息、位置信息、操作系统、网站来源 信息

//获取真实 ip 地址 public static function getClientIp() { $ipaddress = ''; if (getenv('HTTP_CLIENT_IP')) $ipaddress = getenv('HTTP_CLIENT_IP'); else if (getenv('HTTP_X_FORWARDED_FOR')) $ipaddress = getenv('.

2020-05-12 18:58:09 311

原创 Vue 解决 组件切换 组件没有被销毁

Vue 解决 组件切换组件未销毁解决方法去掉 keep-alive<router-view keep-alive ></router-view>解析: keep-alive 保留 组件状态 不销毁去掉 keep-alive 不保留组件状态

2020-05-11 14:19:16 4746

原创 一篇学会 - Vue ssr 框架 Nuxt 项目 动态路由、嵌套路由、动态嵌套路由 CSDN 官网 实例(详细解读)

Vue ssr Nuxt 框架 嵌套 动态 路由 详解路由Nuxt 默认 自动生成 pages 下文件 作为路由结构目录结构实例<template> <nuxt-link to="/example/home">首页</nuxt-link> <nuxt-link to="/example/login">登录</nuxt-link></template>动态路由项目结构解析:home 为父组件,.

2020-05-10 18:36:13 1095

原创 Vue JavaScript moment 格式化日期、日期时间戳转换、获取当月 开始日期、结束日期

Vue JavaScript moment 格式化日期 获取 开始日期、结束日期 格式化日期let start = new moment().format('YYYY-MM-DD'),;转换为时间戳let start = new Date(new moment().format('YYYY-MM-DD')); 获取 开始日期 结束日期方式一 let start=new moment().format('YYYY-MM') + '-01' ; let end: new..

2020-05-09 11:26:33 796

原创 Vuex 使用教程 Store 状态管理 详细解析 初学者(大师进价篇)

Vuex 解析简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能“单向数据流” 理念的简单示意图单向流 缺点...

2020-05-08 15:30:30 1261

原创 Vue SEO 优化 使用 Vapper SSR 服务器渲染框架 搭建项目 新手教程

Vapper简介Vapper 是一个基于 Vue 的服务端渲染(SSR)框架,它的核心目标是:简单、灵活、强大。简单:尽最大的努力让开发 SSR 应用与开发 SPA 应用保持一致的体验,降>低学习成本和不同项目间切换的成本。最典型的例子是 Vapper 提供的数据>预取方案。灵活:灵活体现在很多方面,例如 Vapper 只负责必要的 webpack 配置,这...

2020-05-05 17:35:43 1746 2

原创 Vue Template execution failed: ReferenceError: BASE_URL is not defined

错误Template execution failed: ReferenceError: BASE_URL is not definedReferenceError: BASE_URL is not defined解决替换 index.html替换前<link rel="icon" href="<%= BASE_URL %>favicon.ico">...

2020-05-05 16:40:24 10417 2

原创 vapper Cannot use import statement outside a module

标准的 自定义模块的 导出、导入 语法错误示例import fs from 'fs'正确示例const fs = require('fs')

2020-05-05 12:18:20 558

解决php.exe 闪退

用户解决php.exe 执行闪退,php运行所必须资源 microsoft visual c++ 运行库是一款windows系统必备的基础运行库。microsoft visual c++ 运行库在系统中承担着不可或缺的作用,一旦缺失这个组件库,用户就会面临软件和游戏无法正常启动运行的问题。 microsoft visual c++

2019-12-01

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

TA关注的人

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