今天本博的阿里云服务器过期了。早上起来续费,发现要2k大洋。想想心疼啊,博客日访问量不超200UV,搞个大宽带,着实浪费。

续费时,就选了流量按需收费,0.8元/G。为了节省带宽,想到了用七牛云存储来保存及加速图片。

于是,在七牛上注册了账户,并安装了水煮鱼的七牛镜像存储插件

整个过程一切顺利,图片成功转换为七牛图片了。但发现文章里的代码片段无法显示了。而我使用的是SyntaxHighlighter插件来高亮代码,于是我判断应该是七牛镜像存储插件与SyntaxHighlighter插件冲突。

google了一番,发现没有解决方案,莫非同时安装这2个插件的人太少?泥煤啊。

阅读全文——共1377字

距离这个专题的上一篇《Chrome渲染分析之Rendering工具使用(1)》已经隔了一年多了,迟迟没有下笔,囧!

2.show composited layer borders

中文可翻译为:显示层的组合边界。

我们知道,在页面最终是由多个“图层”渲染而成。勾上这个选项,页面上的“layer(层)”会加上一个黄色的边框显示出来,如下图的天猫首页头部所示:

阅读全文——共1825字

React Native中,ScrollView组件可以使用stickyHeaderIndices轻松实现sticky效果。

而使用ListView组件时,使用stickyHeaderIndices则不生效。

在IOS中的ListView的内部结构,实际是由多个Section组成,最典型的案例就是iphone手机的通讯录,滚动时每个section header会吸顶。

而在web端,使用position : -weblit-sticky实现的吸顶效果,也是类似的原理。具体可以看下之前的文章:《position:sticky 使用条件分析》.

好了,废话不多。在ListView中实现sticky,需要使用cloneWithRowsAndSections 方法,将dataBlob(object),sectionIDs (array),rowIDs (array) 三个值传进去即可。

阅读全文——共1572字