elementUI表头宽度自适应

main.js中 对elementui TableColumn统一设置默认值,其他组件也可这样设置默认值 import ELEMENT from 'element-ui'; ELEMENT.TableColumn.props.minWidth = {     default:function(){         if(this.label){             //将双字节字符替换为两个a,14为当前font-size 一个a为7.8px 一个汉字为14px 单元格左右padding为20px  
分类至 JS
0条评论

vue 使用lottie-web创建动画

lottie是一个跨平台的动画库,通过AE(After Effects)制作动画,再通过AE插件Bodymovin导出Json文件,最终各个终端解析这个Json文件,还原动画。本文中我只介绍前端用到的库lottie-web。 对比三种常规的制作动画方式 1.Png序列帧 2.Gif图 3.前端Svg API 先对位图与矢量图有一个基本的概念。 矢量图就是使用直线和曲线来描述的图形,构成这些图形的元素是一些点、线、矩形、多边形、圆和弧线等,它们都是通过数学公式计算获得的,具有编辑后不失真的特点。 位图是由称
分类至 JS
0条评论

RESTFul接口规则

1、特点:只需要关心请求方式是什么,而不需要关注于表示url 2、get:查询请求 - 200 post:上传新数据 - 201 put:修改 -200 delete:删除 - 200 GET:查 / POST:增 / PUT:改(需要具体的id)/ DELETE:删(需要具体的id) 上面返回的数字200和201表示对数据操作成功 3、模糊搜索/brands?name_like=关键字 script src=axios.min.js/script script
分类至 JS
0条评论

uView 报错Cannot read property ‘bottom‘ of null的解决方法

uViewUI在H5下报错'bottom' of null,产生的原因是:吸顶组件u-sticky和底部导航栏tabbar切换页面时产生冲突, sticky组件创建了Observer监听,当切换页面且页面没有销毁时,导致组件仍然保持监听,所以出现Cannot read property 'bottom' of null报错。 所以我们需要手动断开Observer监听来解决这个报错的问题 template view !-- @property {Boolean} ena
分类至 JS
0条评论

js问号点的作用(?.)和问号问号(??)的用法

js问号点的作用?.和??的用法

第一个:问号点 (?.)

来先看一段js

	const obj = {
		hh:"xxx"
	}
	let res = obj?.data?.list
	   	 let res = obj?.data?.list
<=等价=> let res = obj && obj.data && obj.data.list

 作用就是判断这个对象(this.element)下的(businessObject)下的(value)下的(length)是否为null或者undefined,当其中一链为null或者undefined时就返回undefined,这样即使中间缺少一个属性也不会报错,双问号后面接的就是默认值。

var obj ={}
console.log(obj?.a?.b ?? 233 ) //233
var obj={a:{b:1}}
console.log(obj?.a?.b??233) //1

第二个:问号问号 (??)

console.log(1 || "xx") 			//1
console.log(0 || "xx") 			//xx
console.log(null || "xx")		//xx
console.log(undefined || "xx")  //xx
console.log(-1 || "xx") 		//-1
console.log("" || "xx") 		//xx

console.log(1 ?? "xx")			//1
console.log(0 ?? "xx") 			//0
console.log(null ?? "xx") 		//xx
console.log(undefined ?? "xx")  //xx
console.log(-1 ?? "xx") 		//-1
console.log("" ?? "xx") 		//''

原来这是赋默认值哦

分类至 JS
0条评论

PM2下使用 npm run 命令

需求: npm run xxxx 是 node常用的启动方式之一,本文介绍下如何用PM2来实现该方式的启动。 下面是项目的package.json文件部分代码: scripts: { dev: node build/dev-server.js --env=local, start: node build/dev-server.js --env=local, build: node build/build.js --env=publish, build-local: node build/
分类至 JS
0条评论

关于video-js currentTime()无效的解决办法

最近使用videojs的时候碰到一个需求,更换视频的src后需要让视频跳转到某个位置,按理说使用currentTime()就可以解决,但是在player.src()函数执行后再执行player.currentTime()就会无效。

这种情况是因为调用player.src()后视频还没有准备好,所以player.currentTime()无效,解决办法就是等视频准备好后再调用currentTime();

//添加视频准备完成后的回调函数
player.on('loadedmetadata', function() {
            player.play();            			//自动播放
            player.currentTime(100);		    //跳转
});

 

分类至 JS
0条评论