- 博客(110)
- 收藏
- 关注
RSS订阅原创 前端让字体倾斜
3、font-weight属性设置字体的粗细。4、font-style属性设置文本的风格。1、font-family属性定义字体。2、font-size属性定义字体大小。
2023-01-06 17:38:20
16
原创 swiper轮播中centeredSlides属性
centeredSlides这个参数选项配置，设定为true时，active slide会居中，不是默认状态下的居左。设定为false时，active slide会居左显示。
2023-01-06 14:36:17
15
原创 重新渲染el-table的表格
有时element-ui中el-table更新完数据之后，表格会错位，需要使用doLayout重新加载一下table
2023-01-06 11:22:09
172
原创 如何判断一个数组对象中的某个key对应值都相同
判断flag是否为true，证明taskDefKey对应的值都等于’2048‘，反之不全等。判断flag若为true，证明taskDefKey对应的值都相等，反之不相等。判断数组中某一项key对应的值是否都相同，或者都等于某个值。
2023-01-06 10:47:33
34
原创 新建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
转载 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
原创 项目报错：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
原创 记录：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-03-03 记录：如何打开特定文件夹的cmd窗口
找到所需打开得文件夹，左键单击，会出现如下：此时输入cmd，然后回车：此时已打开cmd窗口
2022-03-03 17:33:13
114
原创 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
原创 学习记录：弹窗列表点击跳转详情，关闭详情如何判断回去哪个页面
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关注的人