前端
关注
分享
扫一扫
步步静心
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Promise
Promise原创 2022-09-06 16:24:42 · 848 阅读 · 0 评论 -
箭头函数理解
箭头函数转载 2022-08-12 10:01:10 · 653 阅读 · 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 · 824 阅读 · 1 评论 -
jquery多个标签绑定同一个事件
jQuery为多个元素绑定同一个事件的目的是当触发一个事件后，会同时影响多个元素，这样可以减少代码量，不用分开绑定事件了。如果想为多个元素绑定同一个事件，可以使用英文逗号将不同的元素隔开。下面是jQuery为多个元素绑定同一个事件的代码：$("#div1,#divN,xxxxxxx").click(function(){ });//在此示例中，具有类名“ p1 ”和“ p2 ”，id为“ div3 ”的元素将动态添加红色边框。$(".p1, .p3, #div3").css("border",转载 2022-02-14 09:14:55 · 4081 阅读 · 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 · 2500 阅读 · 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 · 5331 阅读 · 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 · 686 阅读 · 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 · 152 阅读 · 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 · 1872 阅读 · 0 评论 -
cookie是什么
cookie是什么，如何使用cookie转载 2021-08-10 17:05:36 · 116 阅读 · 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 · 1288 阅读 · 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 · 8756 阅读 · 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 · 1194 阅读 · 0 评论 -
js中判断两个字符串是否相等
在javascript判断两个变量值是否相等，可以使用 ==（等同）操作符 或者 ===（恒等）操作符== 操作符“等同”操作符，简单判断2个变量值是否相等，变量类型不一致时，会做类型转换（即两个操作数类型不一致，它会在某些时候自动对操作数进行类型转换），即忽略变量的类型进行比较例1：var str1 = "123456" ; // 字符串var str2 = "123456" ; // 字符串alert(str1==str2) ; // 打印出 true，即相等例2：var str1 =原创 2021-06-09 13:57:03 · 29688 阅读 · 2 评论 -
script标签位置
script标签的位置JS在HTML中放的位置script标签到底该放在哪HTML中style标签和script标签的存放位置原创 2021-06-04 13:47:14 · 154 阅读 · 0 评论 -
JavaScript简史
JavaScript出现主要是处理网页中的前端验证，即验证用户输入的内容是否满足一定的规则，如用户名长度，密码长度，两次输入密码是否一致等等JavaScript于1995 年由网景公司发明，最初的 JavaScript 名为 LiveScript，但是因为一个糟糕的营销策略而被重新命名，该策略企图利用Sun Microsystem的Java语言的流行性，将它的名字从最初的 LiveScript 更改为 JavaScript——尽管两者之间并没有什么共同点。这便是之后混淆产生的根源。1996年，Micro原创 2021-06-03 16:17:49 · 167 阅读 · 1 评论 -
validate表单验证相关
Validate表单验证TabIndex 属性 Tabindex="-1" 与Tabindex=“0”、任意数字validate表单验证原创 2021-05-19 09:35:03 · 103 阅读 · 0 评论 -
html表单元素input type=”hidden”的作用
隐藏域在页面中对于用户是不可见的，在表单插入隐藏域的目的在于收集和发送信息，以利于被处理表单的程序所使用注：隐藏只是在网页页面上不显示输入框，但是虽然隐藏了，还是具有form传值功能。一般用来传值，而不必让用户看到。基本语法：<input type="hidden" name="field_name" value="value" />作用1、隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者点击发送按钮发送表单的时候，隐转载 2021-05-17 10:05:31 · 1734 阅读 · 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 · 1467 阅读 · 0 评论 -
超链接，图片标签
超链接a标签，target属性，用于指定超链接打开的位置常见的可选值有：_self：在当前页面打开超链接，是target属性默认值_blank： 在新页面打开超链接<a href="echarts1.html" target="_self">超链接</a>二者相比：如百度就是在新页面打开链接，用的是_blank; 缺点有，稍不注意打开一堆网站，无法清晰知道哪个网站有用？国外网站如谷歌，打开链接是在当前页面打开，想看上个页面，回退就可以；避免打开多个网站超链接不仅可以原创 2021-05-11 13:45:01 · 226 阅读 · 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 · 349 阅读 · 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 · 298 阅读 · 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 · 3336 阅读 · 0 评论 -
html5新特性-header,nav,footer等各元素的详解
html5新特性-header,nav,footer,aside,article,section等各元素的详解原创 2021-05-07 16:22:33 · 819 阅读 · 0 评论 -
html不规范代码浏览器处理方式？
块元素block element, 在网页中一般对页面进行布局行内元素 inline element, 主要用来包裹文字一般情况下，块元素内基本上什么都可以放，块元素和行内元素都可以；但行内元素中不能放块元素，例外的是p标签，虽是块元素，但不放任何块元素但是会发现如果在p标签中放了h1标签等，页面给用户感受是照常显示，不会出问题的；原因在于最终我们看到的网页的样子其实是浏览器在掌控的，浏览器让是什么样就是什么样；浏览器在解析网页时，会自动对网页中不符合规范的内容进行修整；如在根元素外写了有关内容原创 2021-05-07 16:09:51 · 406 阅读 · 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 · 1353 阅读 · 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 · 1368 阅读 · 0 评论 -
清空input输入框的历史记录
添加autocomplete属性，autocomplete=“off”<input class="form-control" type="text" id ="gIdName" name="gIdName" autocomplete="off"/>原创 2021-04-19 11:05:03 · 1090 阅读 · 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 · 695 阅读 · 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 · 15552 阅读 · 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 · 2837 阅读 · 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 · 8555 阅读 · 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 · 760 阅读 · 0 评论 -
页面刷新后表单里面input的元素不清空，怎么办？
有过表单设计经验的肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击 input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据，所以今天就来个让input表单输入框不记录输 入过信息的方法。只需要在input文本输入框中加一条属性autocomplete="off"即可。 input 的属性autocomplete 默认为on，其含义代表是否让浏览器自动记录之前输入的值； 很多时候，需要对客户的资料进行原创 2021-03-05 10:55:28 · 2570 阅读 · 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 · 592 阅读 · 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 · 10170 阅读 · 1 评论