• 首页
Blog Logo

Thoughts, stories and ideas.

08 Jun 2017

[chrome bug] 版本:58.0.3029.110 (64-bit) 发现a标签的一个奇葩bug

如果你这样写一个标签: <a href="http://http://www.lichenfan.com"></a> Chrome 浏览器会解析为: http//www.lichenfan.com 看到没,http:// -> http// ,挺有意思的。...

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:...

13 Feb 2017

[单向数据流的启发] -- 大型系统异常如何从设计上解决问题的快速排查

引子: https://www.lichenfan.com/amp http://www.lichenfan.com/amp CloudFlare apologizes for Telia screwing you over CloudFlare figured out how to make the Web one second faster 2016年末在开发新版本前端项目的时候,...

11 Feb 2017

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

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

06 Feb 2017

[老大的梦]系列 - 引子

我家老大,几乎每天都做梦,做了不好的梦,在6点半左右就会起来,并且开始很清晰的对我们描述他的梦,于是我想把它都记录下来: 2017.02.06: 今天梦见了爷爷奶奶和妈妈还有小猴[注:没有爸爸, 泪ing...], 我妈妈从石头上滑到了冰上,她又滑了,然后她从冰上爬到石头上,从石头上爬到了路上,然后就回去了,就没了。...

12 Oct 2016

【kafka】mac 系统用Nodejs订阅Kafka日志消息

使用https://github.com/oleksiyk/kafka ` let Kafka = require('no-kafka'); let brokerIps = [ '10.x.x.1:8181', '10.x.x.1:8181', '10.x.x.1:8181', '10.x.x.1:...

17 Aug 2016

[AMP] 为何如此高效?

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

26 Jun 2016

【前端分享】 vue 爽呆了的组件化

占坑, 陆续更新 Fis3+vue 分享,fis的资源定位能力+vuejs的组件化能力. 目前parser插件,用https://github.com/ccqgithub/fis3-parser-vue-component搞定了 okala的fis3-parser-vue有点坑。...

05 May 2016

【前端分享】关于跨域

### 何为跨域? 在浏览器上当前访问的网站向另一个网站发送请求获取数据的过程就是跨域请求。 哪些情况造成跨域? 1) 域名不同 (域名访问和ip访问也造成跨域) http://www.example.com (117.34.1.1) http://117.34.1.1 http://www.example.com http://www.case.com 2) 子域名不同 http:...

11 Mar 2016

【儿子趣事】

开始认字了, 认字列表: 【大】【小】【火】,待补充。 孩子回到临汾老家,要吃完爷爷奶奶的好吃的再回北京。 邮件地址混淆功能测试: 25018238@qq.com, star@163.com;...

load more
Theme by Dennis http的链接