撸了一个不到 1kb 的 image placeholder 的 js 库

2015-12-17 16:30:25 +08:00
 50vip

代码见:https://github.com/hustcc/image-placeholder.js

特点

  1. 不依赖什么 js 框架,比如 jq
  2. 小于 1k ,具体是0.79k
  3. 配置项多,都有默认值
  4. 使用简单

使用

可以看其中的 index.html 或者 readme 文件

为什么要造轮子

  1. 很多 image placeholder 都是在服务端生成,需要额外搭建服务以及耗费资源
  2. imsky/holder是客户端生成,大名鼎鼎,但是在用到网页上,动态图片的时候,它的那种风格用起来不太方便
  3. 其他的 image placeholder 太大了,比如上面提到的 holder 压缩之后还有 30k 以上,其实不太使用在网页上使用

待完成

  1. 更多的灵活配置
  2. font-size 自动计算,以防止文字太多的时候,超过图片大小

其他

任何问题欢迎反馈和 pr ,代码非常简单,相信 1 分钟你就可以看懂,非常欢迎push request

1378 次点击
所在节点    程序员
1 条回复
50vip
2015-12-17 16:52:18 +08:00
移动了主题,一下子就直接沉了~

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/244250

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX