1708.md

知识点

• 如何写一个 package.json 文件？？

  fs.writeFile(dir, JSON.stringify(obj, null, 2), 'utf8')

 tips: JSON.stringify 还有两个参数

库推荐

其他 ★★★★☆

• 传说中的 NPM 之王 @sindresorhus
• 占位图推荐
  • GIT
    • fakeimage
    • aspnet-dummyimage
    • django-dummyimage
    • ...
  • Placehold.it
    • 特点：图片格式（gif, jpg, png）、背景色、文本色
    • 体验：非常快
    • 示例：
      • http://placehold.it/300
      • http://placehold.it/300x200/fff/000.png&text=hellow+world （图片格式可以在任意选项后面，文本空格用+号）
  • lorempixel
    • 特点：彩色／灰色图片占位
    • 体验：慢，灰色图失效，尺寸无简写
    • 示例
      • http://lorempixel.com/400/200/
      • http://lorempixel.com/g/400/200/
      • http://lorempixel.com/400/200/sports/ （abstract, animals, business, cats, city, food, nightlife, fashion, people, nature, sports, technics, transport，每类有10张图，随机）
      • http://lorempixel.com/400/200/sports/1/ （指定一张）
      • http://lorempixel.com/400/200/sports/hello-world/ （在左下竖排非常小的文字）
  • Fake images please?
    • 特点：背景色（alpha）、文本色（alpha）、字体
    • 体验：快，其他字体未知
    • 示例：
      • http://fakeimg.pl/300/
      • https://fakeimg.pl/350x200/ff0000,120/000/?text=World&font=lobster
  • {placekitten} 已失效
  • FPOImg.com
    • 特点：功能就两个
    • 体验：快
    • 示例：
      • http://fpoimg.com/300
      • http://fpoimg.com/300x200?text=hello+world （文本显示在尺寸文字下面）
  • Dynamic Dummy Image Generator
    • 特点：除跟 Placehold 一致，等比图，颜色缩写（09f=0099ff，ef=efefef，c=cccccc），标准尺寸名（）
    • 体验：快
    • 示例：
      • https://dummyimage.com/300
      • https://dummyimage.com/qvga
      • https://dummyimage.com/300x200/000/fff
      • https://dummyimage.com/640x4:3
      • https://dummyimage.com/16:9x1080
      • https://dummyimage.com/300x200/000/fff.png&text=hello+world （+=0x2B，#=0x23，%=0x25，&=0x26）
  • PlaceIMG
    • 特点：彩图，滤镜
    • 体验：尺寸无简写
    • 示例：
      • https://placeimg.com/300/200
      • https://placeimg.com/300/200/animals/sepia （题材：animals, arch, nature, people, tech。滤镜：grayscale, sepia）
  • Unsplash it
    • 特点：灰度图，模糊图，图片列表（但不能控制个数）
    • 体验：慢
    • 示例：
      • https://unsplash.it/300
      • https://unsplash.it/g/300/200/?random
      • https://unsplash.it/300/200?image=0 （指定一张图，列表在这）
      • https://unsplash.it/300/200/?blur （模糊）
      • https://unsplash.it/300/200/?gravity=east （不知道什么意思：north, east, south, west, center）
      • https://unsplash.it/list （类似接口数据，图片列表）
  • temp.im （国内）
    • 特点：背景色、文本色
    • 体验：非常快
    • 示例：
      • http://temp.im/300
      • http://temp.im/300x200/fff/000
  • placeholder.cn （国内）
    • 特点：背景色、文本色、脚本形式（FontStyle, FontWeight, FontSize, FontFamily, Text）
    • Git 仓库
    • 示例：
      • http://placeholder.cn/300
      • http://placeholder.cn/300x200/255/6e9
      • 脚本形式使用，详见文档