CRPER

safari(桌面、手机）不显示图片，其他浏览器都是正常的。 一一排查下来，啥毛病都没，资源也没有被拦截(safari的资源管理器可以看到图片资源）。 google大法，群友，没有一个人能说出个所以然。 只能说具体问题要具体分析，才能找到问题根源并且解决。

因为单页面开发，所以统计代码的封装和考虑点是我们需要着手设计的(比如维护性）。 我这边用的是第一种，为了方便定位问题，采取问答式来写这篇水文。 就是 .env 文件 + 模板插值 来实现； 前者是环境配置文件，后者是模板语言。 接着看我业务代码的实现，来加深你的了解。 为什么要…

Vue JSX：让Vue支持JSX来书写代码的一个开发构建依赖。 最近已经到1.0 正式版了，稍微梳理下，就落实到具体业务去尝试。 更多的姿势可以看上面仓库的README，这里只说说我用到的。 总体来说还是挺实用的，一些情况下写起来舒服很多。 vue jsx 这个开发依赖解析还…

仔细翻了下对应的文档(antd vue)，发现有那么一个树形控件，但是没有上面部分全局控制的功能。 那么只能自己动手改造出一个符合业务的了，有兴趣的看官可以瞅瞅。 第三版是改由按钮组去实现，发现可以很好的解决极端的情况，可以分解成三种情况去实现。 至此，符合我们业务的一个树组件…

想拆分成对应的组件(全部写在一起是贼恐怖的事情)，又不想用Vuex这类来实现。 那最终的方案就是Vue的eventbus了, 这只是一种方案的实现。

写了个类似上篇搜索的封装，但是要考虑的东西更多。 具体业务比展示的代码要复杂，篇幅太长就不引入了。 操作父的props会造成死循环(在有slot的情况下，因slot-scope拿的是父props经过computed后的值)。 已经改用其他实现姿势，抽离成独立组件，再联动数据。

因为前段时间用过React来写过项目(用了antd)，感觉棒棒的。 其他特性等，具体可以看下面的思维导图. 具体业务的封装中还要复杂的多，还结合了一些自定义封装组件，展示出来代码篇幅太长。 实现出来的代码量贼多，因为每细化多一层组件，复杂度就越高。各种互相回调来实现。 要实现一…

说作为全局的页面loading ，但是自己想了想，还是选择画一个。 一开始想过用svg,canvas,最终还是选择了css3+js来实现这个效果。 除了常规的引入使用，还支持函数调用,挂载了一个$loading。 props的传递没有做增量合并(递归每个key赋值)，直接浅复制…

代码写了一大堆注释。 公司有这么个需求，而我以前没用过Canvas，只能自行爬坑。 总体来说canvas的标准使用姿势并不复杂，复杂点在于数学这块。 有不对之处请留言，会及时修复，谢谢阅读。