分类 工具 下的文章

Git merge合并分支的总结

创建分支并合并到主分支

  • 创建分支
git checkout -b mybranch
git push origin mybranch
git add .
git commit -m "info..."
git pull
git push

说明:若pull报错vim .git/config 复制拷贝分支信息

  • 把我的mybranch分支合并到主分支explorer上
 git checkout explorer
 git merge mybranch 
 git status
 git push

git mrege后，status提示有冲突的解决

  • 手动修改文件解决冲突，然后再次提交
git add .
git commit -m "info"
git pull
git push

遇到的问题

  • git pull后又提示冲突，并不能push,然后解决再add陷入死循环，甚至不能重置项目，只能删项目文件夹，重新clone
  • 自行找到的土办法
    • 在第一次git mrege出现冲突并手工修改完后,按一下步骤借助stash处理，其实最开始我stash是为了保存住代码，歪打正着
git add .
git stash 
git pull
git stash apply stash@{0}
git commit -m "update"
git pull
git push

说明:这样git log中就像是把之前在子分支上的所有提交归纳为一次普通提交，不会有mrege的提示,以前在我的子分支上的commit信息也没了,如各位看官有什么科学的办法，劳请告知

fileReader实现图片上传预览

怎样在input file中添加图片不提交的情况下，预览图片,当然现在很多插件可以实现，但如果在手机端页面使用呢，插件就没几个兼容性可以实现了

疑问：

  • 页面不能跳转，就不能submit，包括js中也不可以
  • ajax中不能把文件serialize()如何传值

fileReader

  • 它被用来将一个文件读取为二进制字符串，并通过 xhr 发送到后端形成交互。作为 File API 的一部分，FileReader 专门用于读取文件，根据 W3C 的定义，FileReader 接口 "提供一些读取文件的方法与一个包含读取结果的事件模型"。
  • 测试代码:
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
<form id="test" action="action.php" method="post" enctype="multipart/form-data">
    <p>
        <label>请选择一个图像文件：</label>
        <input type="file" id="demo_input" />
    </p> 
    <div id="demo_result">
          <!-- 这里用来显示读取结果 -->
    </div>
</form>

<script type="text/javascript">

    var input = document.getElementById('demo_input');
    var result = document.getElementById('demo_result');

    if ( typeof FileReader === 'undefined' ){
        result.innerHTML = "<p class='warn'>抱歉，你的浏览器不支持 FileReader</p>";
        input.setAttribute( 'disabled','disabled' );
    } else {
        input.addEventListener( 'change',readFile,false );
    }

    function readFile(){
        var file = this.files[0];
        if(!/image\/\w+/.test(file.type)){
                alert("请确保文件为图像类型");
                return false;
        }
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function(e){
            result.innerHTML = '<img src="'+this.result+'" alt=""/>'
        }
    }
</script>
</body>
</html>
  1. 1
  2. 2