摘要：
第一种 比较灵活简单的方式（切换改变部分的内容在组件中比较方便操作） 第二种（比较死板，内容被固定住了） 第三种（比较死板，内容被固定住了，使用过jquery的人习惯用的方式） 阅读全文
摘要：
一、IOS自带safari浏览器 1、safari不支持fixed+input输入框。 解决方案： http://www.haorooms.com/post/ios_fixed_input 2、safari图片加载失败，默认图片过大。 解决方案： http://www.haorooms.com/po 阅读全文
摘要：
vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。 要想本地正常的调试，解 阅读全文
摘要：
使用css实现rem适配，main.js rem.js body { max-width: 6.4rem; min-width: 3.2rem;} 阅读全文
摘要：
1，执行事件和调用 this.$store.state.count.count 2添加模块 3模块内执行过程 模块内部的数据：①内部state，模块内部的state是局部的，也就是模块私有的，比如是car.js模块state中的list数据，我们要通过this.$store.state.car.li 阅读全文
摘要：
{ path: '/login', name: '登录页面', hidden: true, meta: { title: 'Readme', icon: 'el-icon-menu' }, component: resolve => require(['../views/login/Login.vue'], resolve) } 阅读全文
摘要：
结合router，缓存部分页面 { path: '/', name: 'Hello', component: Hello, meta: { keepAlive: false // 不需要缓存 } }, 阅读全文
摘要：
数组的常用方法 1，shift()方法：把数组的第一个元素删除，并返回第一个元素的值 var a = ['a', 'b', 'c']; console.log(a,a.shift()); //['b','c'] 'a' 2,pop()：用于删除并返回数组的最后一个(删除元素)元素,如果数组为空则返回 阅读全文
摘要：
1、html中的checked属性。仔细研究下会发现一个很怪异的现象。 你知道上面这四个复选框到底那些被选中了？那些没被选中吗？ 其实乍一看我也不知道结果，运行完后也想不通为什么，查看资料才发现确实是那样的。 结果是： 其实原理是这样的，复选框里只要有checked属性，不管是否为其赋值，结果为空或 阅读全文
摘要：
既然涉及到HTML5知识，那么必定会存在一定的兼容性问题，这里就涉及到浏览器的支持情况了。 浏览器支持情况： Internet Explorer 8+, Firefox, Opera, Chrome, 和 Safari支持Web 存储。 注意: Internet Explorer 7 及更早IE版本 阅读全文
摘要：
1、event.screenX与event.screenY。 首先，event.screenX是鼠标相对于用户显示器屏幕左上角的X坐标。 而event.screenY则是鼠标相对于用户显示器屏幕左上角的Y坐标。 在标准事件和IE事件中都定义了这2个属性 2、event.clientX与event.c 阅读全文
摘要：
Sass 中还提供了选择器嵌套功能，但这也并不意味着你在 Sass 中的嵌套是无节制的，因为你嵌套的层级越深，编译出来的 CSS 代码的选择器层级将越深，这往往是大家不愿意看到的一点。 选择器嵌套为样式表的作者提供了一个通过局部选择器相互嵌套实现全局选择的方法，Sass 的嵌套分为三种： 选择器嵌套 阅读全文
摘要：
1、混合宏。 当样式变得越来越复杂，需要重复使用大段的样式时，使用变量就无法达到我们目的了。这个时候混合宏就派上用场了。 而使用混合宏时，首先要声明混合宏，而声明混合宏时有两种，不带参数混合宏和带参数混合宏两种。 1.1 不带参数混合宏的声明要使用关键词@mixin。例如： 其中 @mixin 是用 阅读全文
摘要：
在写页面时经常会遇到需要获取图片的宽度、高度等情况。然而以前总是获取的是图片实际渲染的宽度和高度，也就是你用css或js设置后的图片的宽度和高度，并不是图片原始的尺寸。今天突然遇到这个问题，一时之间不知如何做，查了下资料，自己摸索了一下。特此总结一下。 例如。有这样一张图片，代码如下： 1、获取图片 阅读全文
摘要：
假如有这样一个数组。arr = [12,34,45,46,36,58,36,59]，现在要遍历该数组。 方法1：以前我们可能会这样做： 方法2：自ES5发布后，我们可以使用内置的forEach方法来遍历数组。 这段代码看起来简单，然而有些缺陷，就是不能使用break语句中断循环，也不能使用retur 阅读全文
摘要：
许多用以前方法去实现需要一大串代码的，用ES6竟然几句就搞定了。 Set对象是ES6中新增的类型，可以自动排除重复项，生成Set对象后，可以轻松遍历它所包含的内容。 例如，遍历字符串。 为什么会是这样，因为Set对象会自动排除重复项。 到了这里，我们可以很容易的想到使用Set对象进行数组去重，没错， 阅读全文
摘要：
有时候我们需要复用一个页面，但是又希望他们拥有各自的标题，这时候就需要动态的去更改页面的title了，不然所有页面都是一个标题。 这时候就会想到使用js或jQuery去实现了。 1、js方式。 首先，我想到了使用document.getElementsByTagName()去获取页面的title标签 阅读全文
摘要：
Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。 1、将类数组对象转换为真正数组： 那么，如果将上面代码中length属性去掉呢？实践证明，答案会是一个长度为0的空数组。 这里将 阅读全文
摘要：
1、下拉列表 （1）、html部分代码： （2）、js部分代码： 结果就是这样： （2）、选中选项触发事件 这种情况下，可以使用change事件，当选中某一选项后，便会触发该事件。完整代码： 阅读全文
摘要：
在使用vue.js进行开发时，使用最多的就是created、mounted、activated。 由于有些情况下，我们需要复用某些组件，因此需要用到keep-alive。 当引入keep-alive时，页面第一次进入，钩子的触发顺序是created-> mounted-> activated。当再次 阅读全文