![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端的小问题们
前端
爱喝雪碧的大个子
潜水中
展开
-
在HTML中,使按钮在一定时间内只能点击一次
项目场景:在开发中遇到一个需求,必须保证按钮在一定时间内只可以提交一次请求。如果网速不好,重复提交将会导致页面崩溃。问题分析:想要在一定时间内,事件回调函数仅执行一次,需要在外部做一个计时器变量。当进入事件的回调函数时,启动这个计时器,倒计时N秒后,计时器自动关闭。每次进入事件回调函数的时候都要判断这个计时器是否为启动状态,如果是启动状态,直接跳出不执行事件即可。解决方案:举例如下:HTML代码:<button>这是一个按钮</button>jQuery代码:原创 2021-02-01 16:55:09 · 3586 阅读 · 0 评论 -
Layui弹出层弹出后,页面灰置无法点击问题解决
项目场景:在使用Layui的Layer弹出层时,有时候会出现弹出层弹出后,页面灰置无法点击的问题,一直很头大,不知道问题出现在了哪里。如下图:解决方案:最后发现只要在定义弹出层的函数中加入shade属性为0,即不显示遮罩,发现就解决啦。更多Layer属性参考地址:点击跳转结果:...原创 2021-01-13 09:14:40 · 2668 阅读 · 1 评论 -
前端背景粒子线条效果
文章目录一、资源地址二、网页效果一、资源地址Gitee代码地址:点击跳转二、网页效果下载代码包后,运行结果如下(线条随着鼠标移动):原创 2021-01-12 21:26:16 · 831 阅读 · 0 评论 -
ajax请求跨域问题:has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is
问题描述:自己通过ngork,写了一个接口,然后在前端开发者工具中报错如下:has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is原因分析:查阅资料后知道是跨域问题。跨域,即跨站HTTP请求(Cross-site HTTP request),指发起请求的资源所在域不同于请求指向资源所在域的HTTP请求。解决方案:在controller上添加@CrossOrigin注解,如下:@Control原创 2020-12-30 22:30:09 · 2175 阅读 · 1 评论 -
Js的sort()排序使用
文章目录一、sort()用法二、数组排序三、针对数组之间某一个值的排序一、sort()用法语法:array.sort(a,b);汉仪:比较函数两个参数a和b,返回a-b 升序,返回b-a 降序二、数组排序//需要排序的数组arrvar arr = [1,4,2,7,5]; function sortTest(a,b){ //升序排序 return a-b; } arr.sort(sortTest); //打印到控制台 cons原创 2021-01-08 22:08:20 · 377 阅读 · 0 评论 -
关于layui数据表格返回json格式code不为0无法渲染的问题
问题描述:自己在使用layui的数据表格时,后端返回的json格式正确,但是就是无法渲染,原因是code状态码不为0。官方默认返回格式如下:而我自己返回的格式如下:渲染结果:解决方案:layui数据表格文档参考地址:传送门layui的数据返回值都是固定的,但是平时开发中,总会难免出现不一样的问题,所以下面将会针对这个问题进行解决。方法一:当然是将后端返回的数据改成layui标准格式就好啦(手动滑稽)方法二:借助 response 参数来重新设定返回的数据格式通过response原创 2021-01-08 21:46:09 · 1261 阅读 · 5 评论 -
Layui数据表格通过判断行中的字段值来进行数据行样式的改变
项目场景:用Layui做一个仓库管理项目,需要通过库存状态来进行方便展示该货位是否有货物,所以想做一个行效果。解决方案:在渲染表格的js中,即table.render({});中加入done:function()方法。具体代码如下: done: function (res, curr, count) { var that = this.elem.next(); res.data.forEach(function (item, index) { if (item.s原创 2021-01-11 21:34:04 · 1130 阅读 · 0 评论