听雨~昨夜卧听风吹雨，不若相忘于江湖。

arttemplate的jQuery帮助方法

需支持es5，兼容可以使用es5-shim

/**
 * 封装模板使用方法
 * @param  {string} tplName 模板名
 * @param  {[type]} data 传入模板的数据
 * @param  {[type]} method dom操作方法，默认使用html()方法
 * @return {[type]} 容器jQuery对象
 */
$.fn.tpl = function (tplName, data, method) {
  data = data || {};
  method = method || 'html';
  return this[method](template(tplName, data));
};
['append', 'prepend', 'after', 'before'].map(function (method) {
  (function (method) {
    $.fn[method + 'Tpl'] = function (tplName, data) {
      return this.tpl(tplName, data, method);
    }
  })(method);
});

继续阅读~ 参与评论~

网站内容劫持防范

互联网环境安全性还是比较差的，尤其是官方运营商都不要脸的进行了内容劫持往页面插入广告之类的，更是无语。主要防范方法是CSP + HTTPS。HTTPS都了解，CSP，中文名为内容安全策略，可以参见https://developer.mozilla.org/zh-CN/docs/Web/Security/CSP

继续阅读~ 参与评论~

React传递属性给子级

写了一个mixin方法：

var React = require('react');

module.exports = {
    // 将属性传递给子级
    // Element: 子级类型， propsMap: 属性对象
    propsToChildren: function (Element, propsMap) {
        return React.Children.map(this.props.children,function(child) {
            if (child.type === Element) {
                return React.cloneElement(child, propsMap)
            } else {
                return child;
            }
        }, this);
    }
}

继续阅读~ 参与评论~

git使用rebase模式

一、概念上的用法：

1、同分支拉取使用：

git pull --rebase

2、不同分支衍合：

## local machine
(develop)$: git pull origin develop --rebase

## 切换到 feature 分支，衍合develop分支，如有冲突，解决冲突后continue，再次 commit
(develop)$: git checkout feature/user-extension
(feature/user-extension)$: git rebase develop
(feature/user-extension)$: ## ... 解决冲突
(feature/user-extension)$: git rebase --continue

(feature/user-extension)$: git commit origin feature/user-extension

二、本人实际用法：

同分支进行rebase，不同分支间进行merge。

其中同分支有两种情况：

1、本地分支无任何最新提交，远程有新提交。
执行 git pull 直接拉取即可。

2、本地分支有新提交，远程也有新提交。
执行 git pull –rebase 衍合远程分支。

参考：

http://blog.csdn.net/jackystudio/article/details/12309627

http://git-scm.com/book/zh/v1/Git-分支-分支的衍合

http://blog.isming.me/2014/09/26/git-rebase-merge/

http://blog.yorkxin.org/posts/2011/07/29/git-rebase/

http://hy2014.github.io/2014/07/25/git-rebase/

http://segmentfault.com/q/1010000000181403

继续阅读~ 参与评论~

git阻止本地有冲突文件时候push

目的是防止新手乱操作，老手误操作。

在每个git项目根目录下有个隐藏文件夹.git, 该文件夹下有个hooks目录，复制hooks目录下的pre-push.smaple并更名为pre-push文件，即项目根目录/.git/hooks/pre-push 文件，编辑粘贴以下代码：

#!/bin/sh
git diff-tree --no-commit-id --name-only HEAD -z -- |
xargs -0 sh -c '
    for f; do
        if git show :"$f" | grep "< <<<<<< HEAD"; then
            echo "$f has some conflicts,can not push"
            exit 1;
        fi
        if git show :"$f" |grep ">>>>>>>"; then
            echo "$f has some conflicts,can not push"
            exit 1;
        fi
    done
    exit 0;
' -

然后保存即可。

来源于：http://blog.sina.com.cn/s/blog_61d8d9640102vaht.html

继续阅读~ 参与评论~

Git回退取消文件内容修改

修改了项目中的文件并且还未提交，如果想回退放弃当前的修改，可以用以下命令：

git checkout -- <filename>

如果想放弃当前所有的修改，使用：

git checkout -f

或者：

git reset --hard

参考： http://gitready.com/beginner/2009/01/11/reverting-files.html

继续阅读~ 参与评论~

js浮点数的四则精确计算

js的浮点数类型值在参与四则运算时，有时候会产生不正确数据，这是编程语言的通病，因为计算机是二进制的。
比如一个简单的加法：268.34 + 0.83，js得出的结果是269.16999999999996。类似的加减乘除有很多。

因此需要一个精确计算的方法，来保证精确度。Github上有几个Math库，一般项目使用未免太大。这里贴出一个从http://www.cnblogs.com/junjieok/p/3306155.html而来的轻量方法，已足够使用。
代码如下：

继续阅读~ 参与评论~

IE9的输入框oninput事件不支持退格删除

IE9中，input输入框绑定的oninput事件，无法监听到键盘的backspace delete和右键菜单的剪切、撤销、删除对内容的改变。
虽然onkeyup可以解决键盘问题，但对右键还是无法解决。所以，有种解决方法如下:

<input id="myInput" type="text">

<script>
  // Get the input and remember its last value:
  var myInput = document.getElementById("myInput"), 
      lastValue = myInput.value;
  
  // An oninput function to call:
  var onInput = function() {
    if (lastValue !== myInput.value) { // selectionchange fires more often than needed
      lastValue = myInput.value;
      console.log("New value: " + lastValue);
    }
  };
  
  // Called by focus/blur events:
  var onFocusChange = function(event) {
    if (event.type === "focus") {
      document.addEventListener("selectionchange", onInput, false);
    } else {
      document.removeEventListener("selectionchange", onInput, false);
    }
  };
  
  // Add events to listen for input in IE9:
  myInput.addEventListener("input", onInput, false);
  myInput.addEventListener("focus", onFocusChange, false);
  myInput.addEventListener("blur", onFocusChange, false);
</script>

参考：http://www.matts411.com/post/internet-explorer-9-oninput/

继续阅读~ 参与评论~

谷歌计划去除SPDY 推全新协议HTTP/2

今天Google宣布，将很快从 Chrome 去除 SPDY 支持。这是因为 IETF 一直在努力更打造一种全新的协议：HTTP/2.

HTTP/2 采用了 SPDY 的一些特点，如多路复用技术，并使用一套略有不同的 TLS 扩展。鉴于 HTTP/2 实现和 SPDY 同样的事情，权衡之下，抛弃 SPDY 对于行业标准建立是有利的。

来源：http://www.cnbeta.com/articles/369575.htm
关于SPDY：Google协议SPDY

继续阅读~ 参与评论~

kindle & swift

http://www.readfar.com

http://numbbbbb.gitbooks.io/-the-swift-programming-language-/content/chapter1/02_a_swift_tour.html

继续阅读~ 参与评论~