
vue
ganxiaop
前端小喽啰一名
展开
-
前端面试之--网络相关
一.WebSocket WebSocket心跳重连是为了保证链接的可持续性和稳定性。在使用原生的WebSocket的时候,如果设备网络断开,不会触发WebSocket任何事件函数,前端程序无法得知当前链接已经断开。这个时候如果调用WebSocket.send方法,浏览器会发现消息发不出去,便会立即或者一定时间后(不同的浏览器或者浏览器版本不同可能表现不同)触发onclose函数。 后端webSocket服务也可能出现异常,连接断开后前端也并没有接收到消息,因此需要前端定时发送心跳消息,后端接受类似的原创 2021-07-06 10:02:02 · 249 阅读 · 0 评论 -
如何实现附件上传
在我们的工作中经常会需要实现一些上传附近的功能,我结合自己在工作中遇到的附件上传功能,以及工作中学习到的一些技能,给大家总结如下:首先,如果遇到比较简单的附件上传场合,我们可以使用Element UI中的el-upload插件。在使用该插件的时候,可根据自己的需要来设置,无需将官网上的示例一一搬过来。譬如我实现一个上传照片的功能,且照片上传成功后,可显示,当鼠标点在照片上时,可对上传的照片进行重...原创 2019-12-22 15:24:14 · 5491 阅读 · 0 评论 -
Vue之自定义指令
Vue中有很多内置的命令,例如v-bind,v-for,v-show等等,这些指令的指责是将表达式改变时,将某些行为相应地映射到dom上。那么除了我们常用的Vue的内置指令外,我们还可以自定义指令,常用的自定义vue全局指令的模板如下:这里的focus是定义额指令的名称,可根据指令作用换成其他名称。模板中的bind,inserted, updated都是vue中的钩子函数。钩子函数:主要...原创 2019-08-24 17:18:20 · 311 阅读 · 0 评论 -
Vue之自定义过滤器的使用
1.全局过滤器的定义以及使用全局过滤器:所有的vm实例都可以使用。首先定义一个全局过滤器,过滤器的第一个参数永远是过滤器名称,function后面跟的第一个参数是通过传过来的参数。全局过滤器其实在内部是一个函数,在函数里我们可以实现一些我们所想替换的字符串,数据等内容。例如:我想将data数据里所有的h字母替换为w,可进行如下实现在过滤器的调用中,可以通过如下方式来替换数据:可以...原创 2019-08-22 21:03:38 · 266 阅读 · 0 评论