前端layui
关注
分享
扫一扫
温暖的松子
这个作者很懒，什么都没留下…
展开
-
思极地图step表达式||interpolate表达式||get/match/case表达式
get/match/case表达式：https://blog.csdn.net/gisarmory/article/details/122605374step表达式：https://www.cnblogs.com/gisarmory/p/15994054.html插值表达式：https://www.cnblogs.com/gisarmory/p/16254776.html。转载 2023-01-31 11:16:29 · 510 阅读 · 0 评论 -
VUE+elementUI el-table 表格跨页全选
【代码】VUE+elementUI el-table 表格跨页全选。原创 2023-01-31 09:41:57 · 981 阅读 · 0 评论 -
ecahrts柱图自动排序
yxis:{//升序inverse: true,}原创 2022-12-08 11:11:49 · 1161 阅读 · 0 评论 -
el-select 下拉框选择后获取label值，用value返回list对象数组中的对应的label
el-select 下拉框选择后获取label值，用value返回ist对象数组中的对应的label。原创 2022-11-25 17:39:20 · 1584 阅读 · 0 评论 -
表单补充完整时，按钮取消禁用，表单未补充完成时，按钮禁用
按钮代码(同时验证form3和form4补充完整时，取消禁用状态)同时验证多个表单，按钮禁用状态。原创 2022-11-25 11:52:00 · 355 阅读 · 0 评论 -
图表配色卡
图表配色卡原创 2022-11-22 10:37:12 · 239 阅读 · 0 评论 -
vue+elementui限制输入框规则，数字并保留小数，或只能输入数字
【代码】vue+elementui限制输入框规则，数字并保留小数，或只能输入数字。原创 2022-11-22 10:16:13 · 2576 阅读 · 0 评论 -
vue页面内容保存为PDF
【代码】vue页面内容保存为PDF。原创 2022-11-22 09:59:37 · 777 阅读 · 0 评论 -
vue 获取下拉框数据并赋值 默认选中第一个 列表无数据
原本默认显示第一条的select框变成了空白，在option标签中指定selected属性也没有效果，按照官网案例敲了一遍，还是没有默认显示第一条，网上查了后，才发现需要在生命周期钩子内设置参数。获取默认值的方法写在created里面，和this.$forceUpdate以及$set无关。有时候列表无数据选不中，无法选中默认值，有时候又可以。vue 获取下拉框数据并赋值 默认选中第一个。以下为解决办法，记录一下。...原创 2022-08-26 11:29:42 · 1141 阅读 · 0 评论 -
Vue-router 子路由（嵌套路由）/多层导航
嵌套路由转载 2022-07-05 10:01:24 · 467 阅读 · 0 评论 -
js字符串json/数组/对象/相互转换
js字符串json/数组/对象/相互转换数组与字符串相互转换字符串转数组数组转字符串原创 2022-06-30 16:50:41 · 671 阅读 · 0 评论 -
可视化必用的地图教程分享！还有很“干”的货在后面
可视化地图制作过程UI转载 2022-06-16 09:37:51 · 90 阅读 · 0 评论 -
NodeJs express 安装(express 4.X)|node作为服务器访问前端项目
需要提前安装好：nodejs安装expresscd到文件夹中，输入命令 npm install -g express-generator安装express框架在命令行输入express Myapp && cd Myapp创建项目Myapp并进入目录，创建好之后再输入命令npm install 安装模块运行npm start访问http://localhost:3000welcome to express文件夹内可以直接放项目文件，会自动访问in原创 2021-03-30 11:59:15 · 133 阅读 · 0 评论 -
css3父元素宽度跟随子元素，并居中父元素
父元素样式white-space: nowrap; display: inline-block;子元素样式display: inline-block;在父元素的外面包一层div并设置text-align: center原创 2021-03-23 16:16:51 · 1372 阅读 · 0 评论 -
动态星空科技感粒子登录页 附代码复制即可用
效果图（仔细看会有星空效果和粒子效果）；背景可以放到任意页面中代码：<html lang="en"><head> <meta charset="UTF-8"> <title>登录</title> <style> *{ margin: 0; padding: 0; } .cavs{ z-in原创 2020-10-16 10:03:57 · 4955 阅读 · 6 评论 -
layui表格功能合集 _ 增加和编辑页面、表格快速增加一行或编辑数据，快速删除一行或多行、批量导出、全部导出、关键字搜索等功能合集
全部带演示！！功能如下图所示，前后台数据链路已打通：如果有需要后台代码的可以私聊我！首先概览图：顺便附上echarts复杂图表：每位成员一段时间内最高最低值、每天平均值、组员均值长文预警！！添加功能演示：核心代码：form.on('submit(add)',function(data) { console.log($(".zbmc").val(),$(".zbmc").val()); console.log($("#test1").val(原创 2020-09-28 09:49:59 · 1368 阅读 · 1 评论 -
--☆☆PNG库即拿即用☆☆-- 智慧大屏素材 | BI PNG素材 | 大屏鉴赏 | 大数据可视化
智慧大屏素材png：点此跳转链接透明图片保存注意事项请跳转文章末尾！大屏可视化页面鉴赏：点此跳转链接web页面鉴赏：点此跳转链接更多前端+设计用素材：点此跳转链接注意！保存不当不会是png图片全透明素材保存图片方法为：...原创 2020-09-22 15:59:14 · 958 阅读 · 0 评论 -
js对象数组转为双重数组和数组对象包含数组
原数据var arr_obj=[ {"current_period_val":"896","etl_tmtimestamp":"06-30"}, {"current_period_val":"857681.8126000002","etl_tmtimestamp":"07-13"}, {"current_period_val":"32984.75","etl_tmtimestamp":"07-14"}, {"current_period_val":"53.29","etl_tmtimestamp原创 2020-08-06 10:31:52 · 1619 阅读 · 2 评论 -
layui form | 筛选框不加载样式或者不显示
确认引入文件没错后的两种解决办法1：父级加一个div class=“layui-form” 包裹住2：依赖的 form 组件未加载。页面js下写如下代码layui.use(‘form’, function(){var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功});...原创 2020-08-05 21:13:06 · 457 阅读 · 0 评论 -
navicat导入csv数据中文乱码
navicat导入数据出现中文乱码1.问题描述: excel转为csv后，导入英文时没错。但中文就是显示的乱码。2.解决方法: 1. 将csv用记事本打开，调整编码格式为UTF-8, 点击保存覆盖掉原文件，然后再 导入，乱码问题就解决 2. 如果还是不行，再次用记事本打开，保存为BOM UTF-8 覆盖掉源文件 再次保存为UTF-8 ...原创 2020-07-29 18:12:45 · 2794 阅读 · 0 评论 -
css文字超出部分用...代替
加上title 鼠标移入依然可以显示整条数据代码结构：a标签样式： white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;原创 2020-07-29 15:50:04 · 1769 阅读 · 0 评论 -
中国省市县联动地图，可更换成任意省，地图点击省市县下钻。可显示数据并根据数据大小标注不同颜色
两类地图预览效果如下：为了保证读者们都能理解透彻我们先做中国地图省市县三级联动，再根据代码改成某个省的市县联动！可用于大屏展示地图地图可以是平面的也可以是3d的，3d地图请参考我的另一篇文章：实用且牛逼的3D旋转地图上显示柱图，可以更换成任意省市1. 需要素材asset存放地图各省市县的jsoncss是简单的布局排版js：index3是湖南省的代码；index-china为全国代码；其余js为插件不用管我们需要关注的就是这两个js页面；2.HTML代码与css代码（复制可用）&原创 2020-07-27 18:06:02 · 1865 阅读 · 3 评论 -
js获取地址栏参数 | 简短原生JS小函数适用 | 无需引入jQuery
可以直接用也可以封装在自己的工具里面核心函数代码function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return une原创 2020-07-21 10:36:39 · 95 阅读 · 0 评论 -
一个前端设计师寻找灵感的天堂-图片网站花瓣
https://huaban.com/原创 2020-07-20 11:19:54 · 315 阅读 · 0 评论 -
☆☆☆实用且牛逼的3D自动旋转地图上显示柱图(湖南)；echarts解决方案附所有代码；可以更换成任意省市；含代码解说
echarts 3D柱图显示3D地图位置可以更换成任意省市；效果也可以自行替换效果图：需要引用的插件素材HTML页面代码和配置项JavaScript代码（复制可用）：<!DOCTYPE html><html><head> <title>湖南</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> &l原创 2020-07-16 12:11:23 · 3200 阅读 · 6 评论 -
Echarts中折线图如何绘制光滑曲线？
"data":[ { "name":"指标a", "type":"line", "stack": "总量", "smooth":true,//当为true时，即为光滑的曲线（默认为true）；当为false，即为折线。 "data":[116, 129, 135, 86, 73, 85, 73,68,92,130,245,139,115,111] } ]...原创 2020-07-15 17:57:35 · 1229 阅读 · 0 评论 -
css简约滚动条 系统滚动条美化
css简约滚动条美化前与美化后****************************************************************************css代码::-webkit-scrollbar{width: 3px; height: 10px;}::-webkit-scrollbar-button:vertical{display: none;}::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{bac原创 2020-07-08 16:45:49 · 255 阅读 · 0 评论 -
$.ajax和$.getJsona两种异步变成同步的请求JSON数据例子
$.ajax和 $.getJsona两种异步变成同步的请求JSON数据例子有时候我们给一个提交按钮注册提交表单数据的时候，在提交动作之前会进行一系列的异步ajax请求操作，但是页面js代码会按顺序从上往下面执行，如果你在这过程中进行了异步操作，那么获取不到当前异步操作返回的结果，js会继续执行下一条语句，所以我们需要同步操作请求获取后台返回数据结果后，判断结果是否符合再执行js下一条语句。以下为两种方法：1、$.ajax()$.ajax({ type: "post",原创 2020-07-08 10:55:05 · 474 阅读 · 2 评论 -
☆超简单css两张静态图片制作动态星空图（无需js和canvas,附所有代码复制即可用）
css两张静态图片制作动态星空图上个效果图，gif图像质量问题所以显示月亮蓝边，实际上很好看需要素材：star.html代码如下<html lang="en"><head> <meta charset="UTF-8"> <title>CodePen - Moon And Sky</title> <!--<link rel="stylesheet" href="css/style.css">--原创 2020-06-19 11:24:59 · 1915 阅读 · 0 评论 -
layui多行合并，附示例代码
layui多行合并样例js代码layui框架代码table.render({ elem: '#LAY_table_user' , url: 'json/p-mulu-table.json' , cols: [[ {field: 'a', title: '序号'} , {field: 'b', title: '应用场景'} , {fi原创 2020-06-18 17:35:19 · 1061 阅读 · 1 评论 -
layui点击可以伸缩的数据表格实例(表格行伸缩)
layui制作可以伸缩的数据表格；具体表现为以下效果图：以下提供js代码与json代码js代码：以下代码为自动渲染表格；需要注意的是tree属性和col属性tree: tree中的idName和pidName分别对应json数据中的本身唯一id和父级唯一id;col: col中需要注意嵌套的对象和数组以及模板 ；下面的示例演示了layui特性的一些用法；大家可以根据项目实际情况来选择// 渲染表格 var insTb = treeTable.render({原创 2020-06-18 15:52:30 · 3416 阅读 · 1 评论 -
去掉js标红波浪线
下载了一个vue项目 打开main.js全部标红如下：‘import’ is only available in ES6 (use ‘esversion: 6’). (W119)意思是import属于ES6的语法，当前页面不能用。解决办法：在页面最前面加入/* jshint esversion: 6 */以上...原创 2020-06-09 10:46:39 · 772 阅读 · 0 评论 -
HTML页面更改charset 页面码解决方案
一不小心把<meta charset="utf-8">改成了<meta charset="unicode">运行发现无法识别css；页面改回来也没用；这个页面已经不能用了解决方案：复制所有代码新建HTML文件粘贴运行，完美解决以上...原创 2020-06-08 16:16:11 · 376 阅读 · 0 评论 -
layui表格出现横向滚动条（表格宽度超出）
问题页面解决方案页面加上此css:.layui-table-body{overflow-x: hidden;}完美解决！^ - ^以上原创 2020-06-08 10:47:29 · 5377 阅读 · 0 评论 -
jquery阻止子元素继承父元素的事件（点击父元素不让子元素响应）
以下为两种解决方法1.在父元素的点击事件加上判断语句$("body,.case_close").click(function (e) { if (e.target == e.currentTarget){//防止父元素覆盖资源的绑定事件操作 //执行父元素的事件 location.href="dsindex.html?page=c" }})2.在子元素点击事件加上如下语句$("#banner").click(function (e) { e原创 2020-06-02 10:35:08 · 2580 阅读 · 1 评论 -
sortable拖拽吸附条件查询模板-前端拖拽元素并吸附保存(可删除筛选条件)
拖拽吸附条件查询模板上个效果图上代码<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sortable.js中文网</title> <link rel原创 2020-06-01 17:15:40 · 466 阅读 · 0 评论 -
前端IE或edge页面iframe显示白屏解决方法
前端IE或edge页面iframe显示白屏解决方法问题是这样的 ；页面里面有iframe，谷歌可以正常显示，ie不行。但是点击导航栏又可以显示(我做的是导航栏点击换页面)；晕，网上很多我都试过了没用，后面发现是edge没有加载iframe的src,马上用js手动加上就OK了，简单一行具体原因不清楚，把代码贴出来分享给大家 $("iframe").attr("src","i-index.html")...原创 2020-05-30 15:59:20 · 4225 阅读 · 0 评论 -
layui下拉框二级数据联动（select内容动态获取数据 二级联动）layui监听下拉框选择
layui二级联动layui 第一个下拉框动态获取数据，选取第一个下拉框数据后，下一个下拉框根据前面选择的数据 后台动态 联动填充数据HTML代码如下<form class="layui-form" action=""> <div class="layui-input-inline from-ses" style="width: 140px;"> ...原创 2020-04-29 16:56:53 · 3614 阅读 · 2 评论 -
layui select数据动态添加（下拉框数据填充赋值） 附所有代码
引用文件如下：<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script><link rel="stylesheet" href="css/layui.css"><script type="text/javascript" src="layui.js"></sc...原创 2020-04-28 15:08:18 · 5669 阅读 · 0 评论