- 博客(80)
- 收藏
- 关注
RSS订阅转载 vscode快捷生成模板
在.vue文件中输入v3，按需回车即可快速生成编写好的vue3.0的模板。scope 指定文件类型，如.vue文件。prefix 自定义快捷指令触发生成模板。
2023-11-01 16:12:24
804
原创 右击文件或者文件夹使用vscode打开
设置icon：然后在vscode处右键-新建 “可扩充字符串(E)”，新建之后的命名为Icon，键值栏中输入刚刚复制的运行程序的地址“D:\softInstall\vscode\vsCode\Code.exe”（这里是自己的地址，不要直接粘贴我的）。3、然后在vscode处右键新建项“command”，在“默认”的键值栏中输入刚刚复制的运行程序的地址“D:\softInstall\vscode\vsCode\Code.exe “%1””，要在后边加上空格和"%1"，%1表示要打开的文件参数。
2023-11-01 11:45:45
7056
1
原创 浏览器安装vue调试工具
提取码: 0u46，里面有两个crx,一个适用于vue2，一个适用于vue3，可根据vue版本选择不同的调试工具。浏览器->右上角点击–>扩展程序–>管理扩展程序–>打开开发者模式–>加载已解压的扩展程序。安装插件之后重启浏览器，打开vue项目即可进行调试。然后选择解压过的文件夹，详情：允许访问文件地址。
2023-10-08 09:41:59
534
原创 el-table中使用el-radio
在使用el-table时，有时会需要使用单选功能，官方组件给出的方法是添加highlight-current-row属性即可实现单选功能，使用背景高亮来提示已选。el-radio中间添加 或者i标签是为了清除label显示。
2023-04-12 14:12:43
3671
3
转载 使用nvm管理node多版本全过程
1）在【系统变量】新建环境变量 NODE_PATH，值为D:\install\nodejs\node_global\node_modules，其中D:\install\nodejs\node_global是上述创建的全局模块安装路径文件夹。使用node工程，有时不同项目需要使用不同node版本，来回安装肯定是很麻烦的，所以需要一个方法能够使电脑系统安装多个node版本，并且使用一句命令就能自由切换。环境变量配置–系统变量，点击输入变量名NVM_HOME，变量值是nvm所安装的路径。
2023-04-12 14:00:42
5405
原创 前端让字体倾斜
3、font-weight属性设置字体的粗细。4、font-style属性设置文本的风格。1、font-family属性定义字体。2、font-size属性定义字体大小。
2023-01-06 17:38:20
1309
原创 swiper轮播中centeredSlides属性
centeredSlides这个参数选项配置，设定为true时，active slide会居中，不是默认状态下的居左。设定为false时，active slide会居左显示。
2023-01-06 14:36:17
1264
原创 如何判断一个数组对象中的某个key对应值都相同
判断flag是否为true，证明taskDefKey对应的值都等于’2048‘，反之不全等。判断flag若为true，证明taskDefKey对应的值都相等，反之不相等。判断数组中某一项key对应的值是否都相同，或者都等于某个值。
2023-01-06 10:47:33
2229
2
转载 前端报错：cannot find module ‘@babel/eslint-parser‘
项目安装eslint依赖，项目中代码报错：cannot find module ‘@babel/eslint-parser’本地项目babel-eslint依赖包已经被弃用，Babel、-eslint现在是@babel/eslint-parser。重新安装不起作用还是报错，需要先移除babel-eslint，然后安装@babel/eslint-parser。
2022-11-16 16:37:35
6462
转载 vue中v-cloak
在使用{{}}展示或者是更新页面数据时，若网速较慢，可能会出现一个过渡现象，用户先看到表达式：如：{{text}}，然后在看到data中的值(hi，我是文本！
2022-11-07 10:08:09
212
转载 无法将“git”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
cmd、vscode中想忽略文件大小写带来的冲突，运行 git config core.ignorecase false，运行后报错：“无法将“git”项识别为 cmdlet、函数、脚本文件或可运行程序的名称”，查阅到如下链接：学习链接
2022-11-02 10:31:22
551
原创 js中watch监听
2、使用handler函数，添加deep:true属性实现深度监听， 首次加载执行，使用immediate:true属性实现首次加载执行。
2022-10-28 14:02:58
3483
原创 项目报错：prop‘s value. Prop being mutated: “placement“
报错 prop‘s value. Prop being mutated: “placement“，这是element-ui中date组件的报错提示，
2022-10-26 10:56:00
373
转载 this.$router.push
动态路由也是传递params的，所以在 this.$router.push() 方法中 path不能和params一起使用，否则params将无效。需要用name来指定页面。使用这种方式，参数不会拼接在路由后面，地址栏上看不到参数。使用这种方式，传递参数会拼接到路由后边，出现在地址栏。2、传递参数 – this.1、传递参数：this.
2022-10-12 14:08:43
584
原创 记录：transform-origin 属性
transform-origin 是设置旋转位置的基点transform-origin: x-axis y-axis z-axis;
2022-03-30 11:18:00
316
原创 2022-03-03 记录：如何打开特定文件夹的cmd窗口
找到所需打开得文件夹，左键单击，会出现如下：此时输入cmd，然后回车：此时已打开cmd窗口
2022-03-03 17:33:13
175
原创 设置多行省略号-webkit-line-clamp
-webkit-line-clamp-webkit-line-clamp CSS 属性 可以把 块容器 中的内容限制为指定的行数它只有在 display 属性设置成 -webkit-box 或者 -webkit-inline-box 并且 -webkit-box-orient (en-US) 属性设置成 vertical时才有效果在大部分情况下,也需要设置 overflow 属性为 hidden, 否则,里面的内容不会被裁减,并且在内容显示为指定行数后还会显示省略号(ellipsis )ellips
2022-02-22 17:16:27
2074
原创 2022-02-22 进度条排序拆分横向排列
之前有学过表示占比的进度条，轮播或者不轮播皆可，有时需要并排排列部分进度条，可以使用lodash中的take和takeRight来拆分数组然后判断是否大于一侧展示的条数，如果小于，进度条宽度要设置为占满整个容器要做好兼容 <div :class="['left-rank', rankList.length <= 3 && 'longer']"> <ranking-list useRollNumbe
2022-02-22 14:50:01
505
原创 2022-02-21 -webkit-mask conic-gradient 结合使用制作圆环
conic-gradient圆锥渐变linear-gradient : 线性渐变radial-gradient : 径向渐变linear-gradient 线性渐变的方向是一条直线，可以是任何角度radial-gradient 径向渐变是从圆心点以椭圆形状向外扩散而从方向上来说，圆锥渐变的方向是这样的：起始点是图形中心，然后以顺时针方向绕中心实现渐变效果试验一下： .ring { width: 70 * $remh; height: 70 * $re
2022-02-21 16:42:24
688
原创 学习记录：弹窗列表点击跳转详情，关闭详情如何判断回去哪个页面
A页面点击子项可以跳转到对应详情页面C，关闭详情页面C回到A页面，B页面点击子项也可以跳转到对应详情页面C，关闭详情页面回到B页面。关闭详情页面C回到A页面还是B页面需要跳转路由时query传参来区分：A页面跳转方法如下，query传参中有from：‘list’ toDetail(item) { if (item.firstCategoryId && item.firstCategoryId != '- -' && ['我对政府有话说', '
2022-02-17 19:42:29
2030
原创 学习记录：对象处理，返回对象所有属性都不是‘‘、null、undefined、NaN，break和continue的区别
设定方法：返回一个新的对象，对象的所有属性的值都不是’’、null、undefined、NaNfunction isEmpty(val) { return val === '' || $_.isNil(val) || $_.isNaN(val)}function getNotEmptyObj(obj) { const newObj = {} for (const key in obj) { if (isEmpty(obj[key])) continue
2022-02-15 11:31:06
248
原创 学习记录：对空数据统一处理成默认“- -“
在util.js文件中定义判断值是否为空或者非正常值，设置默认显示"- -"：//判断传入的值是否为 ''、null、undefined、NaNfunction isEmpty(val) { return val === '' || $_.isNil(val) || $_.isNaN(val)}//设置空数据显示function setObjDefaultKey(obj, flag = '- -') { const d = $_.cloneDeep(obj) for (co
2022-02-14 17:54:55
465
原创 2022-02-11 学习记录：通过CSS3的clip-path实现多边形
今天学习了使用CSS实现多边形，感觉很有意思也很使用的一个属性项目中遇到了需要画梯形，如果使用切图的话，对于不同分辨率下兼容性可能不太好实现，所以还是得靠前端强大的功能来实现！使用CSS3的clip-path(裁剪路径)实现剪贴区域的显示以及实例实现图片渐变polygon可以定义多边形，需要写入每个顶点的坐标位置(具体数值或者百分比都可以)下边写一个画出五角星的例子 .try-empty { position: absolute; width: 100%;
2022-02-11 16:50:57
646
原创 学习记录：数组元素求和
可以使用 eval 方法，可以如下写法： const numList = allData.map(item => { return item.data }) const totalNum = eval(numList.join('+')) //计算数组中的每一项占总数的占比 const seriesData = numList.map(item => {
2022-02-10 16:20:05
397
原创 学习记录：ellipsis属性与flex布局冲突
flex布局下如何使用文本省略ellipsis属性呢？在flex布局下，使用 overflow: hidden; text-overflow: ellipsis;不起作用，解决此问题可以使用 min-width: 0;参考链接可以在全局设置ellipsis方法：ellipsis() { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}ellipsisL($lines) {
2022-02-10 15:08:37
1034
原创 2022-02-10 学习记录：swiper组件轮播，loop为true时出现多出的空白多余部分
swiper组件轮播属性loop为true时会循环轮播，即轮播到最后一个时不会突然转向第一个，产生反方向轮播。但是如果轮播组件内部引入了其他组件，比如滚动数字组件，那么就会多出一些多余的部分，所以再swiper组件中，如果需要用到loop为true属性时，不能引入其他组件。...
2022-02-10 11:04:40
1496
原创 2022-01-25 学习记录：设定方法千分符正则、数字为非空值等的处理方法
数字较大时，需要增加千分位分隔符、以便阅读，还要对于空值等进行处理；// 千分符正则function thousandFormat(val) { // 如果是空，则返回 -- if ([null, undefined, '', NaN, Infinity, -Infinity].includes(val)) { return '--' } return val.toString().replace(/(\d{1,3})(?=(\d{3})+(\.\d*)?
2022-01-25 17:22:47
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人