摘要: flex兼容IE10以上; ES6兼容IE10以上; vue兼容IE9以上; canvas兼容IE9以上; HTML5兼容IE9以上; 大部分CSS3兼容IE9以上; 阅读全文
posted @ 2018-09-19 16:43 shirliey 阅读(172) 评论(0) 推荐(0) 编辑
摘要: router.js: App.vue: params: {data: this.drafe} }); params: {data: this.drafe} }); HeadNav.vue: 阅读全文
posted @ 2018-09-19 15:03 shirliey 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 路由中有三个基本的概念 route, routes, router。 1, route,它是一条路由, Home按钮 => home内容, 这是一条route, about按钮 => about 内容, 这是另一条路由。 2, routes 是一组路由,把上面的每一条路由组合起来,形成一个数组。[{ 阅读全文
posted @ 2018-09-19 14:55 shirliey 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 一个vue-cli的项目结构如下: 文件结构细分: 1.build——[webpack配置] build文件主要是webpack的配置,主要启动文件是dev-server.js,当我们输入npm run dev首先启动的就是dev-server.js,它会去检查node及npm版本,加载配置文件,启 阅读全文
posted @ 2018-09-19 11:27 shirliey 阅读(3174) 评论(0) 推荐(0) 编辑
摘要: x-webkit-airplay="true" x5-playsinline="true" webkit-playsinline="true" playsinline="true"禁止视频全屏播放代码 <video src="test.mp4" width="320" height="300" au 阅读全文
posted @ 2018-08-29 16:14 shirliey 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 第一种:通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端。 代码如下: <script type="text/javascript"> var u = navigator.userAgent; var isAndroid = u.indexOf('Android') 阅读全文
posted @ 2018-06-22 14:10 shirliey 阅读(5394) 评论(0) 推荐(0) 编辑
摘要: 安装 lib-flexible 1、npm i lib-flexible 2、在项目入口文件 main.js 里 引入 lib-flexible import ‘lib-flexible’ 3、添加meta标签 <meta name="viewport" content="width=device- 阅读全文
posted @ 2018-06-15 16:16 shirliey 阅读(3091) 评论(0) 推荐(0) 编辑
摘要: 安卓和ios的视频限制自动播放,以防浪费用户流量,除非用户对自己的浏览器进行设置。 阅读全文
posted @ 2018-05-25 16:50 shirliey 阅读(221) 评论(0) 推荐(0) 编辑
摘要: <router-link> 组件支持用户在具有路由功能的应用中(点击)导航。 1、to:表示目标路由的链接。当被点击后,内部会立刻把 to 的值传到 router.push(),所以这个值可以是一个字符串或者是描述目标位置的对象。 <!-- 字符串 --> <router-link to="home 阅读全文
posted @ 2018-04-24 09:08 shirliey 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 1、scale和zoom缩放的区别: scale缩放是居中缩放;如果缩小到80%,那么占据的空间依然是100%。 zoom缩放是相对于左上角缩放;zoom缩放改变占据的空间大小;zoom缩放文字的时候有局限,最小只能是12px字;zoom缩放只能x、y轴同步缩放。 2、rem缩放问题: rem缩放会 阅读全文
posted @ 2017-12-22 14:38 shirliey 阅读(255) 评论(0) 推荐(0) 编辑