- 博客(4)
- 收藏
- 关注
原创 lang=pug模板引擎之pug模板语法
今天看到同事的项目<template lang="pug">.d-flex.align-center.line-progress div(style='width: 30px') {{ name }} div(style='width: 80%') el-progress(:stroke-width='10', :percentage='+percent')</template>看的我一脸懵逼,同事让我了解一下这个语法,于是找了一下资料,下面总结一下吧:解
2020-12-22 17:02:54 8889 1
原创 Delete `␍`eslint(prettier/prettier)错误
今天提交代码的时候,控制台报的错误就有点吓人,一下子所有文件都有问题,吓死宝宝了,不要慌,接下来我们来解决这个问题吧解决方案:方案一:一个一个文件的选择,具体操作如下,手动把CRLF换成LF。缺点:文件太多,换不过来,太鸡肋。方案二:yarn run lint --fix比上面省事,eslint错误消失,但暂存区多了n个文件改动记录,对比Working tree也没发现任何不同。参考资料:“error Delete ⏎ prettier/prettier” in .vue files’’缺点
2020-12-19 18:34:05 55820 4
原创 el-button组件里hover事件不生效
1、vue里面实现hover效果基本需要用事件模拟<div @mouseover="overShow" @mouseout="outHide"> 或者是:mouseenter、mouseleave 当我用第三方组件的时候加事件的时候没有生效,如给第三方组件ElementUI的button,在绑定mouseover和mouseout事件时,发现绑在按钮上时无效的。 解决方案:如果这个组件没处理这两个事件的话是绑不了的。添加.native修饰符,就可以把事件绑到组件的根元素上 <e
2020-12-17 15:14:46 5137 1
原创 完全学会reduce()
今天老大检查我js数组能力,我说没问题,都会了,结果第一个问的就是reduce,结果对于我只知道是累加器,老大让我写一下,我却写不出来。。瞬间脸红,羞愧难当。下面总结一下,以后闭着眼睛也要把这个写出来。reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce()逼格更高…1、语法arr.reduce(callback,
2020-12-03 19:43:57 181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人