- 博客(22)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 vue项目打包
vue项目打包查看package.js文件的scripts命令打开webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl点击，跳转到index.js文件其中dev是开发环境，build是构建版本，找到build下面的assetsPublicPath: ‘/’,然后修改为assetsPublicPath: ‘...
2019-07-31 15:34:59
333
原创 Vue+ElementUI table表格分页
Vue+ElementUI table表格分页分页的两种方式。前端分页，后端分页。两种方式各有个的优缺点吧。前端分页：后台只需将数据返回，不需要做过多处理，前端一次请求拿到所有数据后做分页处理。但数据量不能太大，因为前端是先一次性加载所有数据，然后在做分页处理。在数据量多的情况下，加载相对应的会变慢。所有在前端做分页时要先考虑一下后期的数据量。后端分页：因为是后端分页，前端在每点击一次分...
2019-07-31 14:40:33
7755
2
原创 css子元素height:100%无效问题。
css子元素height:100%无效问题。1. 高度自适应前提是，子元素所有的父级元素全部height:100%.2. html:{ height:100% } body:{ height:100% }
2019-07-30 18:15:29
1804
原创 前端vue项目中axios解决跨域问题总结
前端vue项目中axios解决跨域问题总结1.在main.js中，axios下面添加如下代码：axios.defaults.baseURL = '/api'axios.defaults.headers.post['Content-Type'] = 'application/json';2.在config文件夹下的index.js中，dev下的proxyTable对象下添加如下代码：...
2019-07-30 16:53:50
4618
原创 Js数组转对象（特殊格式）和 JS中将对象转化为数组
Js数组转对象（特殊格式）arr:[ { } ,{ },{ }] 转化为obj:{ { },{ },{ }}利用ES6语法：let obj = {...arr};
2019-07-26 12:37:20
4138
原创 处理在多个echarts图表下 resize()方法只生效一个
处理在多个echarts图表下 resize()方法只生效一个在使用window.onresize监听窗口变化时，要使用DOM二级绑定方式：addEventListener方式。之前代码：// 折线var brokenLine = echarts.init(document.getElementById('brokenLine'),'macarons');option = { ...
2019-07-19 14:39:59
4163
1
原创 Echarts提示框自定义显示百分号
Echarts提示框自定义显示百分号tooltip: { trigger: 'axis', formatter: '{b0}<br/>{a0}:{c0}%<br/>{a1}: {c1}%<br/>{a2}:{c2}%<br/>{a3}:{c3}%<br/>{a4}:{c4}%<br/>', borderWidth:0,...
2019-07-18 15:45:44
2228
原创 设置echarts随页面大小变化自适应
设置echarts随页面大小变化自适应在项目中用echarts绘柱状图时会碰到需求是echarts会随着游览器的放大，缩小自适应。其实很简单，现在给出解决的办法。//下面my_charts是html中echarts的IDvar myChart= echarts.init(document.getElementById("my_charts"));myChart.setOption(opt...
2019-07-17 09:30:01
5620
4
原创 layui 鼠标滑过li显示内容
// 鼠标滑过li显示内容$(".index-body .news ul>li").mouseover(function() { layer.tips($(this).find("span").text(), this, { tips: [2, "#4794ec"] });});
2019-07-16 14:35:36
3463
原创 layui点击弹出层中按钮，关闭弹出层
layui点击弹出层中按钮，关闭弹出层原理：点击自己定义的button时，触发弹出层右上角取消按钮。<button type="button" lay-submit="" class="layui-btn" onclick="save()">保存</button>function save() { $(".layui-layer-close1").trigger(...
2019-07-12 12:08:00
7523
原创 Layui如何将嵌套子对象放入表格
Layui如何将嵌套子对象放入表格注意：field字段可要可不要，添加属性字段 templet: '<div>{{d.bridgeType.content}}</div>'，d表示获取的data数据{field: 'bridgeType', title: '桥型', width: 150, templet: '<div>{{d.bridgeType.con...
2019-07-11 15:20:54
6075
3
原创 layui表格重载进入当前页。
layui表格删除一条数据后，还是显示当前页。if(layEvent === 'del'){ //删除 layer.confirm('真的删除么', function(index){ obj.del(); //删除对应行（tr）的DOM结构，并更新缓存 // 发起删除请求 $.post("${ctx}/expert/del",{"id":data.id},function (res...
2019-07-11 12:13:48
3009
1
原创 背景渐变色
背景渐变色css3：linear-gradient.gradient{ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color...
2019-07-10 10:34:02
2102
原创 文字滚动标签marquee
marqueeMarquee是html的标签，所有的主流浏览器都能兼容，用于创建文字滚动。滚动方向 direction<!--滚动方向 direction 4个值 up down left right 默认从右向左--><marquee direction="up">我想上滚动</marquee>滚动方式 behavior<!--3个值 s...
2019-07-09 17:51:23
447
原创 layui table表格展示鼠标滑过列显示tips
鼠标滑过操作列// 鼠标滑过操作列// var tip_index = 0;$(document).on('mouseenter', '#proStatus', function(){ tip_index = layer.tips('项目情况', '#proStatus', {time: 0});}).on('mouseleave', '#proStatus', function(...
2019-07-09 15:48:52
9967
原创 文字不换行、显示省略号
文字不换行、显示省略号white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
2019-07-09 14:11:15
2010
原创 普通表格操作列checkbox 复选框选中之后打印当前行当前行id
表格操作列checkbox 复选框选中之后打印当前行当前行id<%-- data-id为自定义属性，传入的是后台id --%><input type="checkbox" data-id="${xxx}"> <script>// 拿到所有含data-id属性的的inputvar arr = $("input[data-id]");// 遍历数...
2019-07-09 10:47:43
348
原创 layui点击按钮弹出msg，并关闭弹出层。
layui点击按钮提示msg，关闭弹出层<button type="button" onclick="save" class="layui-btn-radius layui-btn layui-btn-sm">保存function save() { layer.msg('整改意见保存成功！', { icon: 1, time: 1000 }, function () { /...
2019-07-08 10:27:32
3223
原创 Layui 获取表格id
Layui 获取表格id第一步：table表格要有 lay-filter 属性 <table class="app-table layui-table" id="reportTable" lay-filter="reportTable" lay-data="{id: 'reportTable'}"></table>第二步：通过 table.checkStat...
2019-07-05 16:47:31
11227
1
原创 Layui校验规则
Layui校验规则1. 弹框中的规则验证书写:如果想要使用弹窗层自带的确认取消按钮,去提交form表单内容,需如下步骤:在每一个form表单中标签之前, 添加一个隐藏的按钮 <button class="authorityAddOrUpdateBtn" lay-submit style="display: none;"></button>class 属性值...
2019-07-04 18:30:14
4817
原创 layUI table操作列中tips使用
layUI table操作列中tips使用有时候table表格渲染时，对于操作列的按钮特别长时，需要提示信息tips。第一步：table.render({ cols: [[ //表头 {fixed: 'right',title: '操作', width:200, align:'center', toolbar: '#operation'} //这里的toolbar...
2019-07-03 14:53:40
9682
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人