[聚合文章] 回首2017: 你其实是一个收集贝壳的孩子

Vue.js 2017-12-28 16 阅读

我不知道世上的人对我怎样评价。我却这样认为:我好像是在海上玩耍,时而发现了一个光滑的石子儿,时而发现一个美丽的贝壳而为之高兴的孩子。尽管如此,那真理的海洋还神秘地展现在我们面前。—— 牛顿

github 也像是一片海海,2017年,我大约从这篇海中捡了200多个彩色的贝壳。在年底之前,挑一些精致美丽的贝壳,分享出来。

1 docsify:想拥有Vue官方文档一样的颜值吗? :

我喜欢Vue的原因是Vue官方文档颜值很高 by me , 那么你想来一份吗?

  • 高颜值
  • 非常简单
  • 无需构建,写完文档直接发布
  • 容易使用并且轻量 (~18kB gzipped)
  • 智能的全文搜索
  • 提供多套主题
  • 丰富的 API
  • 支持 Emoji
  • 兼容 IE10+
  • 支持 SSR (example)

2 JavaScript Standard Style:一千个开发只有一个风格

  • 无须配置 。 史上最便捷的统一代码风格的方式,轻松拥有。
  • 自动代码格式化 。 只需运行 standard --fix - 从此和脏乱差的代码说再见。
  • 提前发现风格及程序问题。 - 减少代码审查过程中反反复复的修改过程,节约时间。
  • 使用两个空格 – 进行缩进
  • 无分号 – 这没什么不好。不骗你!
  • 查看更多 – 为何不试试 standard 规范呢!

3 mitt: 纳米级别的事件订阅系统

  • 纳米级别: 小于200B
  • 相当有用: 用"*"可以去订阅所有事件
  • 非常熟悉: 类似于Node's EventEmitter
  • 函数式: 方法不依赖 this

4 faker.js: 最优雅的假数据生成器

  • Supports all Faker API Methods
  • Full-Featured Microservice
  • Hosted by hook.io
var randomName = faker.name.findName(); // Caitlyn Kerluke
var randomEmail = faker.internet.email(); // Rusty@arne.info
var randomCard = faker.helpers.createCard(); // random contact card containing many properties

5 superstruct: 最简洁的runtime 数据验证工具

import { struct } from 'superstruct'

const Article = struct({
  id: 'number',
  title: 'string',
  is_published: 'boolean?',
  tags: ['string'],
  author: {
    id: 'number',
  }
})

const data = {
  id: 34,
  title: 'Hello World',
  tags: ['news', 'features'],
  author: {
    id: 1,
  }
}

const article = Article(data)

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。