摘要:
(目录) 1 前言 for...in和for...of都是JavaScript中遍历数据的方法,让我们来了解一下他们的区别。 2,for...in for...in是为遍历对象属性而构建的,它以任意顺序遍历一个对象的除Symbol以外的可枚举属性,可用break或者throw跳出 语法: for ( 阅读全文
摘要:
(目录) 1,介绍 Promise是异步编程的一种解决方案,比回调函数和事件更合理且更强大。可以理解为一个容器,里面保存着某个未来才会结束的事件的结果。 2,特点 Promise对象有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败),该状态不受外界影响。 阅读全文
摘要:
(目录) 最近在重温vue全家桶,再看一遍感觉记忆更深刻,所以专门记录一下(本文vue-router版本为v3.x)。 1,router-view <router-view>是一个功能性组件,用于渲染路径匹配到的视图组件。可以配合<transition>和<keep-alive>使用。如果两个一起用 阅读全文
摘要:
(目录) 1,前言 最近在重温vue全家桶,再看一遍感觉记忆更深刻,所以专门记录一下(本文vuex版本为v3.x)。 2,Vuex 是什么 Vuex是专为Vue.js开发的状态管理模式。它采用集中式存储,管理所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化(我的理解就是全局变量)。 阅读全文
摘要:
(目录) 1,前言 发现了一个很好用的全屏API,是HTML5自带的方法,记录一下 2,兼容性 3,API介绍 Document.exitFullscreen(),用于让当前文档退出全屏模式 Element.requestFullscreen(),用于发出异步请求使元素进入全屏模式 不仅如此,浏览器 阅读全文
摘要:
(目录) 1,前言 记录一些很好用的css属性 1,calc() calc()函数用于动态计算长度值,任何长度值都可以使用calc()函数进行计算,需要注意的是,运算符前后都需要保留一个空格,例如: .box{ width: calc(100% - 10px) height: calc(100% - 阅读全文
摘要:
(目录) 1,前言 项目迭代过程中,碰上一个需求,table表格,其中一列计划开始时间一列计划结束时间,使用的是不同的日期选择器,开始时间会限制结束时间只能选相同日期以及之后的日期,反之结束时间也如此。项目用的是elementUi的Table组件,记录一下在Table中怎么写日期选择器DatePic 阅读全文
摘要:
(目录) 1,前言 项目迭代过程中,碰上一个需求,要求用甘特图的方式显示项目的工期进度,开完会我赶紧搜索一下甘特图是啥东东,大概了解之后,做出了如下样式 Echarts版本4.5.0 vue版本2.x 2,布局和数据部分 HTML部分 <template> <div id="index"> <div 阅读全文
摘要:
(目录) 1,前言 今早看了一篇文章《JavaScrip实现:如何写出漂亮的条件表达式》,原创于:华为云开发者社区,作者:查尔斯。抱着随便逛逛的心态看了一下,受益匪浅,于是记录一下,我认为对我有用的几点。 2,多条件if语句优化 在写业务代码的过程中,经常会碰到需要判断多个条件的if语句,如下: f 阅读全文
摘要:
(目录) 1,前言 记录一下Vue2项目中,百度地图API的简单使用。 2,申请账号,获取key 需要先申请百度账号,然后登陆百度地图开放平台:https://lbsyun.baidu.com/index.php?title=jspopularGL/guide/getkey,按照流程,申请成为开发者 阅读全文