Tools

  • 如果你曾经抱怨过 Grunt 执行任务太慢,厌烦了用配置的方式去写任务,那么或许可以来尝一尝这一大杯可乐:gulp.js。

    更快:

    相比于 Grunt 频繁的IO操作,gulp 采用了 node 中的 stream API,速度得到了大幅度提升。简单来讲,主要是用了 fs.createReadStream 这个方法,当我们要把一个文件 copy 一份的时候,最直观的方式是先将文件所有的内容先读取到内存中,然后写入新的文件:

    var fs = require('fs');
    
    function copy(src, target) {
        fs.writeFileSync(target, fs

    • iterm
    • zsh
    • and so on

    参考之前的文章:Mac 上手指南

  • 达尔文曾经说过:「任何一个项目都应该有一个 README」。

    恩,README.md 对于任何一个项目来说都是不可或缺的一部分,无论是对于使用者还是后续维护者都是灰常重要哒:p

    对于小型项目,一个 README.md 足以,但是如果是一个大项目的话,那就不是一个 README.md 可以搞定的啦。本文就来扯一下使用 gitbook 为你的项目写一本

    1. 安装

    cnpm i -g gitbook
    

    2. 初始化:

    在你的文档目录下新建文件 SUMMARY.md,这个文件就是这本书的目录啦:

    cd docs
    touch SUMMARY.md
    

    SUMMARY.md 的格式规范如下:

    # u

  • 本文部分内容参考 浏览器开发工具的秘密,原文所有主流浏览器都有讲,范围也很宽泛,我主要针对chrome介绍一些平时经常用的功能。

    1. 插件推荐:

    先推荐几个方便开发的插件:

    • ColorZilla: 用于在页面上取色、网页颜色分析、甚至设置渐变颜色。
    • Window Resizer: 很方便的在各个浏览器下查看网页的效果,方便调试。
    • MeasureIt: 随时在网页上测量元素间的测试。
    • WhatFont: 再也不用打开开发工具查看字体了,鼠标点到哪里,显示哪里的字体、大小、行距。

    2. 开发工具使用技巧:

    • **引用当前元素:**选中一个元素后,在控制台输入 $0 即可输出选中元素的ht

  • 重装一次系统,要去安装配置各种工具,编辑器、版本控制等等,这里就把中间遇到的小问题整理一下:

    1. sublime text3 安装与配置:

    • V3 不能用之前的方法安装 package control ,新的方法是 Ctrl + ~ 打开命令行,输入:
    import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urll