- 博客(55)
- 收藏
- 关注
原创 设计模式之工厂模式
提供一个抽象的工厂接口,用于创建一系列相关或相互依赖的对象。每个具体的工厂类负责创建一族相关的具体对象。客户端通过与抽象工厂接口进行交互,无需直接与具体工厂和具体产品类耦合。抽象工厂模式可以用于创建一组具有不同产品等级结构的对象,具有较高的灵活性和可扩展性。
2023-05-14 17:57:35
483
1
原创 单例设计模式
在该实现中,单例实例是在静态内部类 SingletonHolder 中初始化的,这样可以确保在首次访问 getInstance() 方法时才会进行实例化,达到了懒加载的效果。例如,数据库连接池、线程池等。延迟加载:如果单例对象在应用启动时不会立即被使用,而是在后续的业务操作中才会被需要,可以选择懒汉模式来延迟实例化,以节省资源。变体的饿汉模式通过静态内部类,在第一次访问内部类时才触发实例的创建,达到了延迟加载的效果。变体的饿汉模式通过静态内部类,在第一次访问内部类时才触发实例的创建,达到了延迟加载的效果。
2023-05-14 17:29:42
503
2
原创 深入理解并发三大特性&JMM
深入理解并发三大特性&JMM苦难只能激发出人的潜能,而不能给予人欠缺的品质。文章目录深入理解并发三大特性&JMM并发和并行并发并行并发三大特性可见性如何保证可见性有序性如何保证有序性原子性如何保证原子性可见性示例Java内存模型(JMM)JMM与硬件内存架构的关系上面示例对应的JMM模型内存交互操作并发和并行并发指在同一时刻只能有一条指令执行,但多个进程指令被快速的轮换执行,使得在宏观上具有多个进程同时执行的效果。并发可以在单处理器和多处理器上存在。并行
2022-02-24 23:58:24
449
原创 垃圾收集器ParNew&CMS
垃圾收集器ParNew&CMS如果你还可以努力、可以付出,就不要轻言停止和放弃。在你停止努力的那一刻之前,一切都还没有什么真正的结果。
环境配置加入依赖(注意版本的相一致) <dependency> <groupId>org.apache.kafka</groupId> <artifactId>kafka-clients</artifactId> <version>1.0.1</version></depende...
2019-11-16 16:13:27
1349
原创 使用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
1290
原创 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
233
原创 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
1295
原创 命名视图实现经典布局
<!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
723
原创 路由嵌套之子路由
<!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
164
原创 使用params方式传递路由参数
引入包 <script src="js/vue.js"></script> <!-- 引入路由 --> <script src="./js/vue-router.js"></script>创建路由 // 创建路由 var routers=new VueRouter({...
2019-08-14 10:26:59
12198
原创 Vue-router,路由
概念前端路由:现代前端开发中最流行的页面模型,莫过于SPA单页应用架构。单页面应用指的是应用只有一个主页面,通过动态替换DOM内容并同步修改url地址,来模拟多页应用的效果,切换页面的功能直接由前台脚本来完成,而不是由后端渲染完毕后前端只负责显示。- 后端路由后端路由又可称之为服务器端路由,因为对于服务器来说,当接收到客户端发来的HTTP请求,就会根据所请求的相应URL,来找到相应的映射...
2019-08-13 17:52:30
138
原创 Vue---ref获取DOM元素
获取p标签元素当获取元素或者组件的DOM时候,用ref="名称"定义,用his.$refs.名称 来调用<p ref="getDom">{{msg}}</p>---------------------------------------------------------------------------- new Vue({ el:'#app', ...
2019-08-13 14:57:40
1848
原创 组件传值
父组件向子组件传值格式:子组件用父组件的数据,用props数组来接收,是一个数组,名称对应接收,并且是只读的new Vue({ //下面是父作用域 el:'#app', data: { //定义父组件数据 meg:'123父组件的数据' ...
2019-08-13 11:33:40
149
原创 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
3072
原创 Vue中的组件
什么是组件组件的出现是为了拆分Vue实例的代码量,能够让我们以不同的组件,来划分不同的功能模块,模块化和组件化不同模块化:是从代码逻辑的角度进行划分的,方便代码分层开发,保证每个功能模块的只能单一组件化:是从UI界面的角度进行划分的,前端的组件化方便UI组件的重用component创建组件方法1Vue.component('mycoml',{template:'<h1&...
2019-08-12 20:26:46
122
原创 动画-实现列表删除时候渐渐上浮效果
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
450
原创 transition-group实现列表的动画
效果图{ //发起post请求, application/x-www-form-urlencoded ...
2019-08-09 15:42:27
666
原创 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
112
原创 Vue中自定义指令之获取文本框焦点,改变字体颜色,大小
钩子函数bind: 只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted:被绑定元素插入父节点时调用update:所在组件的VNode更新时调用,但是可能发生在其孩子的VNode更新之前。指令的值可能发生了改变也可能没有,但是你可以通过比较更新前后的值来忽略不必要的模板更新componentUpdated:所在组件的VNode及...
2019-08-09 11:03:46
4425
原创 Vue中的过滤器
语法Vue.filter('过滤器名称',function(){})-----------------------------------------------------------=<!--过滤器调用时候的格式 {{name | 过滤器的名称}} -->全局过滤器Vue.filter('msgFormat',function (msg,arg,arg2) { ...
2019-08-08 21:33:24
169
原创 vue中品牌列表案例
效果图用到的知识点双向数据绑定:v-model全局的过滤器,进行时间的格式化实例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--//导入js包--&g...
2019-08-08 21:26:18
1044
原创 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
2233
原创 在vue中使用样式
使用class样式数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>在vue中使用样式</title> <script src="js/vue.js"></script><...
2019-08-07 18:33:56
254
原创 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
337
原创 vue中的修饰符案例
事件中的修饰符.stop :阻止冒泡.prevent 阻止默认事件.capture: 添加使劲按倾听时使用事件捕获模式.self 只当事件在该元素本身触发的时候回调.once 事件只触发一次案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2019-08-04 09:40:21
161
原创 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
343
原创 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
5558
原创 讲解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
450
转载 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
68575
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
193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人