自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

保持饥渴、好奇

尽已之力帮助大家

  • 博客(55)
  • 收藏
  • 关注

原创 设计模式之工厂模式

提供一个抽象的工厂接口,用于创建一系列相关或相互依赖的对象。每个具体的工厂类负责创建一族相关的具体对象。客户端通过与抽象工厂接口进行交互,无需直接与具体工厂和具体产品类耦合。抽象工厂模式可以用于创建一组具有不同产品等级结构的对象,具有较高的灵活性和可扩展性。

2023-05-14 17:57:35 436 1

原创 单例设计模式

在该实现中,单例实例是在静态内部类 SingletonHolder 中初始化的,这样可以确保在首次访问 getInstance() 方法时才会进行实例化,达到了懒加载的效果。例如,数据库连接池、线程池等。延迟加载:如果单例对象在应用启动时不会立即被使用,而是在后续的业务操作中才会被需要,可以选择懒汉模式来延迟实例化,以节省资源。变体的饿汉模式通过静态内部类,在第一次访问内部类时才触发实例的创建,达到了延迟加载的效果。变体的饿汉模式通过静态内部类,在第一次访问内部类时才触发实例的创建,达到了延迟加载的效果。

2023-05-14 17:29:42 448 2

原创 深入理解并发三大特性&JMM

深入理解并发三大特性&JMM苦难只能激发出人的潜能,而不能给予人欠缺的品质。文章目录深入理解并发三大特性&JMM并发和并行并发并行并发三大特性可见性如何保证可见性有序性如何保证有序性原子性如何保证原子性可见性示例Java内存模型(JMM)JMM与硬件内存架构的关系上面示例对应的JMM模型内存交互操作并发和并行并发指在同一时刻只能有一条指令执行,但多个进程指令被快速的轮换执行,使得在宏观上具有多个进程同时执行的效果。并发可以在单处理器和多处理器上存在。并行

2022-02-24 23:58:24 395

原创 垃圾收集器ParNew&CMS

垃圾收集器ParNew&CMS如果你还可以努力、可以付出,就不要轻言停止和放弃。在你停止努力的那一刻之前,一切都还没有什么真正的结果。![在这里插入图片描述](https://img-blog.csdnimg.cn/d93099e91e6043488969aa986f9a6db5.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1bG

2021-08-18 14:31:28 172

原创 Docker之常用命令介绍

Docker之常用命令如果你还可以努力、可以付出,就不要轻言停止和放弃。在你停止努力的那一刻之前,一切都还没有什么真正的结果。文章目录Docker之常用命令学习内容一、帮助命令二、镜像命令1.docker images 查看所有本地主机上搭得镜像2.docker search 搜索镜像3.docker pull下载镜像4.删除镜像三、容器命令1.新建容器并启动2.退出容器3.列出所有的运行的容器4.删除容器5.启动和停止容器的操作其他命令1.后台启动应用程序2.查看容器中进程信息3.查看镜像的云数据

2020-08-31 16:32:47 231 1

原创 CentOS之Docker 安装

CentOS Docker 安装知道的越多,不知道的就会更多文章目录CentOS Docker 安装学习内容一、前提条件:二、安装方法1.使用存储库安装2.卸载Docker3.阿里云镜像加速:4.探索Hello world的执行原理:总结学习内容Docker概述Docker安装Docker命令镜像命令容器命令操作命令…Docker镜像容器数据卷DockerFileDocker网络原理DIEA整合DockerDocker composeDocker SwarmCI\

2020-08-29 11:18:23 147

原创 Docker之概述

Docker学习之概述弱小和无知不是生存的障碍,傲慢才是文章目录Docker学习之概述学习内容一、Docker为什么出现?二、什么是Docker?三、Docker架构图学习内容Docker概述Docker安装Docker命令镜像命令容器命令操作命令…Docker镜像容器数据卷DockerFileDocker网络原理DIEA整合DockerDocker composeDocker SwarmCI\CD Jenkins官网:https://www.docker.com

2020-08-28 20:10:12 146

原创 从入门到放弃都能看懂的 jdk 1.8 Stream 流教程

从入门到放弃都能看懂的 jdk 1.8 Stream 教程欢迎来到Stream 流什么是流?流的构成功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎来到Stream 流你好! 这是你第一次使用 Markdown编辑器 所展示

2020-06-26 10:44:34 468

原创 spring 使用注解的方式集成kafka(主要介绍消费方)

环境配置加入依赖(注意版本的相一致) <dependency> <groupId>org.apache.kafka</groupId> <artifactId>kafka-clients</artifactId> <version>1.0.1</version></depende...

2019-11-16 16:13:27 1289

原创 使用render函数渲染组件

案例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2019-08-16 18:58:05 1244

原创 nrm的安装使用

什么是nrm开发的npm registry 管理工具 nrm, 能够查看和切换当前使用的registry, 最近NPM经常 down 掉, 这个还是很有用的顾名思义,就是说nrm是一个管理npm的工具。先安装node.js(Windows)地址:https://nodejs.org/en/之后就是一直next,注意一定就是不要放在c盘配置环境变量配置path后面加 %NODE...

2019-08-15 14:30:41 197

原创 Vue中监视文本框数据改变之watch方式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-08-14 19:32:48 1244

原创 命名视图实现经典布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-08-14 16:55:17 689

原创 路由嵌套之子路由

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-08-14 14:52:13 131

原创 使用params方式传递路由参数

引入包 <script src="js/vue.js"></script> <!-- 引入路由 --> <script src="./js/vue-router.js"></script>创建路由 // 创建路由 var routers=new VueRouter({...

2019-08-14 10:26:59 12148

原创 Vue-router,路由

概念前端路由:现代前端开发中最流行的页面模型,莫过于SPA单页应用架构。单页面应用指的是应用只有一个主页面,通过动态替换DOM内容并同步修改url地址,来模拟多页应用的效果,切换页面的功能直接由前台脚本来完成,而不是由后端渲染完毕后前端只负责显示。- 后端路由后端路由又可称之为服务器端路由,因为对于服务器来说,当接收到客户端发来的HTTP请求,就会根据所请求的相应URL,来找到相应的映射...

2019-08-13 17:52:30 98

原创 Vue---ref获取DOM元素

获取p标签元素当获取元素或者组件的DOM时候,用ref="名称"定义,用his.$refs.名称 来调用<p ref="getDom">{{msg}}</p>---------------------------------------------------------------------------- new Vue({ el:'#app', ...

2019-08-13 14:57:40 1783

原创 组件传值

父组件向子组件传值格式:子组件用父组件的数据,用props数组来接收,是一个数组,名称对应接收,并且是只读的new Vue({ //下面是父作用域 el:'#app', data: { //定义父组件数据 meg:'123父组件的数据' ...

2019-08-13 11:33:40 122

原创 Vue的组件切换之注册登录切换

代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...

2019-08-12 22:09:45 2944

原创 Vue中的组件

什么是组件组件的出现是为了拆分Vue实例的代码量,能够让我们以不同的组件,来划分不同的功能模块,模块化和组件化不同模块化:是从代码逻辑的角度进行划分的,方便代码分层开发,保证每个功能模块的只能单一组件化:是从UI界面的角度进行划分的,前端的组件化方便UI组件的重用component创建组件方法1Vue.component('mycoml',{template:'<h1&...

2019-08-12 20:26:46 98

原创 动画-实现列表删除时候渐渐上浮效果

Document transform: translateY(80px)}.v-enter-active,v-leave-active{transition: all 0.6s ease; } li:hover{ background-c...

2019-08-12 18:23:25 343

原创 transition-group实现列表的动画

效果图![在这里插入图片描述](https://img-blog.csdnimg.cn/20190812175810581.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1bGlhbmxhbmc2MTYy,size_16,color_...

2019-08-12 17:59:40 2523

原创 Vue动画实现之animate第三方类库

引入css<link href="./css/Animate.css" rel="stylesheet">使用transition标签控制区域bounceIn 、bounceOut为相关动作animated 固定写法,可以加到 <p v-if="flag" class="animated">{{msg}}</p> <transition en...

2019-08-10 16:10:34 771

原创 Vue-动画,过度类名transition实现自定义文字渐入渐出

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--//导入js包--> <script src="js/vue.js"></script&g...

2019-08-10 10:49:57 2148

原创 vue品牌列表,从数据库拿数据

之前做了一个没有连接数据库的,这次做一个有删除,增加,获取列表功能的,数据库接口连接的是本地,就不提供了。案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--//导入...

2019-08-10 09:55:07 510 1

原创 V-resource 发起get post jsonp请求

引入vue-resource<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>post请求 postmethod(){ //发起post请求, application/x-www-form-urlencoded ...

2019-08-09 15:42:27 639

原创 spring boot解决跨域问题

配置跨域类package com.sw.cooke.entity.config;import org.springframework.boot.web.servlet.FilterRegistrationBean;import org.springframework.context.annotation.Bean;import org.springframework.context.an...

2019-08-09 15:17:27 83

原创 Vue中自定义指令之获取文本框焦点,改变字体颜色,大小

钩子函数bind: 只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted:被绑定元素插入父节点时调用update:所在组件的VNode更新时调用,但是可能发生在其孩子的VNode更新之前。指令的值可能发生了改变也可能没有,但是你可以通过比较更新前后的值来忽略不必要的模板更新componentUpdated:所在组件的VNode及...

2019-08-09 11:03:46 4191

原创 Vue中的过滤器

语法Vue.filter('过滤器名称',function(){})-----------------------------------------------------------=<!--过滤器调用时候的格式 {{name | 过滤器的名称}} -->全局过滤器Vue.filter('msgFormat',function (msg,arg,arg2) { ...

2019-08-08 21:33:24 141

原创 vue中品牌列表案例

效果图用到的知识点双向数据绑定:v-model全局的过滤器,进行时间的格式化实例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--//导入js包--&g...

2019-08-08 21:26:18 984

原创 Vue的v-for循环、v-if、v-show指令

循环普通数组 <li v-for="item in mytitle">{{item}}</li> <!--当拿到数组的下标的时候可以这样--> <li v-for="(item,i) in mytitle">索引值是:{{i}}-----对应的值是 {{item}}</li>-------------...

2019-08-07 21:00:42 2172

原创 在vue中使用样式

使用class样式数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>在vue中使用样式</title> <script src="js/vue.js"></script>&lt...

2019-08-07 18:33:56 204

原创 vue指令之v-model和双向数据绑定

基本案例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-model</title> <!--//导入js包--> <script src="js/vue.js"><...

2019-08-04 10:46:59 239

原创 vue中的修饰符案例

事件中的修饰符.stop :阻止冒泡.prevent 阻止默认事件.capture: 添加使劲按倾听时使用事件捕获模式.self 只当事件在该元素本身触发的时候回调.once 事件只触发一次案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...

2019-08-04 09:40:21 131

原创 vue实现跑马灯效果

我是流氓直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>跑马灯</title> <!--//导入js包--> <script src="js/vue.js"><...

2019-08-03 21:42:06 306

原创 vue中的v-bind、v-on作用

直接上代码:v-bind:v-bind 是vue中,提供的用于绑定属性的指令<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>学习 v-cloak v-test v-html</title> <!--/...

2019-08-03 18:13:35 5479

原创 讲解v-cloak、v-text和v-html作用

直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>学习 v-cloak v-test v-html</title> <!--//导入js包--> <script src="j...

2019-08-03 17:47:46 418

原创 vue中MVC和MVVM之间的对应关系图及所在的html位置

下面是关系图

2019-08-03 15:18:43 207 2

转载 fatal: Could not read from remote repository.的解决办法

查看远端地址 git remote –v查看配置 git config --listgit statusgit add . // 暂存所有的更改git checkout . // 丢弃所有的更改git status // 查看文件状态git commit -m “本次要提交的概要信息” // 提交设置远端仓库地址 git remote set-url origin 你的远端地...

2019-07-21 18:32:52 68370 4

原创 Maven本地jar包部署与安装:dubbox-2.8.4.jar

Dubbox前身是阿里巴巴的Dubbo项目,阿里巴巴解散了Dubbo团队后,由当当网继续维护此项目,改名为Dubbox,但是没有提交到Maven中央仓库下载Dubbox-2.8.4https://github.com/dangdangdotcom/dubbox/releases解压Dubbox-2.8.4用maven编译文件(前提是已经安装了maven,并且配置了maven的环境变量)...

2019-07-12 18:33:27 163

空空如也

空空如也

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

TA关注的人

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