标签:JavaScrip

Vue组件间通信:兄弟组件间通信

Vue组件间通信:兄弟组件间通信

2019年09月14日作者:月光光

我们知道Vue组件间通信方式有多种,我们可以让父子组件间通信变得很简单,也可以让兄弟组件间通信变得容易。本文我们主要介绍兄弟组件间的通信方式:eventBus。阅读全文

Vue组件间通信:父子组件通信(2)

Vue组件间通信:父子组件通信(2)

2019年08月29日作者:月光光

上一期我们了解了Vue父子组件间使用Props和$emit自定义事件的方式通信,父子组件间可以很方便的进行数据交互,本文将继续补充父子组件间通信的方式:$refs,我们可以在父组件中使用$refs访问到子组件的方法。阅读全文

Vue组件间通信:父子组件通信(1)

Vue组件间通信:父子组件通信(1)

2019年08月26日作者:月光光

Vue组件间通信包括:父子组件间通信,兄弟组件间通信以及模块之间通信等。Vue是数据驱动视图更新的框架, 所以对于Vue来说组件间的数据通信非常重要。Vue实现组件间通信有很多方式,今天我来给大家讲解一下父子组件间通信:props和$emit。阅读全文

Vue移动端右滑屏幕返回上一页

Vue移动端右滑屏幕返回上一页

2019年06月25日作者:月光光

有些时候我们玩手机更喜欢使用手势滑动带来的用户操作体验。Vue touch directive是一个用于移动设备操作指令的轻量级的VUE组件。使用它可以轻松实现屏幕触控、滑动触发事件,提高用户体验。本文结合实例讲解如何实现Vue移动端右滑屏幕返回上一页。阅读全文

使用vue-i18n实现多语言切换效果

使用vue-i18n实现多语言切换效果

2019年06月18日作者:月光光

有些项目我们需要支持多种语言切换,满足国际化需求。 vue-i18n是一个vue插件,主要作用就是让项目支持国际化多语言,使用方便快捷,能很轻松的将我们的项目国际化。本文主要介绍使用vue-i18n实现切换中英文效果。阅读全文

使用Vue实现移动端左滑删除效果

使用Vue实现移动端左滑删除效果

2019年05月16日作者:月光光

左滑删除在移动端是很常见的一种操作,常见于删除购物车中的商品,删除收藏夹中文章等等场景。我们只需要手指按住要删除的对象,然后轻轻向左滑动,便会出现删除按钮,然后点击删除按钮即可删除对象。阅读全文

PHP+SSE服务器向客户端推送消息

PHP+SSE服务器向客户端推送消息

2019年03月31日作者:月光光

SSE(server-sent event)是基于HTML5的服务器推送消息事件,它允许服务端单向向浏览器客户端发送数据,SSE使用流信息向浏览器推送信息,浏览器自动接收服务端推送过来的消息,它是基于HTTP协议。阅读全文

HTML5 Canvas炫酷背景动画特效

HTML5 Canvas炫酷背景动画特效

2019年01月12日作者:月光光

这是一款Html5 canvas炫酷背景动画特效。该特效利用html5 canvas API和Es6来制作,其中结合了simplex-noise.js,可生成效果非常炫酷的网页背景动画特效,可用于网站首页或产品形象展示页面。阅读全文

从学不完到学不动:2019年Web开发技术指南和趋势

从学不完到学不动:2019年Web开发技术指南和趋势

2018年12月28日作者:不详

2019年就要到来了,这是一个让你成为前端,后端或全栈开发者的进阶指南:你不需要学习所有的技术成为一个web开发者,这个指南只是通过简单分类列出了技术选项,作者将从我的经验和参考中给出建议,首选我们会介绍通用的知识, 最后介绍2019年的Web的一些趋势。阅读全文

深入探索WebSockets

深入探索WebSockets

2018年12月08日作者:ably.io

在2008年中期,开发人员Michael Carter和Ian Hickson特别敏锐地感受到Comet在实施任何真正强大的东西时所带来的痛苦和局限。 通过在IRC和W3C邮件列表上的合作,他们制定了一项计划,在网络上引入现代实时双向通信的新标准,因此创造了“WebSocket”这个名称。阅读全文