- 博客(148)
- 收藏
- 关注
原创 后台返回平行结构,前端js递归实现凑树形结构
//假设这是后台返回的数据const list = [ {parent:null, id:1}, {parent:null, id:2}, {parent:1, id:3}, {parent:1, id:4}, {parent:2, id:5}, {parent:2, id:6}, {parent:3, id:7} ] //结果数组 var result
2021-01-15 15:07:00 269
原创 不依赖后台layui实现导出excel文件
//第一步引入插件(导出的文件你要找不到可以联系我,不过挺好找的,你百度一下实在找不到我,叫我,我给你) <script src="./layui-v2.5.7/layui-excel/layui_exts/excel.js"></script> //第二步弄个导出按钮 <button id="export" class="layui-btn layui-btn-warm">导出</button> //第三步获取要导出的数据(这里我就.
2021-03-17 14:48:14 342
原创 解决layui获取不到弹出层中的表单元素
layer.open({ title: '录入', //注意这里是2才是引入外部html type: 2, area: ['700px', '350px'], content: "./detail.html", success: function (layero,...
2021-03-17 14:40:50 1190 1
原创 解决layui数据表格默认条数是10的问题
// table渲染 table.render({ id: 'oderDetailTable', elem: '#oderDetailTable', url: basePath + 'web/order/getAllOrderList', page: true, //开启分页, height: 'full-230', limit: 90, //每..
2021-03-16 10:21:31 2586
原创 layui中的数据表格显示的是msg字段,而不是data字段
数据表格中数据接收到了,没有显示data字段,却显示msg字段原因是:code的值不为0,。此处应该注意的是,只有当code的值为0时,才表示成功,其他均为失败
2021-03-16 10:18:46 1028 3
原创 阻止原生输入中文拼音途中会触发input方法的问题
var flag = true; $('#txt').on('compositionstart',function(){ flag = false; }) $('#txt').on('compositionend',function(){ flag = true; }) $('#txt').on('input',function(){ var _this =
2021-03-15 16:23:25 186
原创 elementui表格多选去掉表头的多选框
//第一步<el-table :header-cell-class-name="cellClass"//第二步monthods里写入// 为多选的表头添加类名 cellClass(row){ if (row.columnIndex === 0) { return 'disabledCheck' } },//第三步 /* 去掉全选按钮 *//deep/.el-table .disabledCheck
2021-03-03 15:44:01 1502 1
原创 实现elementui输入框只能输入数字和一个小数点
//@input对应的函数下 this.params.CFee = val.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
2021-03-03 15:35:34 835 3
原创 去除input边框以及选中时边框 默认样式
input { border: 0; // 去除未选中状态边框 outline: none; // 去除选中状态边框 background-color: rgba(0, 0, 0, 0);// 透明背景 }
2021-02-04 11:09:53 607
原创 实现elementui输入框只允许输入数字(不是type=‘number‘)
<el-input oninput="value=value.replace(/[^\d]/g,'')" v-model="formData.cellPhoneNumber" placeholder="请输入"></el-input>//加入oninput="value=value.replace(/[^\d]/g,'')"//即可
2021-01-15 14:53:39 349
原创 前端输入框只允许输入数字和字母
onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" 加入input标签里
2020-11-10 11:35:55 1400
原创 前端获得url上的拼接参数
function getURLParameter(paramName) { var urlParams = window.location.href.split("?")[1]; var paramArray = urlParams.split("&"); var len = paramArray.length; var paramObj = {};//json对象 var arr = [];//数组对象 for (var i = 0; i <
2020-08-17 10:37:13 879
原创 在谷歌浏览器中Response中set-cookie无效,不能有效的保存到浏览器Cookie中的情况
解决方案:1,在浏览器地址中输入 chrome://flags2,在搜索输入框中输入 SameSite by default cookies3,下拉框中选择 Disabled 属性最后重启浏览器就可以了,有什么疑问也可以讨论,欢迎交流。
2020-07-29 19:23:16 5965 2
原创 vue的class
//item是变量,add和jian是class名字:class="[item > 0? 'add' : 'jian']"//tabActive是类名,activeId是变量:class="{'tabActive':activeId == 1}"
2020-07-07 13:14:22 232
原创 angular
//创建项目(要求 `Node.js` 版本至少在 `v10.13` 或 `v12.0` 版本)ng new 项目名称//启动项目cd 项目名称ng serve //或者ng serve --port 端口号//打包ng build//普通路由加载//app.routing中 {path: 'self', component: AppComponent} //创建组件命令 ng g module 组件名 --routing ng g component 组件名...
2020-06-22 14:14:59 221
原创 echarts点击地图进入下一级省市(外加返回上一级代码)
<template> <div class="box"> <div class="left"> <div ref="map" style="width: 100%;height: 95%;position: absolute;left: 0;top: 5%;"></div> </div> <button class="right" @click="cancel">
2020-06-02 16:31:25 3726 1
原创 select让默认选项的字体颜色和真正的值不一样的实现方法
<select id="type"> <option value="" selected>请选择类别</option> <option value="强标">强标</option> <option value="推标">推标</option></select>//注意我这里用到了jquery啊$("select").click(function(){ $("select").fin
2020-05-29 10:46:01 1321
原创 根据省市首个汉字按照字母排序
list.sort(function(a,b){ return a.name.localeCompare(b.name); });
2020-04-22 16:32:29 173
原创 解决 cnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本
解决
2020-02-07 09:28:01 390
原创 面试回答跨域问题
端工程师面试中,经常遇到有关‘跨域’的面试题。‘跨域’是作为一个前端工程师无法避开的问题。那么,我们看看面试官怎么问(什么是跨域?谈谈你对跨域的理解?什么导致了跨域?你解决过跨域问题吗?你在工作中怎么解决跨域?跨域解决方案有哪些,了解过哪些?前后端分离,你有遇到跨域问题吗?...那么,带着这些问题,我们来分析一下,如何回答)=====================================...
2019-12-26 15:07:04 615
原创 promise链式调用,省市县为例
//复制粘贴即可看到效果,过5秒获取到省,再过5秒获取到市,再过5秒获取到县<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> &l...
2019-12-25 09:53:40 203
原创 git for windows下的Filename too long
解决办法git config --global core.longpaths true
2019-12-23 11:23:06 187
原创 instanceof到底怎么判断的
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> //就是判断对象的原型链(__proto__)和构...
2019-12-12 14:54:34 350
原创 console.log(document.getElementById("div"))找不到不会报错,会返回null
console.log(document.getElementById("div"))找不到不会报错,会返回null
2019-12-12 08:32:55 710
原创 js数组常用方法汇总
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> let l = [1,2,3,4] //n...
2019-12-11 10:41:40 141
原创 flexible的原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width, initial-scale=...
2019-12-05 16:10:21 2189
原创 csrf攻击
跨站请求伪造攻击(CSRF)跨站请求伪造(CSRF,Cross-site request forgery)是另一种常见的攻击。攻击者通过各种方法伪造一个请求,模仿用户提交表单的行为,从而达到修改用户的数据或执行特定任务的目的。通常情况下CSRF攻击都配合XSS来实现用户身份的模仿。解决思路1、增加攻击的难度。GET请求是很容易创建的,用户点击一个链接就可以发起GET类型的请求,而POST请...
2019-12-02 13:52:17 292
原创 XSS攻击
XSS全称(Cross Site Scripting)跨站脚本攻击<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>输入您的昵称:<...
2019-12-02 13:30:29 201
原创 原生复选框全选与取消的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="checkbox" name="city" value="...
2019-11-22 10:12:55 244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人