记录平时开发的一些问题（二）

摘要：在页面上选择一个值，确定关闭窗口后将选择的这个值返回到父窗口。此时服务器处于状态。

1.为了提高用户体验，使得点击单选框圈圈旁边的文字也能把点选框选中

    第一种方式：
    
          测试？
    
    第二种方式：
    

            
            测试？
    

2.MySQL的FIND_IN_SET()函数,推荐这篇博客,讲的不错 https://www.cnblogs.com/xiaox...

3.onload="this.height=this.contentWindow.document.body.scrollHeight" 自动获取屏幕高度，以防高度计算不一致

4.Joiner.on(",").join(list); 适用于list转string

5.基于JS实现回到页面顶部的五种写法(从实现到增强)：https://blog.csdn.net/u011666...

6.echart横坐标太长导致坐标显示不完全（两种方法）：https://blog.csdn.net/qq_3789...

7.top.document.location.href="";（iframe刷新父页面）

8.//将时间戳转换为时间
function timestampToTime(timestamp) {

var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
var Y = date.getFullYear() + "-";
 var M = (date.getMonth()+1 < 10 ? "0"+(date.getMonth()+1) : date.getMonth()+1) + "-";
 var D = date.getDate() < 10 ?  "0"+date.getDate()+ " " : date.getDate()+ " ";
 var h = date.getHours() < 10 ? "0"+date.getHours()+ ":" : date.getHours()+ ":";
 var m = date.getMinutes() < 10 ? "0"+date.getMinutes()+ ":" : date.getMinutes()+ ":";
 var s = date.getSeconds()< 10 ? "0"+date.getSeconds() : date.getSeconds();
 return Y+M+D+h+m+s;

}
9.你的系统如何支撑高并发？https://juejin.im/post/5c45aa...

10.这个问题是在做公司产品的公众号时让用户每次刷到手机最低端再继续加载数据，所以要计算什么时候刷到最低端
//文档高度
function getDocumentTop() {

var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0;
if (document.body) {
    bodyScrollTop = document.body.scrollTop;
}
if (document.documentElement) {
    documentScrollTop = document.documentElement.scrollTop;
}
scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;    return scrollTop;

}
//可视窗口高度
function getWindowHeight() {

var windowHeight = 0;    if (document.compatMode == "CSS1Compat") {
    windowHeight = document.documentElement.clientHeight;
} else {
    windowHeight = document.body.clientHeight;
}
return windowHeight;

}
//滚动条滚动高度
function getScrollHeight() {

var scrollHeight = 0, bodyScrollHeight = 0, documentScrollHeight = 0;
if (document.body) {
    bodyScrollHeight = document.body.scrollHeight;
}
if (document.documentElement) {
    documentScrollHeight = document.documentElement.scrollHeight;
}
scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? 
bodyScrollHeight : documentScrollHeight;    
return scrollHeight;

}
window.onscroll = function () {

//监听事件内容
if(getScrollHeight() == getWindowHeight() + getDocumentTop()){在这里写逻辑}

11.手机app可以使用以下这个方法让父页面获取子页面传来的值，也就是从A页面里点击按钮弹出B页面，在B页面点击某条数据，可以将这条数据传回父页面显示。但是在微信公众号并不支持。最终只能使用别的方法。

怎么用window.open()在当前窗口打开新的页面？
用window.open("","_self")或者window.location.replace("newurl")

然后用window.open方式 向父窗口返回值。例如：

页面A.htm 用 window.open方式弹出页面 B.htm 。
在页面B.htm上选择一个值，确定关闭窗口后将选择的这个值返回到父窗口A.htm。
A.htm得到返回的值后，给本页面上的文本框赋值。

1.在A.htm里建一个函数:

function sele(NO){ //NO为返回值

alert(NO);//可以直接赋值给表单
 var re= new Array();//如果需返回多个变量，则采用数组把各个变量分开
 re=NO.split(",");
 form1.feild1.value=re[0];
 form1.feild2.value=re[1];//form1为本面表单名,feild1、2为表单元素

}

调用window.open部分

var height = 300;
var width = 500;
var url = "UploadPicTest.aspx";

var winOption = "height=" + height + ",width=" + width + ",top=50,left=50,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,fullscreen=0";
window.open(url, window, winOption);

2.在B,htm 加以下代码

function re(NOre){

 window.opener.sele(NOre);
 window.close();"

}

12.最近做一个web开发，在做表单提交的时候，出现了类似于F5刷新页面效果的问题，极大的坑，每次点提交按钮会自动刷新，弄得没有值传到后台。(因为前台开发没有分离，所以一个js文件最少也有五六千行，出了bug很难找到问题，所以真心建议前台开发要分离开来)

问题：点击提交按钮，出现了F5刷新页面的效果

问题原因：将提交按钮button放到了form表单内

解决办法：将button按钮放到form表单外即可

解释：button按钮有两种类型，submit和button

submit类型的按钮可以在表单之内，因为这是表单提交默认的按钮,做提交事件的时候，直接就是对本表单的提交

button类型的按钮如果要做为提交按钮的话，就必须放在表单之外，表单一般设置一个id，做提交的时候，需要用表单的id做提交事件

@SequenceGenerator(name="mseq",sequenceName="SUPERVISION_MAIN_S",allocationSize=1)