自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(110)
  • 收藏
  • 关注

原创 前端让字体倾斜

3、font-weight属性设置字体的粗细。4、font-style属性设置文本的风格。1、font-family属性定义字体。2、font-size属性定义字体大小。

2023-01-06 17:38:20 16

原创 分割拼接数组字符串

分割拼接数组字符串。

2023-01-06 17:28:58 5

转载 video dispose

在销毁之前要先判断this.videoPlayer是否存在,不然会报错。

2023-01-06 17:22:49 21

原创 swiper轮播中centeredSlides属性

centeredSlides这个参数选项配置,设定为true时,active slide会居中,不是默认状态下的居左。设定为false时,active slide会居左显示。

2023-01-06 14:36:17 15

原创 el-table多选框禁用

el-table多选框有时需要禁用,selectable为true此行数据不禁用,为false则本行禁用

2023-01-06 11:39:15 139

原创 重新渲染el-table的表格

有时element-ui中el-table更新完数据之后,表格会错位,需要使用doLayout重新加载一下table

2023-01-06 11:22:09 172

转载 将阿拉伯数字转换为大写汉字

将阿拉伯数字转换为大写汉字

2023-01-06 11:02:03 11

原创 如何判断一个数组对象中的某个key对应值都相同

判断flag是否为true,证明taskDefKey对应的值都等于’2048‘,反之不全等。判断flag若为true,证明taskDefKey对应的值都相等,反之不相等。判断数组中某一项key对应的值是否都相同,或者都等于某个值。

2023-01-06 10:47:33 34

转载 js处理树结构数据常用方法

【代码】js处理树结构数据常用方法

2023-01-06 10:36:30 1

原创 新建vue2+elmentui+sass前端项目

安装之后要重新运行,npm run serve ,运行之后发现文件内红线上浮依然报错:Cannot find module ‘@babel/eslint-parser’,目前测试的有效解决方法是关闭项目,重新打开然后运行可解决。这是因为本地项目babel-eslint依赖包已经弃用,babel-ealint现在是@babel/eslint-parser。执行之后package.json和package-lock.json中不存在stylus相关。

2022-12-01 09:41:24 263

转载 前端报错: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 979

转载 js获取当前时间的前后七天组成数组

js获取当前时间的前后七天组成数组。

2022-11-08 14:23:00 111

转载 vue中v-cloak

在使用{{}}展示或者是更新页面数据时,若网速较慢,可能会出现一个过渡现象,用户先看到表达式:如:{{text}},然后在看到data中的值(hi,我是文本!

2022-11-07 10:08:09 36

转载 无法将“git”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

cmd、vscode中想忽略文件大小写带来的冲突,运行 git config core.ignorecase false,运行后报错:“无法将“git”项识别为 cmdlet、函数、脚本文件或可运行程序的名称”,查阅到如下链接:学习链接

2022-11-02 10:31:22 95

转载 WebSocket协议

轮询是在特定的时间间隔(如每1秒),由浏览器对服务器发出HTTP请求,然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点,即浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样会浪费很多的带宽等资源。websocket使得客户端和服务端之间的数据交换变得更加简单,允许服务端主动向客户端推送数据,在websockt API中,浏览器和服务器只需要完成一次握手,两者之间就可以创建持久性的连接,并进行双向数据传输。

2022-10-28 16:05:38 56

原创 js中watch监听

2、使用handler函数,添加deep:true属性实现深度监听, 首次加载执行,使用immediate:true属性实现首次加载执行。

2022-10-28 14:02:58 330

原创 new操作 js

new的作用是通过构造函数创建一个实例对象

2022-10-26 17:58:06 29

原创 项目报错:prop‘s value. Prop being mutated: “placement“

报错 prop‘s value. Prop being mutated: “placement“,这是element-ui中date组件的报错提示,

2022-10-26 10:56:00 153

转载 this.$router.push

动态路由也是传递params的,所以在 this.$router.push() 方法中 path不能和params一起使用,否则params将无效。需要用name来指定页面。使用这种方式,参数不会拼接在路由后面,地址栏上看不到参数。使用这种方式,传递参数会拼接到路由后边,出现在地址栏。2、传递参数 – this.1、传递参数:this.

2022-10-12 14:08:43 135

原创 el-input联想搜索

el-input联想搜索watch

2022-06-10 17:50:32 506

原创 JSON.parse JSON.stringify

添加链接描述

2022-06-10 17:27:21 55

原创 找出数组对象某一项值得最大值

Math.max

2022-06-10 16:54:43 243

原创 lodash _maxBy找出数组最大值按某项key值

lodash _maxBy

2022-06-10 16:05:21 706

转载 vue props传Array类型值,子组件报错解决

添加链接描述

2022-06-10 15:41:55 856

原创 element ui table的show-overflow-tooltip

添加链接描述

2022-06-10 14:59:51 195

原创 记录:transform-origin 属性

transform-origin 是设置旋转位置的基点transform-origin: x-axis y-axis z-axis;

2022-03-30 11:18:00 236

转载 记录:获取元素的高度宽度 offsetWidth offsetHeight

<view id="post-id" class="post-container flex-dc-jc"> <view class="post" v-for="item in postList" :key="item.id"> <view class="label"> {{item.label}} </view> <view class="name"> {{item.name}} </view..

2022-03-29 20:18:56 329

原创 2022-3-29 记录:uniapp设置页面不能滚动 disablescroll

页面有时上下不想要其滚动,想让其固定位置,我们使用属性disablescroll在pages.json文件中配置如下:"pages": [{ "path": "pages/tabBar/informations/informations", "style": { "navigationBarTitleText": "消息", "disableScroll": true } }, { "path": "pages/tabBar/mine/mine", "style": {

2022-03-29 20:00:01 2763

原创 2022-3-23 记录:uniapp写下部导航部分tabBar

uniapp写下部导航部分tabBar

2022-03-29 19:46:54 685

原创 2022-03-03 记录:如何打开特定文件夹的cmd窗口

找到所需打开得文件夹,左键单击,会出现如下:此时输入cmd,然后回车:此时已打开cmd窗口

2022-03-03 17:33:13 114

转载 2022-03-02 记录:h5页面理解

什么是H5页面,H5页面和html页面有什么区别?什么是 h5 页面,有什么定义吗?

2022-03-02 17:03:49 34

原创 2022-03-01 记录:反引号的使用

有时需要接收到某个值或者某几个值,然后连贯成一句话,怎么处理呢?所想得到的是若所需的那几个值有一个没有的话就让整句展示为空数据的展示方式 ‘–’ .then(res => { let data = res.data this.eventList = (data.list || []).map(item => { item.desc = item.ad

2022-03-01 20:24:28 26

原创 -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 1306

原创 2022-02-22 进度条排序拆分横向排列

之前有学过表示占比的进度条,轮播或者不轮播皆可,有时需要并排排列部分进度条,可以使用lodash中的take和takeRight来拆分数组然后判断是否大于一侧展示的条数,如果小于,进度条宽度要设置为占满整个容器要做好兼容 <div :class="['left-rank', rankList.length <= 3 && 'longer']"> <ranking-list useRollNumbe

2022-02-22 14:50:01 393

原创 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 257

原创 学习记录:element-UI中Badge 标记

展现提示的数目Badge 标记

2022-02-17 20:08:28 597

原创 学习记录:弹窗列表点击跳转详情,关闭详情如何判断回去哪个页面

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 380

原创 学习记录:对象处理,返回对象所有属性都不是‘‘、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 198

原创 2022-02-15学习记录:设定数字保留位数的方法

function isEmpty(val) { return val === '' || $_.isNil(val) || $_.isNaN(val)}function toFixedNum(num, toFixed) { if (!isEmpty(num) && !isEmpty(Number(num))) { return Number(num).toFixed(toFixed) } return null}使用该方法时传入参数n

2022-02-15 11:23:36 435

原创 学习记录:对空数据统一处理成默认“- -“

在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 154

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除