keep-alive
-
Props:
-
include
- 字符串或正则表达式。只有名称匹配的组件会被缓存。 -
exclude
- 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 -
max
- 数字。最多可以缓存多少组件实例。
-
vh
-
vh
- 相对于视口的高度。视口被均分为100单位的vh
多行文本溢出省略
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
行内块inline-block元素之间出现空白间隙原因及解决办法
- 父元素设置font-size为0,子元素单独再设置字体大小
- 给inline-block元素加float或者flex
url
- protocol :// hostname[:port] / path / [;parameters][?query]#fragment
protocol(协议)
hostname(主机名)
port(端口号)
path(路径)
parameters(参数)
query(查询)
fragment(信息片断)
ES6:遍历对象的键
Object.keys(this.proSectionAndStation)
- for ... in 循环遍历对象自身的和继承的可枚举属性(不含Symbol属性).
- Obejct.keys(obj),返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性).
- Object.getOwnPropertyNames(obj),返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性).
- Object.getOwnPropertySymbols(obj),返回一个数组,包含对象自身的所有Symbol属性.
- Reflect.ownKeys(obj),返回一个数组,包含对象自身的所有属性,不管属性名是Symbol或字符串,也不管是否可枚举.
- Reflect.enumerate(obj),返回一个Iterator对象,遍历对象自身的和继承的所有可枚举属性(不含Symbol属性),与for ... in 循环相同.
通过ES6中的键过滤对象属性
const raw = {
item1: { key: 'sdfd', value:'sdfd' },
item2: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
};
const allowed = ['item1', 'item3'];
const filtered = Object.keys(raw)
.filter(key => allowed.includes(key))
.reduce((obj, key) => {
obj[key] = raw[key];
return obj;
}, {});
console.log(filtered);
Object.keys列出raw(原始数据)中的所有属性,然后
Array.prototype.filter 选择存在于允许列表中的键,使用
Array.prototype.includes 确保它们存在
Array.prototype.reduce 建立一个仅具有允许属性的新对象。
vue实战——vue中发送AJAX请求
- 使用axios发送AJAX请求
- 使用vue-resource发送跨域请求
获取当时时间的格式
2.png
vue-axios携带cookie值
//在main.js里面加入这句话即可(全局默认配置设置方法)
axios.defaults.withCredentials=true
zDialog
zDialog是一款弹窗框架
zDialog框架优点:
* 代替window.open、window.alert、window.confirm;提供良好的用户体验;
* 水晶质感,设计细腻,外观漂亮;
* 兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透;
* 无外部css文件,引用Dialog.js即可使用;
* 对iframe下的应用作了充分考虑,适合复杂的系统应用;
* Dialog显示的内容(三种):1、指向一个URL的iframe窗口;2、页面内隐藏的元素中的html内容;3、直接输出一段html内容;
* 按ESC键可关闭弹出框;
————————————————
版权声明:本文为CSDN博主「smileNicky」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/u014427391/article/details/52554540
package.json
-
devDependencies
- 该模块中所列举的插件属于开发环境的依赖 -
dependencies
- 该模块中所列举的插件属于生产环境的依赖(程序正常运行需要加载的依赖)