![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
步步静心
这个作者很懒,什么都没留下…
展开
-
Promise
Promise原创 2022-09-06 16:24:42 · 767 阅读 · 0 评论 -
箭头函数理解
箭头函数转载 2022-08-12 10:01:10 · 608 阅读 · 0 评论 -
JQuery表单序列化方式
使用场景:ajax提交表单数据<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JQuery的表单序列化</title> </head> <body> <form id="submitForm"> <input type="text" name="username" /> &l转载 2022-05-20 15:57:55 · 772 阅读 · 1 评论 -
jquery多个标签绑定同一个事件
jQuery为多个元素绑定同一个事件的目的是当触发一个事件后,会同时影响多个元素,这样可以减少代码量,不用分开绑定事件了。如果想为多个元素绑定同一个事件,可以使用英文逗号将不同的元素隔开。下面是jQuery为多个元素绑定同一个事件的代码:$("#div1,#divN,xxxxxxx").click(function(){ });//在此示例中,具有类名“ p1 ”和“ p2 ”,id为“ div3 ”的元素将动态添加红色边框。$(".p1, .p3, #div3").css("border",转载 2022-02-14 09:14:55 · 3774 阅读 · 0 评论 -
layer组件弹框按钮事件
layer.open({ title:"标题信息提示",//标题信息 content: 'test',//内容区域 move: false,//是否可以拖动,默认可以拖动 btn: ['按钮一', '按钮二', '按钮三'], btn1: function(index){ //按钮【按钮一】的回调 layer.close(index);//关闭弹框 }, btn2: function(index, layero){ //按钮【转载 2021-12-16 16:01:34 · 2411 阅读 · 0 评论 -
layer弹出层 shadeClose、shade解释
layer.open({ type: 2, title: title, shadeClose: true, //开启遮罩关闭 area: ['50%', '30%'], content: ['/admin/sys/user/editPassword.html?&id='+id], btn: [OK, Cancel], yes: function (index, layero) {原创 2021-12-16 15:18:14 · 4869 阅读 · 0 评论 -
layui官网于2021年10月13日下架
推荐使用Layui镜像站:https://www.layui.siteLayer:https://www.layui.site/layer/index.htmMobile:https://www.layui.site/layer/mobile/index.htmLayui文档:https://www.layui.site/doc/index.htm Layui示例:https://www.layui.site/demo/index.htm Layer文档:https://www.layui.sit转载 2021-12-16 14:34:26 · 621 阅读 · 0 评论 -
Object.defineProperty()说明
Object.defineProperty()作用是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性使用方式:Object.defineProperty 需要三个参数(object , propName , desc)object 具体操作的对象propName 要加的属性名【类型:String】desc 配置项【类型:Object】<script type="text/javascript"> let person = { name原创 2021-11-03 12:27:49 · 118 阅读 · 0 评论 -
将textarea元素设为不可编辑,不可拉伸
$("textarea").attr('readonly', true); document.getElementById("note1").style.resize = 'none'; document.getElementById("note2").style.resize = 'none';css统一将页面input,select,textarea元素改为不可编辑textarea禁止拉伸和禁止编辑...原创 2021-08-11 14:55:19 · 1785 阅读 · 0 评论 -
cookie是什么
cookie是什么,如何使用cookie转载 2021-08-10 17:05:36 · 90 阅读 · 0 评论 -
layer.msg不同弹出框样式
layer.msg(“操作成功”, {icon: 1});layer.msg(“操作失败”, {icon: 2});layer.msg(“询问信息”, {icon: 3});layer.msg(“灰色”, {icon: 4});layer.msg(“红色哭脸”, {icon: 5});layer.msg(“绿色笑脸”, {icon: 6});layer.msg(“黄色感叹号”, {icon:7});layer.msg(‘修改失败!’,{time:3000,icon:5});...转载 2021-08-04 13:40:53 · 1155 阅读 · 0 评论 -
layer.load 加载
var index_wait; $.ajax({ type: "POST", url: "/bcc/add", data: data, beforeSend: function(){ index_wait = layer.load(0, { //发送请求前调用load方法 shade: [0.5, '#fff'], }); }, complete: funct原创 2021-07-05 09:21:27 · 8692 阅读 · 0 评论 -
js判断变量不为空
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>测试js代码位置</title> <script type="text/javascript" src="./js/jquery.js"></script></head><body><input type="text" name="username原创 2021-06-09 14:11:03 · 1157 阅读 · 0 评论 -
js中判断两个字符串是否相等
在javascript判断两个变量值是否相等,可以使用 ==(等同)操作符 或者 ===(恒等)操作符== 操作符“等同”操作符,简单判断2个变量值是否相等,变量类型不一致时,会做类型转换(即两个操作数类型不一致,它会在某些时候自动对操作数进行类型转换),即忽略变量的类型进行比较例1:var str1 = "123456" ; // 字符串var str2 = "123456" ; // 字符串alert(str1==str2) ; // 打印出 true,即相等例2:var str1 =原创 2021-06-09 13:57:03 · 29305 阅读 · 2 评论 -
script标签位置
script标签的位置JS在HTML中放的位置script标签到底该放在哪HTML中style标签和script标签的存放位置原创 2021-06-04 13:47:14 · 121 阅读 · 0 评论 -
JavaScript简史
JavaScript出现主要是处理网页中的前端验证,即验证用户输入的内容是否满足一定的规则,如用户名长度,密码长度,两次输入密码是否一致等等JavaScript于1995 年由网景公司发明,最初的 JavaScript 名为 LiveScript,但是因为一个糟糕的营销策略而被重新命名,该策略企图利用Sun Microsystem的Java语言的流行性,将它的名字从最初的 LiveScript 更改为 JavaScript——尽管两者之间并没有什么共同点。这便是之后混淆产生的根源。1996年,Micro原创 2021-06-03 16:17:49 · 134 阅读 · 1 评论 -
validate表单验证相关
Validate表单验证TabIndex 属性 Tabindex="-1" 与Tabindex=“0”、任意数字validate表单验证原创 2021-05-19 09:35:03 · 80 阅读 · 0 评论 -
html表单元素input type=”hidden”的作用
隐藏域在页面中对于用户是不可见的,在表单插入隐藏域的目的在于收集和发送信息,以利于被处理表单的程序所使用注:隐藏只是在网页页面上不显示输入框,但是虽然隐藏了,还是具有form传值功能。一般用来传值,而不必让用户看到。基本语法:<input type="hidden" name="field_name" value="value" />作用1、隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者点击发送按钮发送表单的时候,隐转载 2021-05-17 10:05:31 · 1618 阅读 · 0 评论 -
js中 document.all用法
document.all是页面内所有元素的一个集合。例如:document.all(0)表示页面内第一个元素可以通过document.all判断浏览器是否是IEif(document.all){alert(“is IE!”);}可以通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素注意:ie支持document.all 而firefox 不支持document.all 表示当前页面的所有元素的集合,但该功能只被IE支持,因此它不是DOM标准原创 2021-05-14 16:46:55 · 1356 阅读 · 0 评论 -
超链接,图片标签
超链接a标签,target属性,用于指定超链接打开的位置常见的可选值有:_self:在当前页面打开超链接,是target属性默认值_blank: 在新页面打开超链接<a href="echarts1.html" target="_self">超链接</a>二者相比:如百度就是在新页面打开链接,用的是_blank; 缺点有,稍不注意打开一堆网站,无法清晰知道哪个网站有用?国外网站如谷歌,打开链接是在当前页面打开,想看上个页面,回退就可以;避免打开多个网站超链接不仅可以原创 2021-05-11 13:45:01 · 192 阅读 · 0 评论 -
使用js使table按照表头排序
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>使用js使table按照表头排序</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css"> <scr转载 2021-05-10 16:30:39 · 312 阅读 · 0 评论 -
jquery针对单双行显示不同背景颜色
//根据单双行显示不同背景色$(’#table tr:even’).css(‘backgroundColor’,’#E8E6E1’);或jQuery("#table").find(“tr:even”).css(“background-color”, “#e8e8e8”);jQuery("#table").find(“tr:odd”).css(“background-color”, “”);odd:单行 even:双行...原创 2021-05-10 13:25:28 · 263 阅读 · 0 评论 -
style=‘cursor:pointer‘
<tr> <th data-field="detailId" onmousemove="hand(this)">标识</th></tr>js:function hand(tdObj){ tdObj.style.cursor = "pointer"; }style=“cursor:pointer” 是css的一种样式,作用是当鼠标移动到该单元格上时,鼠标会由箭头形状改为手的形状。<td style="cur.原创 2021-05-10 11:32:37 · 3227 阅读 · 0 评论 -
html5新特性-header,nav,footer等各元素的详解
html5新特性-header,nav,footer,aside,article,section等各元素的详解原创 2021-05-07 16:22:33 · 700 阅读 · 0 评论 -
html不规范代码浏览器处理方式?
块元素block element, 在网页中一般对页面进行布局行内元素 inline element, 主要用来包裹文字一般情况下,块元素内基本上什么都可以放,块元素和行内元素都可以;但行内元素中不能放块元素,例外的是p标签,虽是块元素,但不放任何块元素但是会发现如果在p标签中放了h1标签等,页面给用户感受是照常显示,不会出问题的;原因在于最终我们看到的网页的样子其实是浏览器在掌控的,浏览器让是什么样就是什么样;浏览器在解析网页时,会自动对网页中不符合规范的内容进行修整;如在根元素外写了有关内容原创 2021-05-07 16:09:51 · 322 阅读 · 0 评论 -
出现h2比h1大?
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h1>第一行</h1> <h2>第二行</h2><article> <section>原创 2021-05-07 15:12:20 · 1183 阅读 · 0 评论 -
meta标签及html标签lang属性
meta标签首先必须得知道meta标签是在head标签内使用的简单页面:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="refresh" content="3;url=http://www.baidu.com"> <title>Document</title></head><原创 2021-05-07 14:36:59 · 1238 阅读 · 0 评论 -
清空input输入框的历史记录
添加autocomplete属性,autocomplete=“off”<input class="form-control" type="text" id ="gIdName" name="gIdName" autocomplete="off"/>原创 2021-04-19 11:05:03 · 1045 阅读 · 2 评论 -
form表单下的button不设置type会自动提交表单
是在做项目时遇到的问题form标签下, <form id="realtime" name="realtime"> ... <button class="btn btn-outline-primary btn-sm" id="addGroup" >添加组 </button></form>点击按钮执行的事件有:$('#addGroup').on('click',function (){ //发起ajax请求 })在浏览器中查看请求,原创 2021-04-15 15:15:09 · 646 阅读 · 0 评论 -
前端 js中的$()
js中的$()的用法通俗易懂$("#id")=document.getElementById("id");标签选择器$('p'),$('tr')类选择器$('.myClass')id选择器$('#myId')绑定id前要加一个"#",如果不加的话绑定的是标签,而不是一个id,比如: $("li").click(function(){ alert($(this).html(); );这个就是绑定li标签,点击所有的li标签都会触发这个点击事件。如果你要用$(“#id”),你得引原创 2021-03-24 09:58:43 · 15304 阅读 · 0 评论 -
js 实现 input 框 是否只读属性
input 框只读属性: readonly在页面中直接添加为只读时,可在input中直接添加 readonly=“readonly”,但是如果想通过点击按钮或其他改变值来修改是否只读的属性,需要通过js(或jquery)来实现。js 在对于readonly、disabled等属性设置时,有一个小问题:首先,document.getElementById(“id”).readonly = “true”; 设置input为只读,但是,当通过document.getElementById(“原创 2021-03-16 17:28:13 · 2696 阅读 · 1 评论 -
input type=“checkbox“
多选框 checkbox : 意为从多个选项中选择一项或者多项如下:checked 属性表示该选项在默认情况下已经被选中复选框是没有文本的,需要加入 label 标签,并且 label 的 for 属性指向复选框的 id。<!DOCTYPE html><html><head> <meta charset="utf-8" /></head><body> <form name="form1" met原创 2021-03-12 10:51:04 · 8293 阅读 · 0 评论 -
js控制select选中显示不同表单内容
获取select 选中的option的值:$("#ddlRegType").find(“option:selected”).val();获取select 选中的 text :$("#ddlRegType").find(“option:selected”).text();获取select选中的 value:$("#ddlRegType ").val();获取select选中的索引:$("#ddlRegType ").get(0).selectedIndex;设置select:设置select原创 2021-03-09 16:27:36 · 714 阅读 · 0 评论 -
页面刷新后表单里面input的元素不清空,怎么办?
有过表单设计经验的肯定知道,当我们在浏览器中输入表单信息的时候,往往input文本输入框会记录下之前提交表单的信息,以后每次只要双击 input文本输入框就会出现之前输入的文本,这样有时会觉得比较方便,但有时也会暴露用户的隐藏数据,所以今天就来个让input表单输入框不记录输 入过信息的方法。只需要在input文本输入框中加一条属性autocomplete="off"即可。 input 的属性autocomplete 默认为on,其含义代表是否让浏览器自动记录之前输入的值; 很多时候,需要对客户的资料进行原创 2021-03-05 10:55:28 · 2423 阅读 · 1 评论 -
select2国际化语言文件
<script type="text/javascript"> var id = "${param.id!''}"; $(function () { $('.select2').select2({ language: { noResults: function(params) { return "<@spring.message code='recorder.no原创 2020-12-29 15:55:57 · 531 阅读 · 0 评论 -
带搜索功能的select下拉框实现
这里使用的是select2插件select2官网官网例子html页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/css/select2.min.css" rel="stylesheet" /> <title>原创 2020-12-29 15:36:47 · 9130 阅读 · 1 评论