可视化编辑html

1
2
3
document.designMode='on' // 全局
// 或者
document.body.contentEditable=true // 指定标签可修改（灵活性高）

两种效果一样，只不过范围不一样

自动copy

觉得手动copy麻烦的话，写一个小脚本，执行即可copy

1
2
3
4
5
6
7
8
9
10
11
12
// 获取val
let text = "";
// 这段选择器，是我们在confluence 维护的sql代码片段。可改成你自己的选择器
$('.code .container div').each((i,e)=>text+= $(e).text() + "\n");

// 执行copy
let input = document.createElement('textarea');
input.value = text;
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);

ajax调试http

http请求，比postman方便多了 

1
2
3
4
5
6
7
8
9
10
var ajax = new XMLHttpRequest();
ajax.onreadystatechange = function(){
    if(ajax.readyState == 4 ){
        console.log(ajax.responseText);
    }
};
ajax.open('post','https://baidu.com');// 浏览器中调试，注意跨域策略
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
var data = JSON.stringify({});
ajax.send(data);// 一定要注意：如果是get请求，data不为空，那么自动变为post请求。(js,java,python都是）

上传文件

  1. 先在html选中文件

    1
    2
    3
    4
    <form id="upload" enctype="multipart/form-data" method="post"> 
     <input type="file" name="file" id="file"/> 
     <input type="button" value="提交" onclick="uploadPic();"/> 
    </form>

  2. 执行js代码，获取文件对象

    1
    2
    var form = new FormData();
    form.append("file", document.getElementById("file").files[0]);

  3. ajax.send(form);