amazing!!!

哀吾生之须臾,羡长江之无穷

收藏到这里,以后用的时候好找;不知道扔什么分类了,参考手册?就其他吧…

命令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
git init                                                  # 初始化本地git仓库(创建新仓库)
git config --global user.name "xxx" # 配置用户名
git config --global user.email "xxx@xxx.com" # 配置邮件
git config --global color.ui true # git status等命令自动着色
git config --global color.status auto
git config --global color.diff auto
git config --global color.branch auto
git config --global color.interactive auto
git clone git+ssh://git@192.168.53.168/VT.git # clone远程仓库
git status # 查看当前版本状态(是否修改)
git add xyz # 添加xyz文件至index
git add . # 增加当前子目录下所有更改过的文件至index
git commit -m 'xxx' # 提交
git commit --amend -m 'xxx' # 合并上一次提交(用于反复修改)
git commit -am 'xxx' # 将add和commit合为一步
git rm xxx # 删除index中的文件
git rm -r * # 递归删除
git log # 显示提交日志
git log -1 # 显示1行日志 -n为n行
git log -5
git log --stat # 显示提交日志及相关变动文件
git log -p -m
git show dfb02e6e4f2f7b573337763e5c0013802e392818 # 显示某个提交的详细内容
git show dfb02 # 可只用commitid的前几位
git show HEAD # 显示HEAD提交日志
git show HEAD^ # 显示HEAD的父(上一个版本)的提交日志 ^^为上两个版本 ^5为上5个版本
git tag # 显示已存在的tag
git tag -a v2.0 -m 'xxx' # 增加v2.0的tag
git show v2.0 # 显示v2.0的日志及详细内容
git log v2.0 # 显示v2.0的日志
git diff # 显示所有未添加至index的变更
git diff --cached # 显示所有已添加index但还未commit的变更
git diff HEAD^ # 比较与上一个版本的差异
git diff HEAD -- ./lib # 比较与HEAD版本lib目录的差异
git diff origin/master..master # 比较远程分支master上有本地分支master上没有的
git diff origin/master..master --stat # 只显示差异的文件,不显示具体内容
git remote add origin git+ssh://git@192.168.53.168/VT.git # 增加远程定义(用于push/pull/fetch)
git branch # 显示本地分支
git branch --contains 50089 # 显示包含提交50089的分支
git branch -a # 显示所有分支
git branch -r # 显示所有原创分支
git branch --merged # 显示所有已合并到当前分支的分支
git branch --no-merged # 显示所有未合并到当前分支的分支
git branch -m master master_copy # 本地分支改名
git checkout -b master_copy # 从当前分支创建新分支master_copy并检出
git checkout -b master master_copy # 上面的完整版
git checkout features/performance # 检出已存在的features/performance分支
git checkout --track hotfixes/BJVEP933 # 检出远程分支hotfixes/BJVEP933并创建本地跟踪分支
git checkout v2.0 # 检出版本v2.0
git checkout -b devel origin/develop # 从远程分支develop创建新本地分支devel并检出
git checkout -- README # 检出head版本的README文件(可用于修改错误回退)
git merge origin/master # 合并远程master分支至当前分支
git cherry-pick ff44785404a8e # 合并提交ff44785404a8e的修改
git push origin master # 将当前分支push到远程master分支
git push origin :hotfixes/BJVEP933 # 删除远程仓库的hotfixes/BJVEP933分支
git push --tags # 把所有tag推送到远程仓库
git fetch # 获取所有远程分支(不更新本地分支,另需merge)
git fetch --prune # 获取所有原创分支并清除服务器上已删掉的分支
git pull origin master # 获取远程分支master并merge到当前分支
git mv README README2 # 重命名文件README为README2
git reset --hard HEAD # 将当前版本重置为HEAD(通常用于merge失败回退)
git rebase
git branch -d hotfixes/BJVEP933 # 删除分支hotfixes/BJVEP933(本分支修改已合并到其他分支)
git branch -D hotfixes/BJVEP933 # 强制删除分支hotfixes/BJVEP933
git ls-files # 列出git index包含的文件
git show-branch # 图示当前分支历史
git show-branch --all # 图示所有分支历史
git whatchanged # 显示提交历史对应的文件修改
git revert dfb02e6e4f2f7b573337763e5c0013802e392818 # 撤销提交dfb02e6e4f2f7b573337763e5c0013802e392818
git ls-tree HEAD # 内部命令:显示某个git对象
git rev-parse v2.0 # 内部命令:显示某个ref对于的SHA1 HASH
git reflog # 显示所有提交,包括孤立节点
git show HEAD@{5}
git show master@{yesterday} # 显示master分支昨天的状态
git log --pretty=format:'%h %s' --graph # 图示提交日志
git show HEAD~3
git show -s --pretty=raw 2be7fcb476
git stash # 暂存当前修改,将所有至为HEAD状态
git stash list # 查看所有暂存
git stash show -p stash@{0} # 参考第一次暂存
git stash apply stash@{0} # 应用第一次暂存
git grep "delete from" # 文件中搜索文本“delete from”
git grep -e '#define' --and -e SORT_DIRENT
git gc
git fsck

我要放我老婆照片了!!
老婆

实现方式

还是最近在做的移动端调试工具,需要重写window.console对象,通过重写可以将之后代码中的控制台输出映射到自己的输出面板中。
上代码,重写的逻辑是很简单的。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
var tempFunction, color,
output = document.querySelector('#output');

for (var key in console) {
if (key.match(/log|debug|error|info|warn|dir/)) {
tempFunction = console[key];
switch (key) {
case 'log':
color = '#1F2D3D';
break;
case 'debug':
color = '#1D8CE0';
break;
case 'error':
color = '#FF4949';
break;
case 'info':
color = 'blue';
break;
case 'warn':
color = '#F7BA2A';
break;
case 'dir':
color = '#58B7FF';
break;
default:
color = '#1F2D3D';
break;
}
(function (color, tempFunction) {
console[key] = function () {
var result = '';
for (var i = 0; i < arguments.length; i ++) {
if ('object' == typeof arguments[i]) {
//TODO
//递归遍历对象控制输出,这里不做演示,在我的ajax-watcher库里是用的jquery插件
} else {
result += arguments[i];
}
}
var element = document.createElement("p");
element.style.color = color;
element.innerText = result;
output.appendChild(element);
tempFunction.apply(console, arguments);
}.bind(window);
})(color, tempFunction);
}
}

详情解释

  1. for (var key in console) 遍历console对象,因为console对象下并不是所有方法都需要重写,所以这里用key.match(/log|debug|error|info|warn|dir/)筛选出需要重写的方法
  2. tempFunction = console[key]; 用临时遍历保存console下的方法,并根据key更换最后需要显示的颜色
  3. 闭包保留color和tempFunction,直接console[key] = function () {};重写console下的方法
  4. 重写方法的内部实现根据需求来写

onerror事件

window对象下可以通过onerror事件监听全局的抛错信息。
最近在做一个移动端的调试工具库,所以了解了一下这个API,使用方法如下:

1
2
3
window.onerror = function (message, source, lineno, colno, error) {
//Todo
};

参数介绍

这里只能给onerror赋值,不能通过window.addEventListener添加事件监听。

  • message 错误信息
  • source 错误来源(来源文件)
  • lineno 报错行
  • colno 报错列
  • error error对象

突发奇想造了个轮子,用于在移动开发,尤其是在微信上开发时不便于调试的问题。其实大部分时候用微信开发者工具都是可以解决的,但是有时也有在实机上测试的需求。

现在已经放在GitHub上了,地址: https://github.com/alwaysloseall/ajax-watcher

实现逻辑

核心部分是监听ajax请求的API,现在只做了依赖jQuery的部分

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
$(document).ajaxSend(function (e, jqXHR, ajaxOptions) {
if (openStatus) {
DOM.mask.show();
DOM.container.show();
}
if (container.find('div[url="'+ajaxOptions.url+'"]').length) {
container.find('div[url="'+ajaxOptions.url+'"]').remove();
}
var content = $(
'<div class="ajax-watcher-content" url='+ ajaxOptions.url +' style="display: inline-block; overflow: auto; color: #fff; max-width: 45%; border: 1px solid #fff; padding: 10px; position: relative; height: 40%; word-wrap: break-word; word-break: normal;">\
<span style="color: #fff; position: absolute; top: 0; right: 5px;">关闭</span>\
<p style="color: #fff;">url:</br>'+ajaxOptions.url+'</p>\
<p style="color: #fff;">type: '+ajaxOptions.type+'</p>\
<p style="color: #fff;">params:</br>'+ajaxOptions.data.replace(/\&/g, '</br>')+'</p>\
<p style="color: #fff;">status: loadding...</p>\
</div>'
);
DOM.container.append(content);
content.children('span').on('click', function () {
content.remove();
});
}).ajaxComplete(function (e, xhr, settings) {
var content = container.find('div[url="'+settings.url+'"]');
content.find('p:eq(3)').html('status: '+xhr.status+'');
var json = $('<div style="color: #fff;"></div>');
if (xhr.responseJSON) {
json.JSONView(xhr.responseJSON);
content.append('<p style="color: #fff;">response: </p>');
content.append(json);
} else {
content.append(
'<p style="color: #fff;">responseText: '+xhr.responseText+'</p>'
);
}
if (xhr.responseJSON) {
//ToDo
}
});

$(document).ajaxSend(callback).ajaxComplete(callback) 用于监听通过jQuery发起的ajax请求

Others

以后要做的部分是用原生js去写这部分功能,通过重写XMLHttpRequest构造函数,在XHR实例的原型上重写open, send, onreadystatechange方法来实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
module.exports = function() {
var mysqlobj = require('mysql');
var async = require('async');

var pool = mysqlobj.createPool({
host: 'host',
user: 'user',
password: 'password',
database: "databases",
//debug: true,
});
return {
pool:pool,
query:function(sql, param, callback){
if(typeof param == "function"){
callback = param;
param = [];
}
pool.getConnection(function(err, connection) {
if(err){
callback(err, [])
return;

}
try{
connection.query( sql, param, function(err, rows) {
connection.release();
callback(err, rows)
});
}
catch(e){
console.log("数据库查询出错了:"+sql);
console.log(param);
console.log(e);

callback("err", null)
}
});
},
/*
sqlParamsArr:[
{
sql:"update table set .......",
params:[p1,p2],
}
]
*/
startTransaction:function(sqlParamsArr, callback){
pool.getConnection(function(err, connection) {
if(err){
callback(err, [])
return;
}

asyncCallFunctionList = [];
for(var i=0; i<sqlParamsArr.length; i++){
asyncCallFunctionList.push(function(ii){
return function(callbackInner){
connection.query(sqlParamsArr[ii].sql,sqlParamsArr[ii].params , callbackInner);
}
}(i));
}

try{


connection.beginTransaction(function(err) {
if(err) {
callback("err");
}
async.series(asyncCallFunctionList, function(err, result) {
if(err) {
connection.rollback(function() {
callback("err");
});
return ;
}
// 提交事务
connection.commit(function(err) {
if (err) {
connection.rollback(function() {
callback("err");
});
}
console.log('事务提交成功!');
callback(null);
});
});
});
}
catch(e){
console.log("数据库查询出错了(事务处理):"+sqlParamsArr);

console.log(e);
callback("err", null)
}
});
},
execSql:function(sql, param, callback){

}
}
}()

这是一篇用于测试的文章

  • 念两句诗算了吧

    哀吾生之须臾,羡长江之无穷

0%