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项目中一些文件的作用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.属性的简洁表示法 允许直接写入变量和函数 上面代码表明,ES6 允许在对象之中,直接写变量。这时,属性名为变量...
    雨飞飞雨阅读 4,882评论 0 3
  • 属性的简洁表示法 ES6允许直接写入变量和函数,作为对象的属性和方法。 上面代码表明,ES6允许在对象之中,直接写...
    oWSQo阅读 3,493评论 0 0
  • 属性的简洁表示法 ES6允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。 上面代码表明,ES6允...
    呼呼哥阅读 7,991评论 0 2
  • 一、属性的简介表示法 ES6允许直接写入变量和函数作为对象的属性和方法。允许在对象中只写属性名,不写属性值。这时,...
    了凡和纤风阅读 2,701评论 0 0
  • 第一个采访的故事终于来了,有点小激动。先前我曾说过,我的采访对象不是名人明星,都是身边最普通的人,因为我坚信,普通...
    迷上一只鱼阅读 4,003评论 1 2

友情链接更多精彩内容