- 博客(8)
- 收藏
- 关注
原创 Vue如何使用WebSocket
websocket是基于TCP的一种双向通信协议。在此之前,一直是采用轮询的方式进行双向通信,这种方式效率低下还非常浪费资源。为了解决这种问题,websocket应运而生。1.双向通信:websocket使得客户端跟服务端之间交换数据变得更加简单。允许服务器主动向客户端推送数据。浏览器只需要和服务器完成一次握手,就可以创建持久性的连接,并进行双向数据传输。2.实时性强: 服务器可以主动给客户端推送数据,相比http请求需要先由客户端发起请求,浏览器才会响应,延迟明显更少、时间更短。3.连接保持:webs
2022-06-08 13:45:09
6588
4
原创 try catch与finally子句
finally子句虽然在try-catch语句中是可选的,但finally子句一经使用,其代码无论如何都会执行。换句话说,try语句块中的代码全部正常执行,finally子句会执行;如果因为出错而执行了catch语句块,finally子句照样还会执行。只要代码中包含finally子句,则无论try或catch语句块中包含什么样的代码——甚至return语句,都不会阻止finally子句的执行。来看下面这个函数function testFinally() { try { retu
2022-03-25 19:43:41
458
原创 jQuery封装一个简单的组件
jQuery封装一个简单的组件利用jQuery封装一个简单的button组件1.创建index.jsclass Button { static initial(selector, value) { $(selector).append( ` <input class="jq-button" type="button" value="${value}"></input> `
2022-03-09 19:52:42
2092
原创 Vue封装弹框组件(定义在原型上)
Vue封装弹框组件(定义在原型上)如果需要设置 全局弹框,在main.js中,Vue实例化的代码里添加。防止污染全局作用域,可以通过在原型上定义它们使其在每个Vue页面中可被调用。下面是组件效果图1.我们在components文件夹下创建/qaconfirm/qaconfirm.vue<template> <div class="mack" v-if="isShow"> <div class="tipbox"> <div class="tit
2022-03-04 17:11:32
1119
4
原创 Vant时间控件精确到秒
Vant时间控件精确到秒Vant-ui里面的时间控件最多精确到分钟,但是项目需求要精确到秒钟,我们可以用popup弹框和picker选择器自己封装一个时间选择控件精确到秒下面是封装的效果图1.components下创建popUpPicker/popUpPicker.vue<template> <div class="popup-pciker-wrap"> <van-popup v-model="isPicker" position="bottom" @c
2022-03-01 17:26:16
3559
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人