摘要: 如这种情况: 微信可谓是video标签的重灾区,如果你兼容了安卓的微信,那么在其他浏览器一般也没问题了除了个别(IE:你们看我干吗?)。 解决方案: 主要是object-fit要设置为:cover,再加上宽高为100%。object-fit最好不要是fill,因为fill会让视屏充满容器,可能导致视 阅读全文
posted @ 2019-06-27 16:50 Sofiaღ 阅读(1434) 评论(0) 推荐(0) 编辑
摘要: 一般团队都有对CSS样式的规范,因为只有写的规范些,维护层本低,易懂。我们开发并不一次性的,往往都是要迭代的,如果这次随便写,下次迭代的时候将付出高昂的代价。而团队的规范一般都大同小异,往往都包含一下内容: 1、class命名及使用 (1)、命名尽量简洁有意义,比如大盒子一般命名为‘containe 阅读全文
posted @ 2019-06-27 16:11 Sofiaღ 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 断网页面处理其实很多时候都会被忽略,其实这个做起来还是可以学到不少东西的。 主要有两种方法: 一、使用vuex+axios拦截器 这种方法我只讲下思路: 在vuex里存储一个全局变量,先设置为true,再在request,js里的axios拦截器里改变它的值,当没有网络时,就设置为false,使用v 阅读全文
posted @ 2019-05-21 16:04 Sofiaღ 阅读(1740) 评论(0) 推荐(0) 编辑
摘要: 最近的业务涉及到了axios的拦截器,要在request.js里面要根据状态码来跳转页面,这时候我就面对了几种跳转选择: 1、使用location.href='/url'来跳转,简单方便,但是刷新了页面。 2、使用history.pushState('/url'),无刷新页面,静态跳转。 3、引进r 阅读全文
posted @ 2019-05-21 15:30 Sofiaღ 阅读(3968) 评论(0) 推荐(0) 编辑
摘要: 简单粗暴的解决办法就是一个字‘删’, 1、先把node_modules给删了 手动删除的话,window系统经常会有部分删不了,说需要个权限什么的,直接用rimraf 就能解决 先安装npm install rimraf -g 再运行这个命令,彻底删除。 rimraf node_modules 如果 阅读全文
posted @ 2019-05-17 15:05 Sofiaღ 阅读(450) 评论(0) 推荐(1) 编辑
摘要: 一、什么是Promise.all()? 在说这个之前要先说清楚promise。promise就是一个对象,专门用来处理异步操作的。 而Promise.all方法用于将多个 Promise 实例,包装成一个新的 Promise 实例。 二、Promise.all()有什么用? 现在有一个需求,要你用n 阅读全文
posted @ 2019-05-05 17:17 Sofiaღ 阅读(546) 评论(0) 推荐(0) 编辑
摘要: 只要记住一句话: 异步任务都是等脚本里所有的同步任务执行完才执行的 来个例子: // 异步任务都是等脚本里所有的同步任务执行完才执行的 setTimeout(function () { console.log('我是异步任务'); },0) console.log('我是同步任务'); 输出: 输出 阅读全文
posted @ 2019-05-05 16:09 Sofiaღ 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 前情提要: 很常见的需求:当用户没有购买记录的时候,显示‘暂无消费记录‘,有则显示消费记录。本来以为很简单,我一开始是使用v-if来判断数据长度,为0则显示'暂无消费记录',但是发现在加载页面的时候会有一闪而过的‘暂无消费记录’字体,然后才显示正常的消费记录,影响用户体验。 解决办法:对于这个bug 阅读全文
posted @ 2019-04-29 16:22 Sofiaღ 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 将10位时间戳转化为时间: 上代码图片: 使用了vue过滤器: 获取现在时间的10位时间戳: 13位就不写啦,网上随便一查就是13位的。 阅读全文
posted @ 2019-04-29 15:52 Sofiaღ 阅读(3664) 评论(0) 推荐(0) 编辑