2020-02-10：keep-alive、多行文本溢出省略、行内块inline-block元素之间出现空白间隙原因及解决办法、ES6对象、获取当时时间的格式、zDialog

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 - 该模块中所列举的插件属于生产环境的依赖（程序正常运行需要加载的依赖）

vue项目中一些文件的作用