记录平时开发的一些问题(二)
来源:SegmentFault
时间:2023-02-25 11:30:48 200浏览 收藏
亲爱的编程学习爱好者,如果你点开了这篇文章,说明你对《记录平时开发的一些问题(二)》很感兴趣。本篇文章就来给大家详细解析一下,主要介绍一下MySQL、Redis、Java、javascript、tomcat,希望所有认真读完的童鞋们,都有实质性的提高。
1.为了提高用户体验,使得点击单选框圈圈旁边的文字也能把点选框选中
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}
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做提交事件
-
499 收藏
-
286 收藏
-
244 收藏
-
235 收藏
-
157 收藏
-
283 收藏
-
210 收藏
-
371 收藏
-
389 收藏
-
497 收藏
-
183 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 507次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 497次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 484次学习