creeperyang

Commit Message Guidelines

In the last few yers, the number of programmers concerned about writting structured commit messages had dramatically grown. As exposed by Tim Pope in article readable commit messages are easy to follow when looking through the project history. Moreover the AngularJS contributing guides introduced conventions that can be used by automation tools to automatically generate useful documentation, or by developpers during debbuging process.

This document borrow some concepts, conventions and even text mainly from these two sources, extending them in order to provide a sensible guideline for writing commit messages.

• Goals
• Proposal
  • Commit Message Format

• Allowed ``

creeperyang

html,body { margin: 0;}

.container {
  background: #f0f3f6;
  display: table;
  width: 100%;
/*  不加这个无法正确等宽切分  */
  table-layout: fixed;
}

creeperyang

CSS

1. font-size 最小 12px 的问题。

   Chrome 对于简体中文版最小字号限制为12px，通过 transform:scale(0.875); 来hack。-webkit-text-size-adjust 已经无效了。

2. :nth-child()与:nth-of-type()的区别是什么？

   http://www.zhangxinxu.com/wordpress/2011/06/css3%E9%80%89%E6%8B%A9%E5%99%A8nth-child%E5%92%8Cnth-of-type%E4%B9%8B%E9%97%B4%E7%9A%84%E5%B7%AE%E5%BC%82/

creeperyang

1

派大星：“嗨，海绵宝宝，我们去抓水母吧！”

海绵宝宝：“对不起，今天不行，我要上学。”

派大星：“如果你去上学的话，我今天该干点什么？”

海绵宝宝：“我不知道，一般我不在家的时候，你都干些什么啊？”

creeperyang

(function (doc, win) {
    var docEl = doc.documentElement,
        isIPhone = window.navigator.appVersion.match(/iphone/gi),
        platform = navigator.platform,
        justMobile = !/win32/i.test(platform),
        fontSize, scale;

    recalc();
    function recalc() {
        var clientWidth = docEl.clientWidth;

creeperyang

1. move cursor

• esc+B: left word, esc and then b
• esc+F: right word, esc and then f
• Ctrl+A: jump to the beginning of the current command
• Ctrl+E: jump to the end

creeperyang

live nodelist?

1. 只有element/document.getElementsByClassName element/document.getElementsByTagName document.getElementsByName 获取返回的才是 live HTMLCollection of found elements.
2. 像 querySelectorAll 等获取的是 static nodelist.

所以像操作dom发生时，尤其当心你是否获取了想要的nodelist。

creeperyang

function CreateCookieMan() {
    
    var cookieStore = getCookies();

    var getAll = function() {
        return cookieStore;
    };

    var getItem = function(name) {
        return cookieStore[name];

creeperyang

##jQuery plugin

1. jQuery水波插件 http://www.jq22.com/jquery-info789
2. 图片切换圆点特效 http://www.jq22.com/jquery-info633
3. 像褶皱纸一样褶皱DOM的JQUERY插件-QRIDOMI http://www.jq22.com/jquery-info96

##CSS Magic Effects

1. 3D THUMBNAIL HOVER EFFECTS 3D鼠标覆盖图片特效

creeperyang

# See <https://gist.github.com/isaacs/579814>

# 1
echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc
. ~/.bashrc
mkdir ~/local
mkdir ~/node-latest-install
cd ~/node-latest-install
curl http://nodejs.org/dist/node-latest.tar.gz | tar xz --strip-components=1
./configure --prefix=~/local