Tools

  • 前端开发sublimeconfig

    mac配置

    此文件目录中文件主要是关于sublime的插件配置,快捷键配置,主题和字体配置。

    插件列表

    所有插件都可以使用Package Control安装,具体的安装方法可以自行谷歌安装,不在本文的介绍范围之内。也可以是使用git 手动安装。

    1.autoprefixer

    该插件主要使编写css更加的方便和快捷,可以配置快捷键给标签属性添加浏览器厂商前缀。安装前需要确定电脑安装node

    配置快捷键如下:

        //autoprefixer快捷键设置
        { "keys": ["command+alt+p"], "command": "autopre
  • 如果你曾经抱怨过 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