![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
kangfu_521
不忘初心,方得始终。
展开
-
前端遮罩层
自定义遮罩:1:自定义div。设置id2:自定义class。显示范围3:设置隐藏和显示。hide(),show()<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>遮罩层</title> <style> .dark{ z-index: 100; positio原创 2021-03-17 11:02:57 · 1685 阅读 · 0 评论 -
前端a标签实现文件下载
a标签实现文件下载如果想通过纯前端技术实现文件下载,下载的静态文件放项目路径下,A标签下载,herf指定项目路径,加上download属性。a链接默认的是在同一页面打开,如果我们需要打开新的页面,就需要添加target=’blank’来设置。<a target=’blank’ href="../../../static/images/Promise.pdf" download="下载Promise.pdf">点击下载</a>download也可以不给值,这样就会使原创 2021-03-17 09:36:35 · 13294 阅读 · 2 评论 -
input输入框的三种控制方式:限制长度,控制输入,正则校验
一:Input输入框的只能输入数字,限制长度<label for="recoSoft" class="text-right search_form_div_label">排序:</label> <input type="text" class="form-control" id="recoSoft" maxlength="5" οnkeyup="value=value.replace(/[^\d]/g,'')" placeholder="请输入排序" style="原创 2020-10-17 11:55:43 · 22957 阅读 · 3 评论 -
禁止input文本框输入,以及js字符串转数字并且去除空格
一:禁止input文本框输入readonly<input type="text" name="www.xxx" readonly="readonly" />readonly表示此域的值不可修改,仅可与 type=“text” 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值.disabled<input type="text" name="www.xxx.com" disabled="disabled" />disabled表示禁用input元素,不原创 2020-10-17 11:26:53 · 424 阅读 · 0 评论 -
jsp报java.lang.NullPointerException
java.lang.NullPointerExceptionjsp报错日志在另外了一个单独的文件,jsp错误类型很多后台日志无报错,核查是jsp报空指针:一:jsp写java代码空指针1org.apache.jasper.JasperException: An exception occurred processing JSP page /Index.jsp at line 4037: %>38:39: <%40: List<Category> categories原创 2020-09-24 23:51:10 · 3583 阅读 · 0 评论 -
前端断点调试
前端断点调试前端dubug调试的俩种方法1:直接在sources打dubug如图1:下图在一个名为toggleTab的方法下打了两个断点,2:当开始执行我们的点击切换tab行为后,代码会在执行的断点出停下来,3:并把相关的数据展示一部分,此时可以在已经执行过得代码处,把鼠标放上去,即可查看相关的具体数据信息,4:同时我们可以使用右侧的功能键进行调试.调试按钮右侧最上面一排分别是:暂停/继续(F8)、单步执行(新版浏览器F9、F10)、单步跳入此执行块(F11快捷键)、单步跳原创 2020-09-20 21:48:14 · 5675 阅读 · 0 评论 -
echars图
echars图从后台查询出数据,动态填充数据并轮播展示option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [120, 200, 150, 80, 70, 1000, 130]原创 2020-09-13 16:29:28 · 91 阅读 · 0 评论 -
js轮播参考
js轮播参考点介绍1.css设置绝对位置圆心处理css2:设置要轮播的数组3:设置自动轮播,与循环轮播,并做收尾衔接,以及点击与自动轮播冲突解决别的封装方式数据加载完在处理轮播原创 2020-09-13 16:04:07 · 140 阅读 · 0 评论 -
js轮播图
轮播图功能描述:1.鼠标经过 左右侧箭头显示,鼠标离开 箭头隐藏2.动态添加底部小圆圈并绑定单击事件,并且让小圆圈的点击事件和左右箭头点击事件同步3.拷贝第一张图片添加到ul最后可以实现动态添加图片4.给箭头绑定单击事件,并且使图片可以无缝轮播5.实现自动轮播(动画函数)具体代码实现animate.css* { margin: 0; padding: 0;}ul,li,ol,a { list-style: none; text-decoration:原创 2020-09-13 15:46:41 · 490 阅读 · 0 评论 -
不同页面参数值传递localStorage
不同页面参数值传递localStorage介绍localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。localStorage 属性是只读的。优势1、localStorage 拓展了 cookie 的 4K 限制。2、localStorage 会可以将第一次请求的数据直接存储到本地,这个相当于一个 5M 大小的针对于前端页面的数据库,相比原创 2020-08-23 12:31:48 · 1790 阅读 · 0 评论 -
jsp嵌套java代码获取参数
jsp嵌套java代码获取参数test.jap<%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <%@ page import="java.util.*,org.springframework.context.ApplicationContext"%> <%@ page import="org.springframework.web.context.suppo原创 2020-08-23 12:09:42 · 1018 阅读 · 0 评论 -
Js中判断变量存不存在的问题
Js中判断变量存不存在的问题现象项目中js报错substr方法不存在,str.substr(list.length-1,list.length);原因ajax请求成功后,返回的值没有给str复制成功,导致str为undefined,所以导致js报错解决:1:后台附默认值,2:js增加判断。参考:1:判断变量abc是不是存在,2:声明了变量没有赋值,if(typeof abc === 'undefined'){console.log("不存abc 在");//打印abc原创 2020-08-23 11:31:30 · 1367 阅读 · 0 评论 -
JS中的!=、== 、!==、===的用法
JS中的!=、== 、!==、===的用法1:区别1: == 和 != 比较若类型不同,先偿试转换类型,再作值比较,最后返回值比较结果 。2: === 和 !== 只有在相同类型下,才会比较其值。示例:var num = 1;var str = '1'; var test = 1;test == num //true 相同类型 相同值test === num //true 相同类型 相同值test !== num //false test与num类型相同,其值也相同原创 2020-08-23 11:15:27 · 5758 阅读 · 0 评论 -
web参数处理
客户端服务端数据加密四个案例抓包漏洞1:返回图形验证码数字被劫持,有被自动化劫持越过图形验证码检验的风险,解决返回验证码时base64加密处理,jsp接收时解密并展示。抓包漏洞2:第三方软件输入手机号加特殊字符会发送短信成功,手机号验证在jsp 已经处理,如果越过jsp 校验,直接在访问接口传入手机号会发送短信,造成短信轰炸,解决控制层增加对手机号正则检验,不满足则返回,并设置5分钟内只发送一次短信(发送成功记录一个时间,获取此时间加5分钟,并和再次发送时间比较小于则不再发送原创 2020-07-01 21:33:17 · 170 阅读 · 0 评论 -
js中setTime()
1:js中setTime()必需。要设置的日期和时间据 GMT 时间 1970 年 1 月 1 日午夜之间的毫秒数。这种类型的毫秒值可以传递给 Date() 构造函数,可以通过调用 Date.UTC() 和 Date.parse() 方法获得该值。以毫秒形式表示日期可以使它独立于时区。传入的是毫秒值;<script type="text/javascript">var d = new Date()d.setTime(77771564221)document.write(d)原创 2020-06-16 21:18:50 · 5122 阅读 · 0 评论 -
页面动态添加按钮
1:不同的页面点击出现返回按钮页面增加按钮,根据url的参数id判断,是否显示,如果为1就隐藏,为0就显示,为0则返回上一级,history.back();2:通过不同的参数跳转不同的jsp页面点击发送请求通过controller,请求数据放到session域中,返回的jsp,==》jsp根据返回的参数动态跳转到指定的页面,若无加载的数据可以直接请求jsp...原创 2020-06-08 21:28:17 · 1207 阅读 · 0 评论 -
页面按钮点击无效解决方案
按钮点击时而有效时而无效问题 背景:由于项目使用jsp写的页面,点击按钮切换图片,图片上的按钮是定位上去添加的点击事件,测试发现按钮第一次点击有效,再次点击无反应,再次刷新又可以点击,即偶发性点击失效尝试以下方案:1:由于图片上嵌套div,导致div重叠,设置z-index越大越在上边<!DOCTYPE html><html lang="en"><he...原创 2020-04-25 20:45:41 · 8944 阅读 · 0 评论