creeperyang

1. http://www.hikejun.com/
2. http://www.bennadel.com/blog/2533-tracking-file-download-events-using-javascript-and-coldfusion.htm
3. http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles
4. http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering
5. (Make your own angular) http://teropa.info/blog/2013/11/03/make-your-own-angular-part-1-scopes-and-digest.html

packages

• http://sinonjs.org/ Standalone test spies, stubs and mocks for JavaScript.
• https://codecov.io/ Find bugs before they happen and Fearlessly Deploy.

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

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

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

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

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

creeperyang

live nodelist?

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

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

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

(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

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

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

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

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

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

html,body { margin: 0;}

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