- 博客(24)
- 收藏
- 关注
原创 vue中map()和filter()的使用—vue中隐藏表格整行
.filter()的使用:方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。语法:const arr= [32, 33, 16, 40];const arr1 = arr.filter(item => item >= 18)console.log(arr) // [32, 33, 16, 40]console.log(arr1) // [32, 33, 40]map()的使用:方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值;
2020-10-21 18:12:48 5570
原创 layui初始化表格并新增表格行(对象继承)
//------------------html------------------<form class="layui-form" id="craftFormAdd"> <div class="craftMsg"> <table id="craftTable" class="layui-table b...
2019-09-03 10:58:47 589
原创 vue中动态组件绑定(is)和缓存keep-alive—tab切换and切换保留所填内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-U...
2019-03-11 11:07:17 2880 1
原创 jquery比较两组数组中数据是否相同及复选框遍历判断
var $knifeTable = $("#knifeTable");var $equipTable = $("#equipTable");var $craftTable = $("#craftTable");//获取下拉框的值var layerNum = $("#layer").children("option:selected").val();//触发事件$(document)....
2019-01-11 16:18:08 3083
原创 git的使用过程
1:安装git(next --> next --> 即ok)2:创建本地与远程的搭桥即用ssh搭桥(1)建立秘钥在本地项目文件夹下打开git bash here ,输入ssh-keygen -t rsa或者$ ssh-keygen -t rsa -C youremail@example.com你需要把邮件地址换成你⾃⼰的邮件地址,然后⼀路回车,使⽤默认值即可,其次输入c...
2018-11-21 16:16:44 163
原创 select下拉框启用和禁止
描述:通过你好来判断hello是否启用和禁止html:<li> <span class="xin">*</span><label>你好</label> <select id="dimAcc"> <option >类似</option> ...
2018-11-06 11:08:45 3480
原创 html实现上标(次方),下标,删除线
1上标(次方):例:V<sup>f</sup>2:下标例:V<sub>f</sub>3:<del>删除线</del>
2018-10-11 10:16:37 2693
原创 背景图响应式
<!--html--><!--big image--><div class="searchImage"> <img id="seImg" src="images/banner.png"> <div class="searchMes"> <h2> 信 息 数 据 搜 索</h2>...
2018-10-10 09:56:37 486
原创 html和css制作上三角和下三角
//html<div class="topmsg"> <p class="gle"></p> <a id="pereditor" href="javascript:;">个人资料编辑</a></div>//css.topmsg{ position: relative;}.gle...
2018-09-20 11:13:43 3543
原创 前端使用小图标网站总结
1:阿里图标库2:http://www.fontawesome.com.cn/ (font awesome图标库)简单方便易使用!(使用方法见图表官网)国内推荐:<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">国外推荐:<...
2018-09-19 14:14:08 2300
原创 img标签设置背景+css绝对定位水平居中
//html<div class="botcom"> <div class="bottomcomm"> <img src="images/bot.png"> <div class="botsystem"> <p>hell word;hell word;hell word;...
2018-09-18 09:44:44 3028
原创 判断多个复选框被选中状态(两种方式)
$(document).on("click","#historya",function(){ //创建数组 var checkedList = new Array(); //两种判断type=checkbox方式//第一种.....................................// if(checkedList.l...
2018-09-14 13:44:05 16030
原创 jquery遍历数组显示至dom元素
//假设后端数据var waitdata= [ { "orderNo": "A69824743284408320", "proUnitPrice": 544, "proQuantity": "2", "orderStatus": "1", "logisticsOddNo": "4345657654432...
2018-09-14 13:30:48 2674
原创 jquery判断多个input框是否选中并提交数据(数据提交成功后对所选的input框进行操作)
//遍历后端数据 //创建table var $tabledeliver = $('<table class="tabledeliver">'); $.each(datadeliver,function(i,e){ //datadeliver后端数据 //遍历后端数据 var $trdel...
2018-09-14 11:30:42 1683
原创 jQuery.marquee.js实现图片超一个方向一直走动
<script type="text/javascript" src="/js/jQuery.marquee.js"></script>//html代码(如两行有7个或者8个图片) <div class="direction_left"> <table> ...
2018-09-12 14:47:35 683
原创 jquery.vm-carousel.js实现展示多个图片的轮播效果
<script type="text/javascript" src="js/jquery.vm-carousel.js"></script>//html代码(假设共10个li但只显示5个!) <ul class="vmcarousel-normal" > <li> &l...
2018-09-12 14:40:37 2855
原创 使用carousel.js实现轮播效果
//引入文件<script type="text/javascript" src="js/carousel.js"></script>//html代码 <div id="carousel1" class="carousel-content"> <ul class="carousel"> <...
2018-09-12 14:19:57 6817 1
原创 前端如何操作后端返回日期格式(long格式转换为日期格式)
//long转换为日期格式函数 Date.prototype.format = function (format){ var o = { "M+": this.getMonth() + 1, "d+": this.getDate(), "h+": this.getHours(), ...
2018-09-04 10:54:25 3852
原创 Jquery遍历数组(包括获取后端数据后的操作)和遍历标签(class名)
//遍历数组(获取后端数据如何遍历操作)var status = 1; //自定义状态$('.tables-detail').html(""); //调用ajax之前如果不同数据要显示在同一个地方,最好清空内容 $.ajax({ type:"GET/POST", async:true, url:接...
2018-09-04 10:21:28 3336
原创 动态遍历复选框且id名与其label标签for属性一一绑定
图片展示:css代码:注:label标签定位在复选框上input[type="checkbox"]{ display: none;}label{ position: relative; display: inline-block; z-index: 1; border: 1px solid #b8b8b8; margin-lef...
2018-07-27 12:32:50 1979
原创 前端jquery表格分页效果函数分装(jquery表格行显示隐藏变形问题)
标题html代码如下:<div><span class="spanFirst">第一页</span><span class="spanPre">上一页</span>第<span class="spanPageNum"></span>页/共<span class="spanTotalP...
2018-07-26 13:49:19 1228
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人