新开发了一个工具,用来快速上传文件到七牛CDN:simple-qiniu-upload;以及它的vue-cli插件:vue-cli-plugin-qiniu-upload。
error-report收集客户端错误进行上报
开发了一个小工具:ErrorReporter。利用window.onerror完成脚本错误收集,方便进行上报,以便排查未知的客户端问题。 参考自AlloyLever,在它的基础上有简化和调整使用方式。错误上报服务也可以使用商业方案:Sentry和Bugsnag。
vue-cli4要点总结及与vue-cli2的一些用法对比
这篇文章帮助你了解vue-cli4,深入学习还是依赖于更多的实际运用。
vue-cli2的项目升级到vue-cli4做了哪些事情
前阵子学babel的时候,因为babel升级到了babel7,我以前用vue-cli2创建的vue项目用的是babel6,哪怕是现在,继续使用vue-cli2创建新项目,创建的项目仍然是babel6,好在babel7提供了一个升级方案,所以在学习完之后,立马就用那个方案,对babel进行了升级,因为@babel/preset-env
对polyfill的改进,升级完的项目,打包大小比之前有些许的减小。这几天有时间,正好在看vue-cli4,于是决定彻底把现在一个主要产品的构建升级到vue-cli4。 这篇文章记录这个过程里面做得一些工作。
用于vue的event-bus
项目地址:vue-event-bus
vue-event-bus
是最近开发的一个vue小插件,用于单页应用下页面之间的消息传递。利用事件的命名空间,每个组件只需关心在event-bus上要订阅哪些消息,组件销毁时自身添加在event-bus的消息handler会自动清理掉,同时不影响其它组件。
这是基于event-bus开发出来的,event-bus
提供了带命名空间的事件派发管理,所以如果要把event-bus
用于Vue中的话,仅需要考虑给每个组件实例都生成一个独一无二的事件命名空间,然后在使用on off trigger once
这些api的时候,自动加上Vue实例的命名空间即可;另外借助hook:beforeDestroy
这个生命周期钩子,还能在Vue组件实例销毁前,自动移除掉自己在event-bus
上用自己的命名空间注册的事件监听,保证不影响其它实例。