前端
关注
分享
扫一扫
前端
php的绯闻女友
日日无事 事复日日 忙忙亦茫茫
展开
-
使用layer提示改变jquery validate的错误提示
//验证表单 $("#loginFrom").validate({ // onfocusin: function(element) { // $(element).valid(); // }, onfocusout: function(element) { $(element).valid(); .原创 2021-10-11 11:03:25 · 327 阅读 · 0 评论 -
清空layui数据表格的数据
将layui表格的data的length变为0即可。原创 2021-09-17 11:22:52 · 1673 阅读 · 0 评论 -
css隐藏滚动条（火狐+Google+ie）
<style> html { overflow: -moz-hidde-unscrollable; height: 100%; overflow: auto; overflow-x: hidden; } body::-webkit-scrollbar{ display: none; } body.原创 2021-09-08 21:29:16 · 440 阅读 · 0 评论 -
layui表格只刷新数据而不重新渲染整个表格
最近写代码的时候发现使用table.reload时，整个表格会闪动一下，用户体验不是很好。要做到只刷新数据，只需两步：1.在table.render中添加如下代码：重点是"refresh"page: { layout:['limit','refresh'], limit: 12, limits: [10, 12, 15] ...原创 2021-08-10 08:58:01 · 4018 阅读 · 0 评论 -
layui switch不出现样式的问题
最近写layui的时候需要写一个switch，类似以下效果：但是发现根据文档写的代码，switch的样式根本没出现：<div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label">上架/下架</label> <div class="layui-input-bl.原创 2021-07-21 17:18:02 · 1344 阅读 · 0 评论 -
ajax传值到后台失败的问题
最近写后台的时候，发现我写了一个数组想传进后台，但是后台一直接收不到，经过种种排查，发现是我的数据类型有一定错误。首先我定义了一个data=[],然后将数据以data['commodity_name']=$('input[name="commodity_name"]').val()的方式存入该数组中，但是这样的话并不是数组，好像与object的格式也不太对，最后console.log是这样的：最外面是[]，这样的数据传不到后台。更改：var data = {};d...原创 2021-07-07 17:51:09 · 972 阅读 · 0 评论 -
根据value值动态的设置checkbox选中状态
var checkList = $('input[type="checkbox"]');//得到所有type为checkbox的input选项 //循环遍历 for (i = 0; i < checkList.length; i++) { // console.log(checkList[i].value) //当checkbox的value值为1时设为选中状态 if (checkList[i]..原创 2021-07-07 15:27:43 · 1600 阅读 · 0 评论 -
canvas 图像的平铺
所谓平铺，指的是用按一定比例缩小的图像填满画布。HTML5中通过调用画布上下文对象的createPattern方法实现图像平铺，该方法应用格式为：createPattern(image,type) 其中参数image为被平铺对象，type表示图像平铺方式。type可取值有四种。类型 说明 no-repeat 不平铺图像 repeat-x 水平方向平铺图象 repeat-y 垂直方向平铺图像 repeat 全方向平铺图像 案例：<fi...原创 2021-06-28 09:24:11 · 1513 阅读 · 0 评论 -
使用bootstrap写一个注册页面
效果是这样，qi'z：原创 2021-06-10 17:35:27 · 3181 阅读 · 0 评论 -
解决summernote下拉框失效的问题
最近在引用summernote富文本编辑器的时候，发现点击富文本中的下拉框没有任何效果查看后台的network，并没有任何报错，经过排查以后发现是bootstrap.js文件的引用顺序问题，将bootstrap.js放在最后面即可。或者也可以排查一下bootstrap.js文件是否存在引用重复。...原创 2021-02-03 15:03:25 · 701 阅读 · 5 评论 -
解决layer.msg内容居中的问题
最近在使用layer.msg时发现文字内容靠左显示，不是很美观parent.layer.msg('您有两个选择', { time: 20000, //20s后自动关闭 btn: ['从试题库中选择试题', '新建试题'] });效果：改进后的代码：parent.layer.msg('<span style="display:block;margin: auto;text-align: center;">您有两个选择</span原创 2021-02-12 20:55:52 · 2394 阅读 · 2 评论 -
HTML5+CSS3跨平台软件开发技术 学习笔记
为网页标题栏添加图标 <link rel="shortcut icon" href="图标地址"> 例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" ...原创 2021-03-09 18:23:02 · 190 阅读 · 0 评论 -
js实现视频的播放、暂停、静音、加速、减速、快进、后退、拖动进度条改变音量、显示视频进度
话不多说，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> li { background-color: white; width: 50px; height: 3原创 2021-03-26 16:58:28 · 7570 阅读 · 1 评论 -
canvas画布 可修改画笔颜色、粗细、返回到上一步、清除画布、保存图片
直接上代码，canvas真有趣<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-04-10 14:12:32 · 2405 阅读 · 1 评论 -
html5使用indexed DB数据库实现雇员信息的增删改查
题目：自己设计界面，使用indexed DB数据库实现雇员信息的增删改查，雇员信息必须包含（雇员id、姓名、所属部门、入职日期、职位、薪资）html界面：<div style="width: 30%;margin: 10% auto;"> <form action=""> <fieldset> <legend>雇员信息</legend>原创 2021-04-22 11:35:41 · 391 阅读 · 1 评论 -
始于2021年4月29日 tp5+layui编写后台踩坑日记
1.在layui的表格中将时间戳转换为时间：2.tp5获取三天以后的时间戳：3.tp5使某一列的值自增14.ajax传值时源代码总是不对劲查看源代码时：发现源代码变成这样子，其实只要去掉else后面的注释内容就可以了。...原创 2021-04-29 23:04:00 · 332 阅读 · 0 评论 -
tp5+layui表格实现表格重载与搜索
html：注意input的id<div class="demoTable"> 搜索ID： <div class="layui-inline"> <input class="layui-input" name="id" id="demoReload" autocomplete="off"> </div> <button class="layui-btn" data-type="reload">搜索原创 2021-05-02 02:35:30 · 449 阅读 · 0 评论 -
tp5将查询内容显示到页面时报错：未定义数组索引···
今天写根据id查询内容并显示到页面时遇到了一个错：查看network时发现报的错：经过我的排查，发现是我的model里面查询时使用了select:查询单条记录时用find就可以了。但是原因我好像没有找到，如果知道望告知最后重复一下排查步骤：html:controller:model:祝写代码一帆风顺！...原创 2021-05-03 00:42:27 · 722 阅读 · 0 评论 -
layui表格输出时将图片路径中的\替换为/
templet:'<div><img src="/static/img/userplant/{{d.img0.replace(/</g, \'<\')}}" alt="用户未上传"></div>'原创 2021-05-03 23:37:07 · 353 阅读 · 0 评论 -
点击图片放大（使用layui弹窗）---layer.open
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>所有图片</title> <link rel="stylesheet" href="/static/layui/css/layui.css" media="all"> <link rel="stylesheet" href="/static/la.原创 2021-05-04 11:52:33 · 1076 阅读 · 1 评论 -
layui表格弹窗关闭重载父页面当前页
1.在模型中查询出当前页面共查询了多少次，然后将这个数字写到msg中2.在控制器中将查询到的东西返回表格3.父页面子页面：有一点绕，不懂私信我吧原创 2021-05-14 16:17:02 · 222 阅读 · 0 评论 -
layer.open页面关闭后父页面点击事件失效
最近在使用layui的table写页面时发现关闭layer.open页面后表格页面上的所有点击事件居然都失效了!!!只能将表格重新刷新页面才能重新点击，但是这样的话页面非常的。。不妙。经过检查发现，是我的selectReason子页面重复引用了jquery.js等文件。。。把与父页面相同的那些文件删掉不引用即可。。。...原创 2021-05-18 21:41:34 · 773 阅读 · 3 评论 -
vscode 安装sass
1.在vscode中建立一个文件夹，里面包括三个文件夹css、html、sass2.在sass中创建一个sass.scss文件 注意：文件的后缀是scss3.在插件库中搜索sass,选择Easy Sass4.安装成功后，点击右下角的角标，选择扩展设置5.点击settings.json6.检查settings.json中是否全部包含以下代码，若没有则补上"easysass.compileAfterSave": true, "easysass.excl.原创 2021-05-24 09:15:37 · 2377 阅读 · 0 评论 -
HTML引用css文件/sass文件
1.行内引用<div> <span style="font-size: 16px;"> 登录后更精彩 </span></div>2.内部样式 在head中的style标签中写css代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv原创 2021-05-24 09:54:30 · 431 阅读 · 0 评论 -
Uncaught Error: Syntax error, unrecognized expression: #layui-layer
layer弹出层关闭时控制层报错：Uncaught Error: Syntax error, unrecognized expression: #layui-layer查看控制台最底部：随后点击查看源代码（引用了一些文件以后，编辑器中的行数可能与源代码的不能对应，所以点击查看源代码查看控制台提示的代码），发现index.html的第220行是原来是我在layer.close()里面加了个html，去掉即可。...原创 2021-02-03 20:39:52 · 1810 阅读 · 0 评论