- 博客(26)
- 收藏
- 关注
RSS订阅原创 当element表单验证根据别的值动态校验的解决办法
公司项目，打个马赛克，见谅！表单是否影响日期的必填校验。为是时，日期必填，为否时，日期可不填。具体方法为根据是否的值来改变required的值。
2020-07-15 12:04:33
1398
2
原创 算法学习之冒泡排序
function bubbleSort(arr){ let len = arr.length; let temp = null; for (let i = 0; i < len - 1; i++){ for(let j = 0; j < len - i - 1; j++){ if(arr[j] < arr[j+1]...
2020-04-19 18:01:13
138
原创 "1" == "1"判断为false,字符串不相等
写项目的时候，自定义了一个基础数据管道，然后有一天发现有个值展示的是默认值。还以为传值有问题，一通看以后发现都对，打印结果也都是1，但是==的时候false了，懵逼了，，，，各种瞎鸡儿操作以后也没好，问同事也没发现问题。最后同事百度发现了一篇文章（侵权可删）：JS两个相同的字符串被判断为不相等问题然后打印发现有个1是%0D也就是\r，回车后台修改了数据后，结果完美出现。...
2020-04-10 17:29:12
542
原创 v-for做翻页时，数据没刷新。（key值重复的原因）
先写上结论，最后再写由来。v-for涉及到分页的时候，key值不要单纯用index，或者`string${index}`。因为翻页后，index还是0-9。用ID等有个需求，分页展示步骤图。like this:然后做的时候不细心，key值写成了v-for的index。然后文字信息刷新了。理所当然的以为正确了。后来测试发消息给我说当前节点不对，和后台设置的对不上。开始查找缘由，经过...
2020-04-10 09:48:17
536
原创 vue-cli的index.html中使用环境变量
项目中使用了公司定义的统一头部文件，需要引入header.js和header.css。负责人希望各个环境引入各自的js和css。当时第一反应是process，但是在index.html里打印报错，所以最初是根据域名去判断，然后动态修改src和href值。感觉很麻烦。翻阅cli官方文档后看到了这样一段话。遂使用了一下，发现是可以的，具体写法如下：.env.xxx环境文件中定义变量...
2020-01-03 10:35:19
9980
原创 银行卡号4位分割，金钱千分位分割
银行卡号4位数分割：let bankCardNum = "3232103618902055";console.log(bankCardNum.replace(/(.{4})/g, "$1 "));//数字请加toString();//暂不考虑有空格的数据，有需求自行百度金钱千分位分割：let thousand = 12345678.909876;let reg = thou...
2019-09-25 11:37:06
677
原创 font-family:"微软雅黑"在moc上显示无效的解决办法
项目中将全局font-family:设置成了"微软雅黑"。问题出现在头部菜单，所有字体设置font-weight:bold；前期测试都没有问题，后来在ui的moc上看到字体的font-weight没有生效，打开看到CSS是font-weight:700;刚开始以为是数字原因，没有生效，然后F12中将font-weight改为bold，但是并没有效果。后来查询后将font-family改为"...
2019-09-20 16:48:31
1414
原创 return a||b a&&b a,b,c
a || b:if(a) { return a;}else { return b;}a && b:if(a) { return b;}else { return a;}a,b,creturn c;
2019-08-20 10:28:04
913
转载 对象赋值
今天在修改接口时候，因为列表数据接口和导出接口formData类似，只是多了个limit和page，然后就想着能把对象A的值直接复制到对象B，有个方法就简单很多了。类似let pageObj = { name:"", code:"", limit:10, page:1};let exportObj = { name:"", code:""...
2019-07-08 14:38:53
692
原创 vue mixins/extends传入参数方法
最近做报表页面，基本都是列表页面，所以想用mixins。但是接口的url不同，于是考虑怎么才能传入参数去适配各个页面。后来发现mixin文件可以写个函数，接受传递过来的参数，然后return一个对象。大概如下。mixin.jsexport default function(config) { let { listUrl="", exportUrl=...
2019-07-04 16:40:16
7829
1
原创 作用域阅读随笔
RHS,LHSRHS表示对变量在作用域中获取值。LHS表示对变量进行赋值，如果未存在就会在全局作用域中创建一个（非严格模式下）。对一个未定义的变量进行RHS时会报ReferenceError错误。对一个变量进行不合理的操作，引擎会爆出typeError。ReferenceError 同作用域判别失败相关，而 TypeError 则代表作用域判别成功了，但是对 结果的操作是非法或...
2018-11-06 15:42:09
219
原创 三种颜色模式值转换
接触前端以来，知道的颜色一直都是RBG模式和十六进制模式(#FFF)，但是今天奇葩UI提了个BUG，根据背景颜色的HSL值的L去决定字体颜色，懵逼良久...百度后发现HSL模式是工业界的一种说法，HSL分别是色相(H)、饱和度(S)、明度(L)；我们所熟知的十六进制模式也有另一个说法叫HEX模式。查询后发现并没有HEX转HSL的代码，遂根据网上的方法先行转到RGB再转到HSL。当然，我只算...
2018-11-05 11:48:33
657
转载 JQ/JS设置val值后触发v-model的改变
今天在写layer的弹出层的时候，想把父页面的值传递到弹出层并显示，在success回调中已经取到了元素，并将其value设置了$(layero.find('.ruleValue')[0]).val(that.materialForm.materialNameRule);弹出层也成功显示，但是保存时发现值是空值。打印了下v-model的值后发现是空的。遂百度，，v-model只是一种语...
2018-10-19 11:47:55
2237
原创 下载前端工程中的文件
今天同事问我一个问题，他在assets文件夹中放入一个excel文件，然后使用a标签进行下载，但是会跳转路由。我也试了两次，发现确实是。然后尝试性的放到static文件夹中，竟然成功了。原因至今未明白，有大神理解的请评论下...
2018-08-15 17:23:07
316
原创 元素水平垂直居中
1.margin方法 .inner{ width:200px; height:200px; position:absolute; top:50%; left:50%; margin-top:-100px; margin-left:-100px; }2...
2018-08-13 09:58:52
354
原创 el-checkbox,原生checkbox绑定一个非boolean类型的值方法
缘由：今天做项目遇到一个表格内checkbox需要绑定一个值，但是后台返回的是0和1。按照以前的想法是循环这个数组，然后根据0，1添加一个布尔类型的字段。遂跟后台商量这个判断能不能后台来做。不行，卒。查阅资料后发现，原生的checkbox在vue中有true-value和false-value两个属性。然后翻阅element文档，el-checkbox也有俩相似的属性。true-label和f...
2018-08-13 09:58:23
10255
18
原创 获取数据后this.$refs.xxx.toggleRowSelection无效
获取数据后在外部加上一个$nextTick即可this.$nextTick(function () { this.trainPeopleTable.forEach(row=>{ if(this.selectList.indexOf(row.staffId) >= 0){ this.$refs.trainPersonTable.toggleRowSelect...
2018-07-17 20:22:56
33891
22
原创 添加蒙版及原页面不滚动
一，添加蒙版 蒙版class:{position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: auto;margin: 0;z-index: 2001;background: #000;opacity: 0.5; } 如果有弹窗，弹窗的z-index要比蒙版的高；二，去除外部滚动条 去除滚动条的话只需要点击触发蒙版的...
2018-06-04 17:09:59
977
原创 element-ui的popover问题
仿照官网写完，没有出来，还报了个错，Cannot read property '$refs' of undefined然后百度发现是el-popover要放在触发的button前面才可以。
2018-05-26 16:50:02
4500
原创 vue中函数有回调参数，添加参数时如何调取默认回调参数
今天在用vue+element写代码的时候，碰到一个需求。<el-dropdown trigger="click" @command="handleCommand" @visible-change="aa"></el-dropdown>其中方法中直接打印值，得到的是true或者false.但是我需要传递两个值进去a,b都有值，但是val是undefined.调查了N久之后找...
2018-05-21 20:28:48
23129
5
原创 display:inline-block,加上overflow:hidden。导致附近元素塌陷下去
今天写东西的时候，发现了如题的问题，后想出来大略两个方法。1.浮动，然后清除浮动2.给加了display属性的元素加上vertical-align: bottom;
2018-05-09 20:08:20
1179
原创 JQ动态生成的元素无法触发click时间
今天写代码的时候动态生成了一波元素，然后点击事件一直无法触发。刚开始以为是代码写的不对，或者元素绑定错了，但是后来发现在页面写死的数据可以触发点击事件。经过百度后，了解到动态生成的元素，有可能时间还没有绑定到dom元素上，点击事件和正常的写法不同，for(let o = 1; o < 13; o++){ $("#monthSelect").append("<li>"+yea...
2018-05-09 20:03:10
894
原创 修改input的placeholder样式
今天项目中有需求修改input输入框的样式，刚开始以为直接写color属性就可以了，后来发现不行，百度了一下，如下所示：input::-webkit-input-placeholder{ color:#FFF; opacity: 0.5;}input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#FFF; opa...
2018-04-11 16:03:35
1202
原创 typeof返回值
1，typeof(undefined) = undefined2，typeof(null) = object （未定义的对象）3，typeof(string) = string4，typeof(boolean) = boolean5，typeof(number) = number6，typeof(function) = function7，typeof(object) = object8，t...
2018-04-03 13:34:08
212
原创 请求状态码
HTTP/1.1中定义了5类状态码， 状态码由三位数字组成，第一个数字定义了响应的类别1XX 提示信息 - 表示请求已被成功接收，继续处理2XX 成功 - 表示请求已被成功接收，理解，接受3XX 重定向 - 要完成请求必须进行更进一步的处理4XX 客户端错误 - 请求有语法错误或请求无法实现5XX 服务器端错误 - 服务器未能实现合法的请求常用cod
2018-01-04 17:11:02
218
原创 element-ui的表单验证问题
项目中添加表单验证时，突然遇到了一种情况，prop的值也加上了，也在form表单里面，验证规则也写过了，但是无法验证。测试后发现，需要验证的input框要v-model一个值，而且要是form对象里的值。
2017-10-24 10:38:53
2159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人