Git / GitHub 入门使用

13 三月,2018

更多Git技巧:http://www.hifrontend.com/20180328688.html

设置名字和Email地址

git config --global user.name "Your Name"
git config --global user.email "email@example.com"

创建版本库

1、新建目录(文件夹)

mkdir folder

2、进入目录(文件夹)

cd folder

Git的奇技淫巧

28 三月,2018

Git常用命令集合,Fork于tips项目

Git是一个“分布式版本管理工具”,简单的理解版本管理工具:大家在写东西的时候都用过“回撤”这个功能,但是回撤只能回撤几步,假如想要找回我三天之前的修改,光用“回撤”是找不回来的。而“版本管理工具”能记录每次的修改,只要提交到版本仓库,你就可以找到之前任何时刻的状态(文本状态)。

下面的内容就是列举了常用的Git命令和一些小技巧,可以通过”页面内查找”的方式进行快速查询:Ctrl/Command+f

移动端选项卡切换 / 滚动 / 跳转

27 三月,2018

需求

1、选项卡 title 滚动到页面顶部是吸顶

2、选项卡 content 内容超过一屏,当滚动到某个位置后,切换选项卡后,位置回到顶部

3、选项卡 content 内容高度不满一屏是自动撑满一屏

4、点击选项卡内的链接后,返回时回到原来的位置

Vue scroll 动态锚点及平滑滚动

23 三月,2018

Vue 锚点方法:http://www.hifrontend.com/20180317650.html

效果图

input 回车进入下一个输入框获取焦点并光标定位在字符后

22 三月,2018

/**
 * 2018/03/23 xxy enter & tab 时跳转到下一个元素
 * @param {*} e :event, Firefox 下如果不传 e 会失效 
 * @param {*} el :目标元素
 * @param {*} that :this
 * @param {*} keycode :键码值
 * 必须使用 e.which ,否则 tab 键的默认事件会被阻止,同时输入任意字符光标会直接跳到下个 input 
 * 光标位于字符后面:先获取 value 值,然后清空 value 值,再获取焦点,最后把一开始获取的 value 值赋值
 */
function nextInput(e, el, that, keycode) {
    var inputName = $(el),
        inputLength = inputName.length,
        e = e || event;
    if (e.which === keycode) {
        e.preventDefault(); // 阻止 按键 的默认事件
        var nextIndex = inputName.index(that) + 1, // 获取下一个 input 的索引,that 指向自己(this)
            $val = inputName.eq(nextIndex).val();  // 获取当前下一个 input 的 value
        if (nextIndex < inputLength) {
            inputName.eq(nextIndex).val('').focus().val($val); // 获取焦点,再赋值
        } else {
            inputName.eq(nextIndex).blur();
        }
    }
}
$('input[type=text]').on('keydown', function (e) {
    nextInput(e, 'input[type=text]', this, 13)
});
$('input[type=text]').on('keydown', function (e) {
    nextInput(e, 'input[type=text]', this, 9)
});

替代 for 循环的 N 种迭代方法

21 三月,2018

1、Map

map():对数组中每一项运行给定函数。返回每次函数调用的结果组成的数组。
首页设想以下一个场景,给出一个数组,需求就是给数组的每一项都 * 2。
for 方式

let arr=[1,2,3,4,5,6];
for(let i=0,len=arr.length;i<len;i++){
    arr[i]=arr[i]*2
}
1 2 3 42