JerryQu的小站

围观过QWrap的同学可能会注意到其官方的特性介绍里有这么一条：

提供YUI2一样的静态方法库，同时又用所谓的Helper规范来做到真正的绝对静态，让组件开发者可以发布出无依赖的组件。

其中，组件无依赖化，也就是核心库定制这个特性，在某些场景下还是非常有用的。QWrap提供了相应的工具来实现，JK这篇文章有详细说明。只是这个工具藏得很深没多少人知道，好酒也怕巷子深~ 最近我在这个工具的基础上增加了代码选取的功能，一起再给大家介绍下。

首先，访问代码选取小工具页面。

第一步，选择要用到的方法。这一步比较好理解，例如要用到数组迭代就选中ArrayH下的forEach，需要格式化日期功能就选择DateH下的format，依此类推。特别的，Browser（浏览器UA相关）、Selector、CustEvent（自定义事件）这三个模块目前是不能拆分的，只能按模块选择，并不能细化到每个方法。

Read the rest of this entry »

QuQuBlog相册中的图片列表，之前是把图片定高，容器定宽来排的。这样实现起来简单粗暴，但在图片大小不一，尤其是横竖图片混排时，竖着的图片两侧很空，不好看，还占地方。

最近，用了一种新策略来改进图片排列，效果大约是这样：

在各种分辨率下都是这样的效果：

• 列表左右两侧对齐；
• 每个图片容器边距一致；
• 图片定高，不压缩不拉伸，尽可能保证原本高宽比例。

点顶部导航中的“相册”或者点这里可以看到实际效果，想知道具体策略继续往下看。

Read the rest of this entry »

QWrap是一个BSD协议下的开源JS框架，前身是百度有啊WED团队内部使用的BBlib。关于她的设计理念、核心架构，JK和月影两位同学的博客上有很多文章。这里我简单介绍下实际项目中，如何用QWrap开发组件。

动手之前，建议先看下这几十篇QWrap介绍，对QWrap有个全面的了解。然后，通过git获取JK分支的QWrap，或者从这里下载最新主干的zip包。QWrap官方版暂时还没放组件，我们先选择有组件的JK版，两者核心库是一致的。做完这些准备工作后，进入正题~

Read the rest of this entry »