
web前端
西瓜不甜柠檬不酸
这个作者很懒,什么都没留下…
展开
-
SpringBoot+WebSocket+Vue整合实现在线聊天
一、WebSocket简介WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。在 WebSocket API 中,浏览器和...原创 2019-10-26 20:47:05 · 15309 阅读 · 8 评论 -
Vue使用轮询定时发送请求
一、什么是轮询?轮询(Polling)是一种CPU决策如何提供周边设备服务的方式,又称“程控输出入”(Programmed I/O)。轮询法的概念是,由CPU定时发出询问,依序询问每一个周边设备是否需要其服务,有即给予服务,服务结束后再问下一个周边,接着不断周而复始。 在WEB上来说就是客户端一直向服务端发起请求,服务端返回数据,不论返回什么都会再次向服务端发送请求。二、采用定时器进行轮询...原创 2019-10-20 11:28:23 · 6284 阅读 · 0 评论 -
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 · 1222 阅读 · 0 评论 -
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 · 5580 阅读 · 0 评论 -
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 · 499 阅读 · 0 评论 -
搭建Vue脚手架
一、安装vue-cli安装vue-cli的前提是你已经安装了npm,安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node。如果该命令不可以使用,需要安装node软件包,根据你的系统版本选择下载安装就可以了。下载地址:http://nodejs.cn/download/npm安...原创 2019-07-19 22:11:19 · 229 阅读 · 0 评论 -
Vue脚手架搭建及jsonServe搭建
一、Vue脚手架搭建1.安装全局cli:(只需安装一次,后续搭建不用安装)npm install --global vue-cli2. 创建Vue脚手架项目:vue create myproject3.启动项目:npm run serve二、 jsonserve搭建1.安装jsonserver:npm install -g json-server...原创 2019-05-15 14:15:22 · 551 阅读 · 1 评论 -
解决前端Uncaught TypeError: $(...).modal is not a function错误
这是由于js文件引入顺序不当造成的,当把boostrap引入文件先与jQuery引入文件时,就会报以下错误:原因是jquery的js文件不是第一个被引入,那么别的js中的$.方法名就会报错。只有先引入了jquery的js文件,才能正确执行$.方法。...原创 2019-04-18 12:54:59 · 14991 阅读 · 6 评论 -
在VS Code中打开本地服务器
一、安装Node.js1.下载对应系统的Node.js版本:https://nodejs.org/en/download/2.下载完成之后双击node-vXXX.msi进行安装(XXX代表Node.js的版本),使用默认的安装即可,会自动将node的环境添加到系统变量,也可以根据需要自行选择node的安装路径。3.测试在终端中执行node -v查看是否成功安装,如果能成功显示...原创 2019-04-09 00:54:38 · 1476 阅读 · 0 评论 -
OGNL表达式
一、OGNL概述1 之前在web阶段,学习过EL表达式,EL表达式在jsp中获取域对象里面的值2 OGNL是一种表达式,这个表达式功能比EL表达式更加强大(1)在struts2里面操作值栈数据(2)一般把ognl在struts2中操作:和struts2标签一起使用操作值栈3 OGNL不是struts2的一部分,而是单独的项目,只是经常和struts2一起使用,使用ognl时候首...原创 2019-02-11 21:57:13 · 637 阅读 · 0 评论 -
用Ajax和JavaScript实现对XML的解析
用Ajxa和JavaScript实现省份城市的三级联动以下是要解析的XML文件(data.xml):<?xml version="1.0" encoding="utf-8" ?><provicelist> <provice> <name>上海</name> <citylist&原创 2018-12-07 23:03:30 · 329 阅读 · 0 评论