- 博客(43)
- 收藏
- 关注
RSS订阅
原创 Layui动态添加下拉选项值以及根据后台返回数据默认选中某项值的功能
最近项目遇到需要动态加载option选项后还要默认选中某项值的问题，折磨了几天终于试出了目前可以解决的方法。两种方式各有优劣：HTML：<td><span class="colorRed">*</span>运抵国家：</td><td> <select name="currency" id="currency"...
2019-05-23 15:05:43
8603
2
原创 关于layui表格渲染templet解析单元格的问题
关于表格解析自定义单元格的解析参数请先详细查看官方文档：http://www.layui.com/doc/modules/table.html#templet然后我简单说一下 templet - 自定义列模板 我在项目中遇到的解析问题： 在解析单元格的时候自定义列为这样：{field: 'tpye', title: '所属类别', align:"center",templet:'#typ...
2018-08-16 09:48:46
27750
4
原创 关于layer.open弹出表单初始化和表单提交更新表格的问题
项目需求：点击表格修改按钮后传入当前tr的值赋值给弹出层的表单（初始值），然后通过修改表单里面的值来提交到后台并更新页面表格数据 首先给按钮绑定弹出层事件，然后初始化表单值layer.open({ title: '仓储信息修改', type: 2, skin: 'layui-layer-rim', //加上边框 ...
2018-08-10 16:55:52
14612
4
原创 关于layui框架自带分页和表格重载的接口解析问题
首先要了解框架分页自带的参数有哪些，特别是注意参数名称要和后台一致! **需要注意的是layui框架的数据解析格式问题，data必须是个数组对象的形式才能正常解析否则会很麻烦（亲测过非正常解析，手写js手动动态添加表格） data 格式例如：{ "count": 11, "code": 0, "msg": "", "data": [ {
2018-08-09 16:06:31
10846
23
原创 Layui 如何监听表格复选框选中值
需要达到的目的：ajax()异步请求后台时，需要传入表格里复选框选中的id值注意：在渲染form on 方法的done里面加入done:function(res){ table_data=res.data;} 将复选框选中的值的id加入数组中，然后传递到后台作为ids参数//自定义数组var table_data=new Array();va...
2018-05-18 16:51:59
30325
5
原创 关于layui文件上传-- 多图片上传预览
<html><head><meta charset='UTF-8'><meta name='Author' content='wanghua'><title>Test upload with Layui2</title><link rel='stylesheet' href='/assets/lay...
2018-04-09 11:05:42
5476
原创 vue2+elementui+Carousel 轮播显示图片问题
代码片段： <template> <el-carousel indicator-position="outside" :loop="true" trigger="click" class="msfcListUl"> <el-carousel-item v-for="(item1,index) in msfcList" :key="index" class="car-item"> <div class="f
2022-04-28 17:25:43
1459
原创 vue2发送Ajax请求实例
vue本身不支持发送AJAX请求，需要使用vue-resource（vue1.0版本）、axios（vue2.0版本）等插件实现axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护vue使用axios发送AJAX请求：首页安装并引入axiosnpm install axios -S或者网上直接下载axios.min.js文件通过script src的方式进行文件的引入<script
2022-01-17 14:56:59
3063
转载 swiper自定义pagination分页器样式内容
需求：自定义分页器样式，将小圆点替换为标题样式点击HTML代码：<!--分页器--><div class="swiper-pagination"> <ul class="pagination"> 自定义内容 </ul></div>JS代码：pagination: {//分页容器的css选择器 el:'.pagination', clickable:true, renderBull
2021-09-08 16:16:27
1445
原创 JS自定义Video的播放按钮并监听该事件
自定义video标签播放封面按钮<video width="628" height="375" id="video" poster="img/video.png" autoplay="autoplay" preload="none" controls="controls"> <source src="img/video.mp4" /></video><p class="playBtn" id="playBtn"><img src="im
2021-07-09 15:36:17
3598
原创 JS使用扫码枪传递参数调取后端接口
项目需求：使用条码枪进行商品编码扫描并录入商品信息方法一：<input type="text"><script type="text/javascript"> var a = []; var timeout; $("input").keyup(function(){ a.push($(this).val()); clearTimeout(timeout); timeout = setTimeout(f
2021-04-16 16:17:26
1565
2
原创 针对Layui数据表格单击tr行选中当前行的单选框或者复选框功能
1、table单击tr行勾选checkbox功能：//单击行勾选checkbox事件 var tableDiv; $(document).on("click",".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var tableBox = $(this).parents(
2020-06-08 16:51:07
2514
原创 基于Layui开发的X-admin2.0框架监听数据表格行点击事件无反应问题
基于Layui开发的轻量级后台管理X-admin2.0框架问题需求是想要单击监听数据表格行并获取该行数据对象的问题直接用框架文档里的监听行事件根本没有效果table.on('row(bodyTab)', function(obj){})最后还是采用了原生DOM查找的办法获取到tr行的事件监听：,done: function(res, curr, count){ //dom获取到tr行绑定单击事件 $('#DetailDiv').find('.layui-table
2020-06-05 15:26:39
551
原创 JS使用递归方法解析多层嵌套json接口的方法
实现：动态加载后台管理项目菜单功能，并且json为三层嵌套对象如图所示json返回：解析如上所示多层json对象，一开始我直接用each方法解析,发现不是name就是url获取不到一直报错undefined $.each(json, function (index) { var result = ''; var json = data.data; var name = json[index].name; var chil
2020-06-02 16:07:31
4028
原创 Layui数据表格解析任意数据格式问题
项目里遇到一个非框架默认格式的json数据，进行数据转换后遇到的bug；如图所示我要解析的json格式为：我的表格需要渲染list里面的数据然后我通过格式转换实现了，然而还需要在页面显示listnnum 和 listynum 的条数值，此时我用data.去取显示undefined...,done: function (data, curr, count) { if(da...
2019-11-11 11:04:16
3122
原创 layui数据表格复选框传递参数值到后台并下载文件
需求实现：通过layui框架数据表格渲染方法解析出表格，然后根据表格复选框选中的值（id）来传递到后台，目前需要实现的是调用后台的文件下载接口；由于下载接口不能直接使用ajax方法，所以就用的表单提交来实现参数传递；上代码：首先需要写一个隐藏表单来实现下载功能：<form action="后台下载接口" method="post" name="Form"> ...
2019-08-26 15:44:41
2064
原创 layui.tree组件使用以及搜索节点功能
由于项目树形节点比较多需要增加节点搜索功能，所以研究了一下加上社区伙伴的支持，目前功能可以简单实现但细节还需要修改，添加上了组件的基本使用方法和属性，现在分享出来~HTML：<div class="layui-btn-container"> <button class="layui-btn layui-btn-sm" type="button" lay-demo...
2019-08-14 14:54:33
5803
原创 提交运行git push时报错，提示Permission denied (publickey)...
本地代码想提交到一个新的git仓库地址上去，首先新建一个文件夹进行 $ git init再把要上传的文件都复制到该文件夹下面然后$ git add .然后$ git commit -m '备注' 然后$ git remote add origin 添加的远程仓库地址最后$ git push -u origin master 后报错开始。。。原因可能是没...
2019-06-10 18:06:37
6535
2
原创 IDEA本地项目修改后git提交显示No changes detected
今天提交项目时莫名出现了一个问题就是本地代码修改后commit提交的时候出现 No changes detected ！没有识别到我修改过的代码....让我很是苦恼，百度了n种方法都没有用，最后试了“杀手锏”，直接删除项目重新git线上拉取下来，重新修改提交就可以了。。。有时候git出现bug或者冲突提交不了或者pull不了的时候 这个方法还是挺好用的，哈哈哈。。。。...
2019-05-21 15:10:28
9178
3
原创 input输入框点击回车切换到下一个输入框功能
直接上代码：HTML：<form class="layui-form" action="../in" id="form" method="post" name='Form'> <div class="layui-form-item"> <label class="layui-form-label">货架条形码:</l...
2019-05-10 11:07:15
12926
3
原创 本地项目如何上传到GitHub上
GitHub的好处多多我就不用说了，最牛逼的代码管理工具。最近申请了GitHub的账号，想测试上传项目到平台上的功能，今天研究了一下分享给大家。1、首先，登录账号后新建一个项目仓库：填写项目名称和描述：创建仓库成功后，可以看到自己的仓库地址，这样我的远程免费的仓库就创建了。然后我们需要在本地安装git客户端。2、安装git客户端：官方下载地址：http://git-...
2019-04-12 17:12:31
574
原创 JS利用FormData模拟表单上传文件
js上传文件的方式有很多种，我比较习惯用的就是模拟表单提交name值来上传文件针对FormData 有一个详细的网站进行使用方法和对象说明--FormData使用<form>表单初始化FormData对象方式上传文件：html代码 <form action="" class="layui-form" id="form" enctype="multipart...
2019-04-11 16:13:10
4474
原创 eclipse里面通过git提交代码
打开eclipse编辑器，点击要提交的项目右键 > Team > Commit... 如下图所示界面：此时出现两个界面，上图的红框内是项目的目录，可以直接看到红框下面的目录为当前修改过的文件，可以直接提交更新，或者在上面红框里面选取要提交的文件目录然后指着文件点击右键：Add to Index 选项点击后可以看到当前点击的文件会被直接添加到红框下方的目录；最后一步在右侧填写代码...
2019-01-14 11:44:19
2932
6
原创 JS跨页面传递参数值并获取该参数
对于js跨页面传递参数的方法有两种：1、针对参数较为简单，字符串较短的参数传递可以采用url后缀添加参数的方法来实现；2、但是对于参数较为复杂或者参数比较多的情况就可以采用本地储存的方式来实现；**首先第一种：通过url传递参数值并获取该参数window.location.href="index.html?id=01&name='test'";将参数直接拼接在url地...
2018-12-11 16:08:31
11713
转载 CSS 属性汇总（转）
1. 黑白图像：这段代码会让你的彩色照片显示为黑白照片img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: gra...
2018-11-08 14:46:05
115
原创 Javascript常用方法函数收集
本文收集了一些比较常用的Javascript函数，是在网上看到的总结的不错，希望对学习JS的朋友们有所帮助。1.字符串长度截取function cutstr(str, len) { var temp, icount = 0, patrn = /[^-ÿ]/， strre = ""; for (var i = 0; i < ...
2018-11-08 11:46:53
836
转载 layui数据表格单击行勾选（多选或者单选行）选项的功能
实现效果： 单击行，自动选中或取消勾选–对于复选框按钮点击行的选中功能：//单击行勾选checkbox事件$('.DetailDiv').on("click",".layui-table-body table.layui-table tbody tr", function () { /*当单击表格行时,把单选按钮设为选中状态*/ var tableDiv; var index ...
2018-10-31 15:09:47
9257
3
转载 css样式大全(整理版）
color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*/font-variant:small-caps; /*小字体*/letter-spacing : 1pt; /*字间距离*/line-height : 200%; /*设置行高*/font-weight:bold; /*文字粗体
2018-09-20 10:50:10
4085
1
转载 看完让你彻底搞懂Websocket原理
一、websocket与http WebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）首先HTTP有 1.1 和 1.0 之说，也就是所谓的 keep-alive ，把多个HTTP请求合并为一个，但是 Websocket 其实是一个新协议，跟HTTP协议基本没有关系，只是为了兼容现有浏览器的握手规范...
2018-07-12 16:08:46
206
转载 layer常用提示框用法
一 layer的普通提示框代码：layer.alert('次案件已回库，请选择其他案件', {icon: 5,title: "提示"});title属性不设置时默认为“信息”。如下二 layer 带输入框的提示框注意！必须引入layer.js 如果不行再引入他的延伸js layer.ext.js 或者layer3.0.1版本的layer.js代码...
2018-05-18 16:40:58
27698
1
原创 使用Date对象获取时间相关的信息
获取当前时间：var date = new Date();var year = date.getFullYear();var month = date.getMonth() + 1;var day = date.getDate();var hour = date.getHours();var minute = date.getMinutes();var second =...
2018-05-18 16:38:10
1081
原创 清理项目缓存的几种方法
清理项目缓存的几种方法：meta方法//不缓存<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTEN...
2018-04-17 14:41:40
3823
原创 rem/em/响应式用法总结
Js动态设置rem来实现移动端字体的自适应 实际上讲了这么多，大家可能已经了解了rem的用法，但是还不了解如何利用rem去实现移动端的自适应。说到底，rem实现移动端自适应的原来在于它本身的特性，它可以始终根据根元素的字体大小去改变自己的值。目前各种常见手机的屏幕尺寸大小如下图所示：想实现手机端自适应，就是可以让页面的元素字体、间距、宽高等属性的属性值可以随着手机屏幕尺寸的变化而...
2018-04-09 12:01:50
1731
原创 匹配url后的参数（模拟a标签点击定位）
function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null){ ...
2018-04-09 11:53:43
418
原创 文字设置css样式，在超出宽度后用省略号...代替显示
html使用css让文字超出部分用省略号三个点显示的方法： 我正确使用的就是下面的代码，li里面是a标记。在IE和google中使用是正常的，火狐不知道，我也不在意，等你来测 li{ display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; }...
2018-04-09 11:07:18
1484
转载 META标签
META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等...
2018-04-09 11:04:12
123
原创 web前端面试题（关于闭包）
var a=0,b=0;function A(a){//外层函数：局部变量a //内层函数 A=function(b){console.log(a+b++);} //将内层函数赋值给全局变量A形成闭包 console.log(a);}A(1);//1//A:function(b){(a=1)// console.log(a+b++);}A(12);//13...
2017-09-06 00:23:23
1347
原创 web前端面试题（查找字符串中出现最多的字符）
//思路：查找数组中出现次数最多的元素，先初始化创建一个数组，//然后打散数组并排序后无缝拼接，排序中固定用法：str.split("").sort().join("");//再用正则表达式的方式定义数组中的值// var reg=/([a-z])\1*/ig;//([a-z])表示第一个字母，开头的必须是字母！！！// \1 表示匹配和 开头字母一样的字母。例如：开头是a，则后面相...
2017-09-06 00:19:35
959
原创 web前端面试题（数组一大一小排列）
//思路：先用给定好的降序数组，先了解清楚排序输出结果的规律：一大一小；//然后设置空数组保存结果，通过循环双向遍历数组中的值，分别将j和i//放进数组中，因为是一大一小排列所以要先放j再放i，//最后当i=j时就把当前循环的值arr[i或者j]直接放进数组机即可；//给定降序排列好的数组：排序成一大一小的样子var arr=[7,6,5,4,3,2,1]; //...
2017-09-06 00:16:57
776
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人