自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 WebSocket的基本使用-Vue/ElementUI实现实时公告栏

WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket允许服务端主动向客户端推送数据,在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。 使用WebSocket的意义: 现在很多网站展示实时数据采用的方式Ajax 轮询,这种方式需要设置计时器在特定的时间(间隔时间)里使客户端向服务端发起HTTP请求...

2019-12-13 16:12:41 2705 1

原创 通过案例学习this.$nextTick()

通过案例学习this.$nextTick() 对于this.$nextTick()的用法,官方给出的是:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 这就话通俗来说,就是假如我们更改了某个DOM元素的文本,而我们想获得这个更改后的文本数据,需要在DOM更新之后才能拿到。比如以下例子: <sect0ion> <h1...

2019-12-13 16:12:18 283 1

原创 vue.js-自定义指令

vue.js-自定义组件 除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。在Vue中我们可以注册全局指令和局部指令。 注册全局指令: 例如注册一个v-focus, 该指令的功能是在页面加载时,元素获得焦点: <div id="app"> <p>页面载入时,input 元素自动获取焦点:</p> <inpu...

2019-12-02 15:49:45 168

原创 Vue.js的学习总结——组件封装

Vue.js中关于组件封装的学习总结 首先需要先了解什么是Vue组件: 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 举例来说:假如我们现在需要使用ElementUI中的Dialog对话框和Checkbox 多选框来写一个具...

2019-11-11 11:22:46 334

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除