雯子前端半月刊-201710下

10月下旬有那么一周的某几天相对闲一些,看了一点东西,记录一下,本来以为有挺多,其实就这么点。。

  1. Bootstrap v4.0.0-beta.2 发布了,虽然说基本上绝大多数前端都用过Bootstrap,但是又有多少是真正用透了的呢。对于我来说最想引入的是flex布局和Sass的定制样式。可以统一一波现在项目中的老旧样式。

  2. reveal.js接触了一下,还没用,觉得用代码写,要都写在index.html中,要以html中内嵌markdown的格式,感觉有些怪怪的,不知道有没有大神好好地用过的。

  3. 学习了一遍Vue官方文档的风格指南,有一些地方还是蛮有用的,比如以前对于props的定义都是行内的,其实都应该写成详细模式。

    细致的 prop 定义有两个好处:
    • 它们写明了组件的 API,所以很容易看懂组件的用法;
    • 在开发环境下,如果向一个组件提供格式不正确的 prop,Vue 将会告警,以帮助你捕获潜在的错误来源。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    // 更好的做法!
    props: {
    status: {
    type: String,
    required: true,
    validator: function (value) {
    return [
    'syncing',
    'synced',
    'version-conflict',
    'error'
    ].indexOf(value) !== -1
    }
    }
    }

    而且这个文档中还有好多困扰我好久的命名规则的问题,如果你有同样的困扰,可以趁代码和组件没有太多的时候,优化一下整个项目,并记住且让整个团队也养成这些命名习惯。

  4. css modules了解

    阮一峰的教程:http://www.ruanyifeng.com/blog/2016/06/css_modules.html

雯子 wechat
更多内容请关注我的公众号-雯子推