- 博客(36)
- 收藏
- 关注
原创 router-link的属性
属性 to<router-link to='home'>属性tagtag可以指定<router-link>之后渲染成什么组件,比如下面的代码会被渲染成一个<li>元素,而不是<a><router-link to="/home" tag='li'>也可以渲染成一个button,div等等组件属性 replacereplace不会留下history记录,所以指定replace的情况下,后退键返回不能返回到上一个页面中使.
2021-11-03 16:31:49 241 1
原创 认识vue-router
目前前端流行的三大框架,都有自己的路由实现:Angular的ngRouterReact的ReactRouterVue的vue-router* vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用.* 我们可以访问其官方网站进行学习:https://router.vuejs.org/zh/* vue-router是基于路由和组件的 路由用于设定访问路径,将路径和组件映射起来. 在vue-rout...
2021-11-03 15:49:55 98
原创 url的hash和HTML5的history
对页面的url进行修改,但是不刷新页面1. location.hash = 'value'2. history.pushState({},'','value') 该方法可以进行返回,页面的返回键是可点击的history.back()3. history.replaceState({},'','home') 该放放页面返回箭头是不可点击的...
2021-11-03 14:24:44 98
原创 webpack-配置文件的分离
1.需要安装webpack-mergenpm install webpack-merge --save-dev备注:最好指定版本号,使用当前webpack对应的版本号 npm install webpack-merge@x.x.x --save-dev2. 修改package.json中的配置文件,如下图:3. 可以把本地的webpack.config.js文件删掉了。然后可以执行npm run build 或 npm run dev 之后会发现再build文件夹下生了了新的dist文.
2021-10-28 16:52:34 145
原创 webpack--搭建本地服务器笔记
使用express框架,实现浏览器自动刷新。安装命令npm install webpack-dev-server@X.X.X --save-dev备注x.x.x是版本号要根据当前使用的webpack对应的版本号* devserver是webpack中的一个选项,可以设置的属性如下: -- contentBase: 为哪一个文件夹提供本地服务,默认是根文件夹,我们这里要填写./dist --port :端口号 --inline: 页面...
2021-10-28 16:09:28 91
转载 VMware Workstation12安装Ubuntu 16.04和VMware Tools教程
原文:https://www.linuxidc.com/Linux/2016-11/137241.htm下载镜像:https://mirrors.tuna.tsinghua.edu.cn/ubuntu-releases/17.10/之前我安装Ubuntu16.04,但是每次安装的时候没有什么问题,就是安装好了Tools,也设置好了共享文件夹,但是在路径:/mnt/hgfs 下每次都找不到共...
2019-05-31 13:38:12 193
原创 springcloud 集成hystrix遇到的问题 Consider defining a bean of type 'org.springframework.web.client.RestTemp
问题:Description:Field restTemplate in wenqiao.consumer_ribbon_with_hystrix.controller.controller required a bean of type 'org.springframework.web.client.RestTemplate' that could not be found.The ...
2019-04-11 13:27:44 7400
转载 Java多线程6:synchronized锁定类方法、volatile关键字及其他
转自:http://www.cnblogs.com/xrq730/p/4853578.html同步静态方法synchronized还可以应用在静态方法上,如果这么写,则代表的是对当前.java文件对应的Class类加锁。看一下例子,注意一下printC()并不是一个静态方法:public class ThreadDomain25{ public synchr...
2019-03-25 16:21:13 98
转载 java多线程5 synchronzied锁的方法块
转自:http://www.cnblogs.com/xrq730/p/4851530.htmlsynchronized同步代码块用关键字synchronized声明方法在某些情况下是有弊端的,比如A线程调用同步方法执行一个较长时间的任务,那么B线程必须等待比较长的时间。这种情况下可以尝试使用synchronized同步语句块来解决问题。看一下例子:public ...
2019-03-25 16:14:09 153
转载 java多线程4 synchronized锁机制
转自:http://www.cnblogs.com/xrq730/p/4851350.html脏读一个常见的概念。在多线程中,难免会出现在多个线程中对同一个对象的实例变量进行并发访问的情况,如果不做正确的同步处理,那么产生的后果就是"脏读",也就是取到的数据其实是被更改过的。多线程线程安全问题示例看一段代码:public class ThreadD...
2019-03-25 16:13:55 116
转载 Java多线程8:wait()和notify()/notifyAll()
轮询线程本身是操作系统中独立的个体,但是线程与线程之间不是独立的个体,因为它们彼此之间要相互通信和协作。想像一个场景,A线程做int型变量i的累加操作,B线程等待i到了10000就打印出i,怎么处理?一个办法就是,B线程while(i == 10000),这样两个线程之间就有了通信,B线程不断通过轮训来检测i == 10000这个条件。这样可以实现我们的需求,但是也带来了问题:CPU把...
2019-03-25 15:16:13 96
转载 Java多线程7:死锁
转自:http://www.cnblogs.com/xrq730/p/4853713.html前言死锁单独写一篇文章是因为这是一个很严重的、必须要引起重视的问题。这不是夸大死锁的风险,尽管锁被持有的时间通常很短,但是作为商业产品的应用程序每天可能要执行数十亿次获取锁->释放锁的操作,只要在这数十亿次操作中只要有一次发生了错误,就可能导致程序中发生死锁,并且即使通过压力测试...
2019-03-25 15:15:56 81
转载 图解集合5:不正确地使用HashMap引发死循环及元素丢失
转自:https://www.cnblogs.com/xrq730/p/5037299.html问题引出前一篇文章讲解了HashMap的实现原理,讲到了HashMap不是线程安全的。那么HashMap在多线程环境下又会有什么问题呢?几个月前,公司项目的一个模块在线上运行的时候出现了死循环,死循环的代码就卡在HashMap的get方法上。尽管最终发现不是因为HashMap导致的,但却让我...
2019-03-25 15:15:38 192
转载 图解集合4:HashMap
转自:https://www.cnblogs.com/xrq730/p/5030920.html初识HashMap之前的List,讲了ArrayList、LinkedList,最后讲到了CopyOnWriteArrayList,就前两者而言,反映的是两种思想:(1)ArrayList以数组形式实现,顺序插入、查找快,插入、删除较慢(2)LinkedList以链表形式实现,顺序插入、...
2019-03-25 15:15:27 126
转载 图解集合3:CopyOnWriteArrayList
转自:https://www.cnblogs.com/xrq730/p/5020760.html初识CopyOnWriteArrayList第一次见到CopyOnWriteArrayList,是在研究JDBC的时候,每一个数据库的Driver都是维护在一个CopyOnWriteArrayList中的,为了证明这一点,贴两段代码,第一段在com.mysql.jdbc.Driver下,也就是我...
2019-03-25 15:15:15 118
转载 图解集合2:LinkedList
转自:https://www.cnblogs.com/xrq730/p/5005347.html初识LinkedList上一篇中讲解了ArrayList,本篇文章讲解一下LinkedList的实现。LinkedList是基于链表实现的,所以先讲解一下什么是链表。链表原先是C/C++的概念,是一种线性的存储结构,意思是将要存储的数据存在一个存储单元里面,这个存储单元里面除了存放有待...
2019-03-25 15:15:03 101
转载 图解集合1:ArrayList
转自:https://www.cnblogs.com/xrq730/p/4989451.html前言这个分类中,将会写写Java中的集合。集合是Java中非常重要而且基础的内容,因为任何数据必不可少的就是该数据是如何存储的,集合的作用就是以一定的方式组织、存储数据。这里写的集合,一部分是比较常见的、一部分是不常用但是我个人平时见到过的,一些比较相似的集合(比如HashMap和Hashtab...
2019-03-25 15:14:47 166
原创 nginx 启动 关闭命令
nginx -s reload :修改配置后重新加载生效nginx -s reopen :重新打开日志文件nginx -t -c /path/to/nginx.conf 测试nginx配置文件是否正确关闭nginx:nginx -s stop :快速停止nginx quit :完整有序的停止nginx其他的停止nginx 方式:ps -ef | grep n...
2019-03-21 08:46:51 14433
原创 swagger2注解
swagger通过注解表明该接口会生成文档,包括接口名、请求方法、参数、返回信息的等等。@Api:修饰整个类,描述Controller的作用 @ApiOperation:描述一个类的一个方法,或者说一个接口 @ApiParam:单个参数描述 @ApiModel:用对象来接收参数 @ApiProperty:用对象接收参数时,描述对象的一个字段 @ApiResponse:HTTP响应其中...
2019-03-11 09:34:42 172
原创 高并发-多线程学习笔记01
可见性导致共享把变量在线程间不可见的原因1.线程交叉执行2.重排序结合线程交叉执行‘3.共享变量更新后的值没有在工作内存与主存间及时更新;可见性 - synchronizedJMM关于synchronized的两条规定:1.线程解锁前,必须把共享变量的最新值刷新到主内存;2.线程加锁时,将清空工作内存中共享变量的值,从而使用共享变量时需要从主内存中重新读取最新的值(...
2019-03-05 17:46:10 76
原创 Redis基础命令
1, keys* 查看当前目录下得数据;2, set a a 插入数据 key为a 值为b;3,flushdb 清除当前得数据信息4,flushall 清除所有得;5,dbsize 查看数据数量6,save 人为得持久化7,quit 退出(redis-cli 端)8, del a a 删除key为a 值为a 得数据9,del XXX 删除不存...
2019-03-05 17:00:45 116
转载 java多线程2 Thread实现的方法
转自:http://www.cnblogs.com/xrq730/p/4872722.htmlThread类中的方法调用方式:学习Thread类中的方法是学习多线程的第一步。在学习多线程之前特别提出一点,调用Thread中的方法的时候,在线程类中,有两种方式,一定要理解这两种方式的区别:1、this.XXX()这种调用方式表示的线程是线程实例本身2、Thread.current...
2018-12-26 15:46:32 151
转载 Java多线程1 线程和进程的概述
转自:http://www.cnblogs.com/xrq730/p/4872722.html进程和线程谈到多线程,就得先讲进程和线程的概念。进程进程可以理解为受操作系统管理的基本运行单元。360浏览器是一个进程、WPS也是一个进程,正在操作系统中运行的".exe"都可以理解为一个进程线程进程中独立运行的子任务就是一个线程。像QQ.exe运行的时候就有很多子任务在运行,...
2018-12-26 15:46:14 102
转载 java多线程3 thread中的静态方法
转自:http://www.cnblogs.com/xrq730/p/4851344.html Thread类中的静态方法Thread类中的静态方法表示操作的线程是"正在执行静态方法所在的代码块的线程"。为什么Thread类中要有静态方法,这样就能对CPU当前正在运行的线程进行操作。下面来看一下Thread类中的静态方法:1、currentThread()currentT...
2018-12-26 15:29:53 201
转载 深入理解Cookie和Session机制
会话(Session)跟踪是Web程序中常用的技术,用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份,Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie与Session机制,并比较说明什么时候不能用Cookie,什么时候不能用Session。Cookie机制Cookie技术是客户端...
2018-09-19 10:50:39 227
转载 IntelliJ Idea解决Could not autowire. No beans of 'xxxx' type found的错误提示
1.问题描述 在Idea的spring工程里,经常会遇到Could not autowire. No beans of 'xxxx' type found的错误提示。但程序的编译和运行都是没有问题的,这个错误提示并不会产生影响。但红色的错误提示在有些有强迫症的程序员眼里,多多少少有些不太舒服。 2. 原因 原因可能有两个,第一个是IntellijIDEA本身工具...
2018-07-27 09:41:13 1251
原创 The word 'XX' is not correctly spelled
在mapping.xml文件中,有个单词提示The word 'XX' is not correctly spelled,但是程序可以正常运行,没有什么问题。网上搜了一下,原来是eclipse设置的问题,解决方法:在eclipse中点击 window —>preferences —>搜索 spell 把弹出框最上面的复选框“Enable spell checking“给去掉就可...
2018-07-26 11:05:00 320
转载 Bootstrap Table实现定时刷新数据功能
Bootstrap Table实现定时刷新数据令表格的id为realTimeTable1、毁掉表格,再查询数据后append,如果你查大量的数据(例如:查询很多渠道的信息),而获取服务器数据又太慢,你就会看到表格在一行一行的增加定时器,多长时间执行一次,自己定义,此处是30SsetInterval(function() { queryAll();}, 30000);...
2018-07-20 09:59:42 5061
转载 Bootstrap Table 中文API 详情
**$('#table').bootstrapTable({});*看网上有中文版的,但有些就是字面直接译过来了,而且有的就没有翻译,那就打算自己再翻译一遍,每一条会尽*最大可能结合尽可能多资料翻译,如果发现译的内容比英文多,是添加了更详细的说明,表的名称,属性,类型,*默认值不翻译,例如:"class"、"id"等不翻译。*有错请提出,会及时改正,谢谢。*Bootstrap ta...
2018-07-20 09:53:51 709
转载 Linux 下 Nginx安装配置教程
1 什么是NginxNginx("enginex")是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP代理服务器,在高连接并发的情况下Nginx是Apache服务器不错的替代品.其特点是占有内存少,并发能力强,事实上nginx的并发能力确实在同类型的网页服务器中表现较好.目前中国大陆使用nginx网站用户有:新浪、网易、腾讯,另外知名的微网志Plurk也使用nginx...
2018-07-20 09:41:50 202
转载 linux下tengine安装
1.什么是tengine? 说到tengine,首先还是得说下nginx了,大家对于nginx并不陌生,对于基本的需求都能满足,如果是涉及高级性能,那么就必须使用商用版nginx plus了,一谈到商用,大家就特别敏感,有没有开源免费的呢,有的,所以tengine诞生了。 Tengine(http://tengine.taobao.org/index_cn.html)是由淘宝网...
2018-07-20 09:22:10 345
转载 springboot 常用注解
@SpringBootApplication:包含@Configuration、@EnableAutoConfiguration、@ComponentScan通常用在主类上。@Repository:用于标注数据访问组件,即DAO组件。@Service:用于标注业务层组件。 @RestController:用于标注控制层组件(如struts中的action),包含@Controller和...
2018-07-20 09:17:10 134
原创 webpack4安装过程遇到的问题及处理方法
最近想学点前端的东西,听说vue听不错的,结果跑去研究webpack了...我就分享一点我觉得很重要的东西,我在安装过程中遇到的问题,节省时间!随便百度一下,安装使用webpack的教程铺天盖地,安装一步步来,最后的最后打包没反应......,浪费了不少的时间。这里我要提醒一下,如果安装webpack1,2,3按照百度上的教程应该不会有问题,但是如果安装最新版本的那 就要注意了执行 npm in...
2018-06-13 22:25:49 11105 3
原创 vue v-model数据双向绑定
vue v-modle数据双向绑定意思就是 input框<div id="app"> <p>{{message}}</p> <input type="text" v-model="message" /> <pre> {{$data | json}} </pre&
2018-06-08 13:11:07 2964 3
原创 Ajax get和post遇到的坑
在项目维护过程中遇到一个问题,通过ajax请求后台到底是用get的方式还是用post的方式,我们来看看他们之间存在哪些区别,希望在开发过程中不要掉坑...... $.ajax({ url: "url", type:"POST", dataType:"json", async:false, ...
2018-06-07 10:52:03 1506
原创 IE浏览器利用BootstrapTable刷新表格无效的解决办法
$.ajax({ url: url", type:"POST", dataType:"json", async: true, data : JSON.stringify(param), conte...
2018-06-07 10:14:58 3618
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人