2019年10月_西瓜不甜柠檬不酸

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创解决SpringBoot整合WebSocket组件（@ServerEndPoint）无法@Autowired自动注入

1.前言最近在项目中需要用到WebSocket,当我跟SpringBoot整合，然后做一些持久层的相关操作的时候，突然空指针异常，原因在于@Autowired或者@Resource无法自动注入，一开始以为是我太久没写后端代码，整合方式出了问题（QAQ），改了一堆配置还是没解决，最后写了个普通的Controller出来测试，发现完全OJBK。所以问题的源头终于找到了，那就是WebSocket在搞...

2019-10-28 14:42:58 5523 3

原创 SpringBoot+WebSocket+Vue整合实现在线聊天

一、WebSocket简介WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。在 WebSocket API 中，浏览器和...

2019-10-26 20:47:05 14580 8

原创 Vue使用轮询定时发送请求

一、什么是轮询？轮询（Polling）是一种CPU决策如何提供周边设备服务的方式，又称“程控输出入”（Programmed I/O）。轮询法的概念是，由CPU定时发出询问，依序询问每一个周边设备是否需要其服务，有即给予服务，服务结束后再问下一个周边，接着不断周而复始。在WEB上来说就是客户端一直向服务端发起请求，服务端返回数据，不论返回什么都会再次向服务端发送请求。二、采用定时器进行轮询...

2019-10-20 11:28:23 6199

原创 Vue页面跳转传值和取值

1.第一种方式：组件方式页面A:传值<template> <div> <router-link :to="{name: 'B', params: {id:'1'}}">页面跳转</router-link> </div></template>注：name为要跳转的页面名称，在router/inde...

2019-10-20 10:53:58 1159

原创 Vue遍历数组中的对象

<template> <div> <div v-for="(value,key,index) in mydata" :key="index"> <p>值：{{value.a}},{{value.b}},{{value.c}}</p> <p>---------------------...

2019-10-19 11:10:42 5500

原创如何实现数组和 List 之间的转换？

数组转 List ，使用 JDK 中 java.util.Arrays 工具类的 asList 方法public static void testArray2List() { String[] strs = new String[] {"aaa", "bbb", "ccc"}; List<String> list = Arrays.asList(strs); for (St...

2019-10-03 17:05:21 4385 1

原创 Vue中mounted钩子函数不能获取到data中的数据解决方法

1.为什么在mounted()获取不到data中的数据？这是因为在mounted()钩子函数中，this 指向的是window作用域，所以会出现获取到的data中的数据出现没有定义的情况。2.解决办法：解决办法很简单，只需要解决 this 的指向问题，便可以重新获取到data中的数据，如将 this 指定另一个变量，这样在mounted() 钩子函数的子函数中，便可以重新获取到data...

2019-10-03 11:31:29 20374 7

原创 Vue使用Bus在vue-cli2.0中实现同级组件通信

1.在main.js中将bus的实例暴露给外界beforeCreate() { Vue.prototype.bus = this}2.在A组件中触发B组件的方法 this.bus.$emit("change"); // change为自定义的通信名称，用来与另一个要通信的组件进行关联3.在B组件中监听是否触发相应的事件mounted() { this...

2019-10-02 23:53:31 463