V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
50vip
V2EX  ›  程序员

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

  •  
  •   50vip · 2015-12-17 16:30:25 +08:00 · 1366 次点击
    这是一个创建于 3058 天前的主题,其中的信息可能已经有所发展或是发生改变。

    代码见: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

    第 1 条附言  ·  2015-12-17 17:34:54 +08:00
    增加中文说明~
    50vip
        1
    50vip  
    OP
       2015-12-17 16:52:18 +08:00
    移动了主题,一下子就直接沉了~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   775 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:07 · PVG 05:07 · LAX 14:07 · JFK 17:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.