server端保存endpoint，push消息时根据特定条件获取要通知的endpoint，然后sendNotification。 service woker接收到server端Push的通知后，当我们点击通知，将消息内容显示在vue组件中。 vue工程需build后部署运行，…

Vue自定义指令和组件一样存在着全局注册和局部注册两种方式。 注册局部自定义指令，通过在「Vue实例中添加」 directives 对象数据注册局部自定义指令。

本系列文章旨在告诉读者如何打造属于自己的组件库，面对不同业务以及场景，有着更加灵活可变的应用。当前你必须知道 Vue.js的基础知识以及阅读过Element 组件库常用的组件。 在我们使用 Element 库时，一定是先调用 el-xxx 组件，然后根据 Element 引入的…

本文已经授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益。 有一些问题不限于 Vue，还适应于其他类型的 SPA 项目。 1. 页面权限控制和登陆验证 就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越…

CSS3 的 transform 和 transition 让开发者可以轻松实现转场、过渡的动画效果，但这并不代表谁可以做出一个流畅、清晰的动画效果。 在这篇文章里，我尝试在 Fantastic-admin 后台框架里去增加一些锦上添花的动画效果，并会分享我的设计思路。 首先动…

上文是前段时间写了一篇根据公司的业务需求我是如何封装组件，也算是对那段忙碌的工作一份小小的总结吧。有时在忙碌的开发过程之后，我们需要停下脚步去思考自己写的代码是否具有可读性？是否还可以再健壮一些？同时也要去总结业务，回过头来看看自己在业务的需求的基础上去设计的组件代码是否是合理…

popperEl是在mouseup事件里去做隐藏逻辑的, 而按下鼠标, 移动滚动条的时候, 并没有触发mouseup事件. 通过监听$root的scroll事件,利用事件冒泡,只需要在根元素上添加scroll事件的监听就可以了, 测试一番之后, 发现scroll事件根本不支持冒…

之前看到我不能没有的 5 个 Vue.js 库，里面第一个就是Click Off to Close，最主要功能就是，在用户点击元素之外的时候触发一个事件。 此文的目标，手写自定义指令实现此功能。 功能比如自己封装一个下拉框，或者封装一个日历，希望在点击非下拉框部分，能关闭下拉框…