大家好，我是+V

Vue Echarts图表dataZoom缩放区域根据数据量显示当时用echarts图表显示数据的时候，比如折线图柱状图，当数据量太大的时候，需要设置 dataZoom实现区域缩放，但是当数据量比较少的时候又不希望出现区域缩放控件，所以说这个时候就需要根据数据量动态显示dataZoom。在 echarts 图表的 option 配置中配置 dataZoom项： dataZoom: [{ type: 'slider', show: true, height: 20,

Echarts图例数据太多实现滚动效果当我们引入echarts图表，当展示的数据项比较多的时候，尤其是在展示环形图或者是饼状图的时候，当数据项比较多，图例就会堆积到一起，显示的很乱，这时候就需要显示个翻页效果。下面是图例的设置 legend: { type: 'scroll', // 设置图例翻页 icon: 'rect', itemWidth: 12, // 图例图形宽度

ES6 Map 与 SetMap 对象Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。Maps 和 Objects 的区别一个 Object 的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值。Map 中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。Map 的键值对个数可以从 size 属性获取，而 Object 的键值对个数只能手动计算。Object 都有自己的原型，原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。

ES6新语法为啥要整理一篇ES6新语法的博文，是因为我连ES5都没接触过，就学Vue框架，然后发现能做，但是基础不牢，所以说回头瞥一眼。ES6怎么来的ECMAScript 和 JavaScriptECMA 是标准，JS 是实现ECMAScript 简称 ECMA 或 ES历史版本1996, ES1.0 Netscape 将 JS 提交给 ECMA 组织，ES 正式出现1999, ES3.0 被广泛支持2011, ES5.1 成为 ISO 国际标准2015, ES6.0 正式发布ES

Angular项目生成使用随机数// 生成0~1的随机数并且保留一位小数Number(Math.random().toFixed(1))// 生成0~10的随机数，并且保留一位小数Number((Math.random() * 10).toFixed(1))// 生成0~100的随机数，并且不保留小数Number((Math.random() * 100).toFixed(0))...

Angular routing生成路由和路由的跳转什么是路由路由的目的是可以让根组件按照不同的需求动态加载不同的组件。根据不同地址，加载不同组件，实现单页面应用。Angular 命令创建一个配置好路由的项目命令创建项目ng new demo02 --routing　　安装依赖npm install　　启动项目ng serve --open...

Angular 父子组件传值 @Input @Output @ViewChild　　新建一个头部组件 newsheader　　　　在主组件引用 news 组件，在news组件添加 newsheader 组件。设置newsheader组件样式设置newsheader组件的内容，添加一个class属性<h2 class="header">这是一个头部组件...

Angular4.x 中的服务写下前面学习angular4.x中的服务需要借助 ToDoList 项目来做，项目代码在上篇博客中讲到。https://www.cnblogs.com/wjw1014/p/10346885.html#_label7什么是 Angular4.x 服务　　把多个组件共同的功能编写为一个服务，当组件需要使用公共的功能时，只需要把服务引用，就...

Angular4.x 创建组件|绑定数据|绑定属性|数据循环|条件判断|事件|表单处理|双向数据绑定创建 angular 组件https://github.com/angular/angular-cli　　创建组件命令为了便于项目的管理和维护，我们将自己创建的组件存放进单独的文件夹。在 app 文件夹下，我们创建一个名为 components 的文件夹用于存放我们的自定义...

Angular4.x 安装|创建项目|目录结构|创建组件安装最新版本的 nodejsnode.js 官网：https://nodejs.org/zh-cn/　　去官网下载 node.js，下一步下一步就可以了。只要 node.js 安装成功，那么 npm 也会帮你安装完成！注意：请先在终端/控制台窗口中运行命令 node -v 和 npm -v， 来验证一下你正在运行 node...

Ionic 使用 NFC哎哟喂，因为项目需要使用 Ionic 调用手机 NFC 功能，踩了好多坑，真的是，不过终于不负众望拿到了id。现在就记录一下我的步骤和踩过的坑！步骤我装的Ionic可能是最新的，然后用到的调用NFC的插件是phonegap-nfc。首先就是正常的创建项目。给一下ionic官网是怎么说的，但是我觉得这个官网作用不大，但是还是贴一下吧https://ionicfra...

前端定时器 setInterval 和 setTimeoutsetInterval 循环执行循环执行就是设置一个时间间隔，每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉。用法是setInterval（“方法名或方法”，“延时”）， 第一个参数为方法名或者方法，注意为方法名的时候不要加括号，第二个参数为时间间隔（毫秒）。设置循环执行this.timer = setInterval...

angular 读写本地电脑文件angular将数据写进到电脑文件在前端写一个按钮，然后点击按钮的时候在本地电脑保存一个text文件。这时候我们需要用到一个angular的插件，叫做“FileSaver.js”官方github：https://github.com/eligrey/FileSaver.jschajian 插件安装：npm install file-saver --sa...

前端开发常用组件库Vuehttps://vue.ant.design/docs/vue/introduce-cn/Angularhttps://ng.ant.design/components/card/zh其他https://v-charts.js.org/#/

angular 将字符串数据转换为十六进制数据/** * @Description: TODO 字符串转16进制方法 * @author wjw * @date 2019年9月18日16:35:32*/stringToHex(str) { let val = ''; for (let i = 0; i < str.length; i++) { if (...

angular项目实现mqtt的订阅与发布如果要写一个exe可执行文件，可以使用angular编写，然后使用electron打包成一个exe文件。https://github.com/maximegris/angular-electron我们可以使用现成的angular链接mqtt的插件实现订阅和发布——ngx-mqtthttps://github.com/scl...

Angular 调用百度地图API接口参考原文：https://blog.csdn.net/yuyinghua0302/article/details/80624274下面简单介绍一下如何在Angular中使用百度地图。第一步：申请百度地图密钥。http://lbsyun.baidu.com/index.php?title=jspopular/guide/getkey...

调用百度地图API隐藏右下角版权信息商用的话建议不要隐藏，避免侵权。隐藏前：隐藏后：.BMap_cpyCtrl { display: none;}.anchorBL { display: none;}如果使用angular，需要强制修改。:host ::ng-deep .BMap_cpyCtrl { display: none;}:...