30 May 2017

[debug][chrome][cache] 用Chrome搭建本地静态服务器遇到的缓存问题

背景 搭建本地的前端项目 主域名的html在一个目录， 其他的静态资源(js,css,img)等在另一个目录。 分别用了xxx.com, static.xxx.com配置。 第一次Chrome 控制台报BLOCK By CORS Policy。 给静态服务器添加了 location / { add_header Access-Control-Allow-Origin *; } 刷新浏览器还是没有解决。 中间使用了各种办法发现不行， 最后用Chrome的隐身模式好了。马丹，竟然是Cache的原因。 解决办法 在Chrome的地址栏输入Chrome:...
11 Feb 2017

[vue] - vuex Modal多实例共享状态的解决办法！！！

@写代码多了还是会有主意的， 在这里表扬一下星钻同学， 背景： 我们的业务系统要用我们自己vue组件库， 业务系统启用了vuex来管理全局状态， 同时也要求组件库也支持vuex的，自注册store。 碰到的问题： 第一个问题： 在使用组件库的组件的时候需要组件自己注册自己的store，其实就是动态注册。 但是后来发现mapGetters就是computed data，是在vue component beforeCreated 之前就要获取好的。 这时候在动态注册store的时候，mapGetters并没有对应组件的gettersKey. 第二个问题: 组件在全局存储的情况下如何识别自己就是被实现的实例。 如何解决？ - 组件不使用动态注册 - 组件设置props属性vuex, 值为自己的名称。 从父元素获取 vuex="name"...
17 Aug 2016

[AMP] 为何如此高效？

AMP html规范 1、 AMP为了防止reflow和repaint 资源加载 资源并不是总是以理想的顺序进行加载的，这意味带宽、CPU和RAM经常处理一些用户可能永远无法看到的部分。此外，资源经常不指明他们的宽高（特别是使用广告网络或者通过调用document.write()注入的时候）。因为资源的大小迟迟不能决定，页面经常要进行重新的绘制。并且会触发不必要的和昂贵的布局重新计算。这就是为什么页面像一只追踪激光的小猫一样胡乱跳动，因为他们以往的处理是如此低效。 禁止script标签 不处理响应式页面，固定输出对应的终端的适配页面。 AMP HTML标记 下面是一些在AMP HTML上被禁止的标签： script 显然，这个标签有很多内容要说。我会在下文谈论更多关于JavaScript的细节；目前，...