JavaScript
左眼看成爱
做一个素净的人,把目光停留在微小而光明的事物上,远离那些尘世的混乱和喧嚣。余生漫长,希望你生活的地方,天足够蓝,阳光足够好,街边的小吃店好吃又卫生,回家的路灯总是为你亮着。
展开
-
JS定时任务随机时长Sleep方法
比如在一些模拟点击人工操作中,为了防止系统检测机制发现,有时候需要进行随机时长的定时操作。如何实现?执行效果如下图:随机时长将会在0.3--30秒之前出现。将要模拟执行的操作放在while循环中即可。此处设置了只执行十次。原创 2022-12-06 21:24:50 · 1236 阅读 · 1 评论 -
全网黑白、灰色网页变回正常彩色方法
大伙都知道。每当一到一些特定的日子,全网上下包括APP,一片死灰。所有的网页几乎都没有了任何色彩,让大家心情极度压抑。我反正有这种感觉。感觉无法呼吸一样。。浏览起来心情特别沮丧。简单研究了一下解决方法。百度新闻:CSDN: 只简单举两个例子。可以看到。都是因为添加了一个灰色全局滤镜导致的。那么解决方法也就很简单了。 做为资深程序猿,肯定知道怎么处理。去掉类似下面这些特别的style即可:想要一劳永逸解决也简单:下面给一个油猴脚本。加上去就行了: 一行代码简单有效。全网生效。大家可以试一下:效果如下图:原创 2022-12-04 23:56:21 · 2624 阅读 · 0 评论 -
JavaScript 控制台Ajax调接口调试方法
//先在浏览器中打开http://8.8.8.8:9081/oil/oilinfo地址,然后在控制台中执行如下代码即可//创建异步对象var xhr = new XMLHttpRequest(); xhr.open('post', 'http://8.8.8.8:9081/oil/oilinfo' ); // xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xhr.setRequestHead.原创 2022-02-26 14:19:40 · 1056 阅读 · 0 评论 -
JS中生成随机数Math.random()用法示例
1、Math 对象方法:Math.ceil(); //向上取整。Math.floor(); //向下取整。Math.round(); //四舍五入。Math.random(); //0.0 ~ 1.0 之间的一个伪随机数。【包含0不包含1】 //比如0.86475789686664942、实例说明:Math.ceil(Math.random()*10); // 获取从1到10的随机整数 ,取0的概率极小。Math.round(Math.random()); ...原创 2021-01-10 03:50:26 · 3114 阅读 · 0 评论 -
layui tree 编辑回显数据 父节点checked为true会 导致子节点被自动全选bug解决方法
Layui 版本v2.5.6还原被压缩的JS地址.修改如下位置代码:大约在145行 if ("object" == typeof i.children || e.find("." + v)[0]) { var r = e.find("." + v).find('input[same="layuiTreeCheck"]'); if(sessionStorage.getItem('checkChild')!=="原创 2020-12-25 03:03:24 · 2884 阅读 · 0 评论 -
JS三元条件运算符( ?:)的使用
发现代码慢慢写多了的时候会不自觉的将if else 用 三元来替代,仅仅是为了让代码更简洁精辟条件运算符是唯一的三元运算符,其语法格式如下:b ? x : yb 操作数必须是一个布尔型的表达式,x 和 y 是任意类型的值。如果操作数 b 的返回值为 true,则执行 x 操作数,并返回该表达式的值。如果操作数 b 的返回值为 false,则执行 y 操作数,并返回该表达式的值。示例:let n=81;let msg = '数字' + n + '是' + (n % 2 ===原创 2020-12-20 01:18:04 · 1272 阅读 · 1 评论 -
400 错误,The valid characters are defined in RFC 7230 and RFC 3986
出现这个错误。是因为请求的URL中存在特殊字符,比如{}原创 2020-12-20 00:22:54 · 190 阅读 · 1 评论 -
关于$.get的一点使用牢骚,,建议大家尽量不要使用$.get
个人是特别反感使用.get的,虽然使用起来确实比.get的,虽然使用起来确实比.get的,虽然使用起来确实比.ajax简单一丢丢,但是兼容性,灵活性差的简直就是天壤之别1,.get只能使用get请求数据。据我所知。99.52,.get 只能使用get请求数据。据我所知。99.5%的中文乱码都是因为get方式产生的。get方式请求会出现中文乱码。post方式不会,这个地球人都知道。细节方面就不说了,这个涉及到tomcat默认编码问题2,.get只能使用get请求数据。据我所知。99.52,.get 请求参原创 2020-12-19 23:35:56 · 853 阅读 · 1 评论 -
关于layui tpl模板中的{{# if({}else{} 用法跟freemarker <#if的区别
用过freemarker后端渲染模板的都知道可以在Html页面中这样控制生成的视图<#if user.userType == 'XXX'><#elseif user.userType == 'XXX'><#else></#if>但是实际上这样的标签最终还是后端模板后台渲染的。如果系统都前后端分离了。为什么还要使用这些后端渲染模板呢?庆幸的是在layui前端UI框架中,也有类似的骚操作类似:{{# if(d.type=="角色"){原创 2020-12-14 23:49:10 · 4077 阅读 · 0 评论 -
js for 循环中 i--;i > 0 和 i>0; i-- 先后顺序一定不能错
// js for 循环中 i--;i > 0 和 i>0; i-- 先后顺序一定不能错,运行出来结果是不一样的。for(var i=childs.length; i--;i > 0) {} for(var i=childs.length; i>0; i--){} //i--放后面就报错:VM34 Script snippet %2316:69 Uncaught ReferenceError: childs is not defined 参考:(JS遍历childre.原创 2020-12-10 20:51:51 · 2743 阅读 · 1 评论 -
Layui 一行显示多个元素
<div> 搜索用户名: <div class="layui-inline"> <input class="layui-input" name="keyword" id="keyword" style="width: 300px" autocomplete="off"> </div> <button class="layui-btn layui-btn-sm" data-type="reload">.原创 2020-12-08 19:05:52 · 3102 阅读 · 0 评论 -
解决session超时,登陆页面及整个系统被iframe嵌套问题
//方法一: if(window !== window.top){ window.top.location=location; }//方法二: if(top.location!==self.location){ top.location.href=self.location.href; }原创 2020-12-06 22:42:42 · 453 阅读 · 0 评论 -
前端页面偶尔不渲染,错误:Uncaught SyntaxError: Unexpected token < 解决方法
错误代码:Uncaught SyntaxError: Unexpected token <Uncaught ReferenceError: layui is not defined登录页面偶尔显示这个鸟样,哈哈。。明显的l部分css样式和js不能正常加载。但是有一部分却生效了。很莫名其妙的问题,症状是:Chrome有时行有时不行,IE一直都是正常的。折腾了很久,终于找到了原因。是因为Springmvc的interceptor拦截器导致的拦截器设置为了全部拦截<mv原创 2020-12-03 23:54:22 · 3275 阅读 · 0 评论 -
Layui 表格数据修改成功后刷新显示
//方法1,首选table.reload('TableDemo', {}); //修改成功刷新表格,'TableDemo'为表格id//方法2,静态刷新一行数据obj.update({ user_id:res.user_id, user_name:res.user_name, sex:res.sex, area:res.area, });原创 2020-12-03 22:41:58 · 3899 阅读 · 0 评论 -
layer弹层select动态加载生成下拉框列表
//动态加载弹层的select下拉框列表,ajax请求不能异步,因为加载完成后第一时间要动态选择定位值 $.ajax({ method:'post', url:"/AuthSystem/getAreaList", dataType:'json', async:false, success:function(data){ // console.log("--> " + JSON.stringify(data)); $.原创 2020-12-01 00:19:26 · 1300 阅读 · 0 评论 -
layer open弹层 页面层 laydate 日期控件点击一闪消失的解决方法
bug症状:点击选择日期,弹出的框会一闪而即消失,但是切换窗口回来自己又出来了。参考网上的说法添加trigger: ‘click’ 直接没任何反应了。如果你的现象跟我的一样,那么解决方案如下:父页面定义弹层内容不能用如下这种方式:<div class="layui-row" id="test" style="display: none;">应该使用以下方式<script type="text/html" id="test">网上还有几种说法:删除:l.原创 2020-11-29 18:41:43 · 1603 阅读 · 3 评论 -
chrome,firfox,IE实现隐藏滚动条但是可以正常滚动(浏览器自带隐藏属性实现)
.class::-webkit-scrollbar { display: none;/*隐藏滚动条,仅适用谷歌浏览器,IE下无效*/ } //firefox scrollbar-width:none; //IE 10+ -ms-overflow-style:none;}原创 2020-11-28 00:43:16 · 564 阅读 · 0 评论 -
cookie、sessionStorage和localStorage的区别
HTML5的WebStorage提供了两种API:localStorage(本地存储)和sessionStorage(会话存储)webstorage本地存储1)webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage2)localStorage生命周期是永久,这意味着除非用户用浏览器提供的清除功能来清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信3)session原创 2020-11-25 20:56:12 · 194 阅读 · 0 评论 -
js 根据id,pid平面数据build Children树结构
数据库查出来的平面数据如下: var nodes = [ {"id":1,"title":"第一级1","parentid":0}, {"id":2,"title":"第一级2","parentid":0}, {"id":3,"title":"第二级1-3","parentid":2}, {"id":4,"title":"第二级2-4","parentid":2}, {"id":5,"title":"第三级1-5","parentid":4}, {原创 2020-11-20 22:02:43 · 894 阅读 · 0 评论 -
关于layui open弹层yes回调函数顺序遇到的坑
回调定义yes : function(layero,index) { //点击弹层的确定按钮时的回调上面的定义会抛出一个异常:jquery.js:2 Uncaught Error: Syntax error, unrecognized expression: #layui-layer[object Object]经过多次测试,发现index必须要放在前面, yes : function(index,layero) { //点击弹层的确定按钮时的回调像上面这样写就OK了,官方的原创 2020-11-13 20:00:55 · 3235 阅读 · 0 评论 -
关于select 在不同浏览器下的jquery操作兼容性问题
测试代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- <script src="res/js/jquery-1.12.3.js"></script>--> <script type="text/javascript" src原创 2020-11-13 00:41:06 · 367 阅读 · 0 评论 -
layui select的使用及解决根据text找value遇到的bug
html<div class="layui-inline"> <label class="layui-form-label required">城市</label> <div class="layui-input-inline"> <select id="city" > <option value=""></option> <opti原创 2020-11-13 00:07:32 · 756 阅读 · 0 评论 -
Layui表单必填项自动打红色*号
一般的打星号写法:<span style="color:red">*</span>通过CSS更加规范统一整齐<style> .layui-input{height:30px;} /* layui-input 默认太高了,这里固定高度*/ label.required:after { /* 给红色的必填项打红色星号(文字后)如果打前面用before*/ content: ' *'; color: red;原创 2020-11-09 02:40:37 · 10199 阅读 · 0 评论 -
layui实际应用中批量button点击事件的正确添加及处理方式
给出两种批量按钮事件添加及处理方法btnAction.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="res/layui/css/layui.css"> <script src="res/lay原创 2020-11-05 21:04:09 · 1678 阅读 · 0 评论 -
在layui中使用内部jQuery的两种方法
由于Layui部分内置模块依赖jQuery,所以相信很多童鞋引用layui的时候并没有单独再引入jQuery。但是如果在使用$常规写法获取dom元素时,却会提示未定义。这是由于Layui虽然内置了jQuery1.11最稳定的一个版本作为一个内置的DOM模块(唯一的一个第三方模块)。但是只有你所使用的模块有依赖到它,它才会加载,并且如果你的页面已经script引入了jquery,它并不会重复加载。内置的jquery模块去除了全局的$和jQuery,是一个符合layui规范的标准模块。所以,你如果想全局$使原创 2020-11-05 19:05:27 · 11095 阅读 · 5 评论 -
layui button点击事件处理及动态创建绑定测试
看了网上很多童鞋说layui button元素没有onclick 点击事件,今天测试了一下,发现没问题。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="res/layui/css/layui.css">原创 2020-11-05 18:37:45 · 2673 阅读 · 0 评论 -
Ajax调用Http接口参数拼接方法$.param()用法
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript" src=".原创 2020-10-10 18:48:05 · 2214 阅读 · 2 评论 -
Ajax实现调用接口参数传递方法(页面不跳转)
前台页面Login.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/j.原创 2020-10-10 18:03:38 · 2025 阅读 · 0 评论 -
JS中if语句内多个条件同时满足才通过,或者满足一样就通过
//JS中的if语句内多个条件同时满足才通过,或者满足一样就通过var a=6;var b=3;//条件是a等于1 并且 b等于2时才能成立,两个条件必须同时满足if(a==1&&b==2){console.log("两边同时满足"); //do something}else{ console.log("不同时满足"); };//条件是a等于1 或者 b等于2时才能成立,两个条件满足一个就行if(a==1||b==2){console.原创 2020-10-10 17:45:24 · 11794 阅读 · 0 评论 -
将JS写在<head>与<body>里的区别
Javascript写在哪里?概括起来就是三种形式:1. 内部:Html网页的<body></body>中;2. 内部:Html网页的<head></head>中;3. 外部:外部JS文件里。(1) Javascript写在<body></body>中当浏览器载入网页Body部分的时候,就执行其中的Javascript语句,执行之后输出的内容就显示在网页中。<html><head></he.原创 2020-10-09 17:44:43 · 1970 阅读 · 0 评论 -
js中关于{}中对象表达式结尾多余逗号在不同的环境下产生的异常排查
用的同样的easyui和jquery版本,家里的Jdk为1.8.0,公司电脑用的jdk也是1.8.0,区别只是小版本比如201 203这样的不同,在家里电脑上跑的好好的easyui datagrid代码,复制到公司电脑上datagrid就不能正常工作了,完全不能显示。折腾了很久,终于找到了原因。原因就是jquery 表达式中的{}中的对象结尾","逗号的区别。比如:下面的JS代码在家里的电脑跑的灰常正常 <table id="dg"></table> <script原创 2020-05-20 12:02:37 · 1136 阅读 · 2 评论 -
Js判断页面是首次加载还是二次载入刷新
1 利用window.name属性在页面刷新时不会重置判断(在该属性空置的情况下可使用) if(window.name == ""){ console.log("首次被加载"); window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值 }else if(window.name =...转载 2020-04-22 17:56:31 · 1459 阅读 · 0 评论 -
绕过JavaScript debugger三种解决方法
最近网上挺火的一段加密混淆JS,格式化展开后有300多行,目的是解析生成一个cookie,不携带cookie,就不能加载网页源码,典型的反爬虫操作。 看后觉得好使的请记得点赞哦!烧鸡么么哒!谢谢:)JS会自动监视是否打开了调试器,如果打开了,就会调用下面这个很恶劣的递归死循环函数,从0开始累加调用,不断弹出debugger窗口,直到你电脑卡死,浏览器崩溃第一种反调试解决方法: ...原创 2019-12-21 13:21:28 · 10193 阅读 · 3 评论 -
JavaScript之函数直接量、匿名函数(function(x,y){}())写法及示例
JavaScript之函数直接量(function(x,y){}())写法和用途,就像java的匿名类一样,定义并立即执行一个函数,并在函数本体中立即得到返回值。var _0x4818 = ['csKHwqMI', 'ZsKJwr8VeAsy', 'UcKiN8O/wplwMA==', 'JR8CTg==', 'YsOnbSEQw7ozwqZKesKUw7kwX8ORIQ==', 'w7o...原创 2019-12-19 23:13:50 · 831 阅读 · 0 评论 -
JavaScript中function的各种定义和使用方法,及function对象的理解。
在js中秉承着一切都是对象的原则,不论是方法还是其他都不例外。我们在使用java的时候经常要编写方法,这时候其用的关键字是function,而在js中我们在编写函数的时候也是用这个关键字,所以常常会使我们错把两者进行关联,所以常常会把我们引导至一个错误的方向。所以接下来我们先从function的各种定义开始说起:1、先说说三种显式函数定义方法:一:实际上就是我们平常最为常见的定义定法...原创 2019-12-19 22:37:05 · 7088 阅读 · 0 评论