1. 选中 路径文件， ctrl + c 复制一下

2.打开 ai， 新建图层， 设置被复制路径的大小为画布大小(如 16 x 16)

3.ctrl + v 路径黏贴到 文件里面， 然后用油桶 填充颜色

4.对齐
打开窗口-对齐面板（shift+F7），左右上角位置三角有个下拉菜单~ 单击 显示选项~
然后下面出现 分布间距 画板
选中画板下拉菜单 对齐到画板~
然后在对齐的时候 都以画板为参照对齐

5.另存为 svg。 done！

a{-webkit-tap-highlight-color:transparent; }

本控件适用于各种手机滑动翻页专题，虽然说网上已经有同类控件，而且比较成熟。但个人认为这还是属于比较值得自己造的轮子。也顺手练练 MVVM模式。

github地址：https://github.com/jackness1208/fullslide

阅读全文…

这次来说说， 移动开发中限制字符长度的正确姿势

按道理来说限制长度就是通过 onpropertychange 或者 oninput 监听输入内容，
然后多的 用 substr 截取掉就可以了

input.addEventListener('input', function(){
    this.value = this.value.substr(0, 8);
});

阅读全文…

有时候 为了保持 android 和 iPhone 体验上的
一致性，我们会有这样的需求——屏蔽掉只有 iPhone 有的 特殊字符 emoji 表情

虽然觉得挺奇怪，但是， 需求来了， 也算是合理的， 就动手实现吧。

在贴代码之前，先说说 查询一个字符 unicode 编码的方法：

var a = escape("杰").replace(/^\%u/g,'\u'); // \u6770

原理上匹配 emoji 就是通过这方法 把 字符的 unicode 码找出来，然后用正则过滤掉。
阅读全文…

其实这功能 更多是用于 node 服务器接口输出数据的时候使用，因为 node 这边 的接口输出要 utf8编码 来避免 因为编码带来的问题。下面是执行代码

/**
 * 字符串转 utf8编码
 * @param {string}  文本
 * @return {string} 转化后文本
 */
var utf8Encode = function(str){
    if(typeof str != 'string'){
        return str;
    }
    return str.replace(/[\u4E00-\u9FA5]/g, function($1){ return "\\u" + ("00"+$1.charCodeAt().toString(16)).slice(-4);});
}

老生常谈问题之一，主要用于实现简单的表情符号插入，最近有同事遇上，发现正好也是自己的短板，赶紧梳理一下吧。

这功能实现 分 ie 和 其他浏览器 2种方式, 值得注意的是，下面提供的方法只限于用在textarea 文本框， input 框 并不适用(IE 的错)。
阅读全文…

var scrolling = {
        // 禁止滚动
        disable: function(){
            var she = this;
            if (window.addEventListener) {
                window.addEventListener('DOMMouseScroll', she.handle, false);
                window.addEventListener('touchmove', she.handle, false);
                window.onmousewheel = document.onmousewheel = she.handle;
                document.onkeydown = she.keydown;
            }
        },
        // 恢复滚动
        enable: function(){
            var she = this;
            if (window.removeEventListener) {
                window.removeEventListener('DOMMouseScroll', she.handle, false);
                window.removeEventListener('touchmove', she.handle, false);
            }
            window.onmousewheel = document.onmousewheel = document.onkeydown = null;
        },
        keydown: function(e){
            var keys = [37, 38, 39, 40];
            for (var i = keys.length; i--;) {
                if (e.keyCode === keys[i]) {
                    e.preventDefault && preventDefault(e);
                    return;
                }
            }
        },
        handle: function(e){
            e = e || window.event;
            e.returnValue = false;
            e.preventDefault && preventDefault(e);
        }
    };

对于我这种 git 命令行小白来说， git 自带的对比工具各种水土不服，想念以前的 svn 小乌龟 + beyondCompare 的日子。。。纠结完 gitHub client 未果之后，终于研究到。。 原来 git 的对比也可以调用第三方工具的， well done！

下面来科普下 如果 在 git 设置 第三方对比工具。
阅读全文…

显示隐藏文件

终端输入：

defaults write com.apple.finder AppleShowAllFiles -bool true

阅读全文…