web前端
wallowyou
前端工程师
展开
-
vue中使用echarts和百度地图实现飞机迁徙图
在vue-cli生成的项目中使用echarts和百度地图api实现飞机迁徙图,当然也可以实现其他效果。1. 准备项目安装echarts在已经生成的vue项目根目录npm install echarts -S百度地图api平台申请百度地图ak地址2. 开始2.1 加入百度地图api首先我们在public/inde.html head中引入百度地图api <sc...原创 2020-04-13 08:50:11 · 4349 阅读 · 3 评论 -
webpack的使用-基础
webpack的使用1. webpack的安装npm install webpack -gnpm install webpack --save-dev2. webpack的使用比如有一个入口文件entry.js,我们将entry.js文件编译打包到bundle.js中,那么命令就是 webpack entry.js bundle.js当然我们可以将这些命令写在配置当中3.webpack的配原创 2017-06-29 18:36:42 · 539 阅读 · 0 评论 -
inline-block导致换行问题
问题:// html<nav> <a routerLink="/home">主页</a> <a routerLink="/movies">电影</a> <a routerLink="/music">音乐</a></nav&原创 2018-07-03 15:47:15 · 11348 阅读 · 0 评论 -
Angular组件通信
通过输入型绑定把数据从父组件传到子组件; 通过 setter 截听输入属性值的变化;通过ngOnChanges()来截听输入属性值的变化;父组件监听子组件的事件; 父组件与子组件通过本地变量互动;父组件调用@ViewChild();父组件和子组件通过服务来通信组件通过输入型绑定把数据从父组件传到子组件,主要是利用组件的输入型属性,带@Input装饰器,通过输入属性可以将父组件的数据传入子组件...原创 2018-07-03 15:52:26 · 276 阅读 · 0 评论 -
angular生命周期
指令和组件的实例有一个生命周期:新建、更新和销毁。 通过实现一个或多个 Angular core 库里定义的生命周期钩子接口,开发者可以介入该生命周期中的这些关键时刻。每个接口都有唯一的一个钩子方法,它们的名字是由接口名再加上 ng 前缀构成的。比如,OnInit 接口的钩子方法叫做 ngOnInit, Angular 在创建组件后立刻调用它,:生命周期的顺序: 钩子 用途...原创 2018-07-03 15:54:16 · 2767 阅读 · 0 评论 -
vue使用svg的问题
vue使用svg做的一个可视化大屏项目中需要引入svg, 直接绑定svg元素的某些值,在ui给的svg中出现了style标签用作svg的样式,然后就会报错。结果查阅资料知道了两个解决方法.方法1:将svg中的style标签修改为<svg:style></svg:style>。实例如下:<svg xmlns="http://www.w3.org/2000/s...原创 2019-02-15 15:42:34 · 2757 阅读 · 2 评论 -
Angular中typescript的this问题
Angular中typescript的this问题1. 例子在使用Angular的时候封装一个http请求模块,具体代码如下:import { Injectable } from '@angular/core';import { HttpClient, HttpParams, HttpHeaders, HttpErrorResponse } from '@angular/common/ht...原创 2019-02-15 15:46:51 · 1566 阅读 · 0 评论 -
highcharts绘制带箭头的坐标轴
highcharts绘制带箭头的坐标轴参考官方文档 点击跳转highcharts默认的坐标轴是没有箭头的,下面介绍给坐标轴添加箭头的方法1. 在使用highcharts绘制图表的时候需要设置坐标轴带箭头,在查阅相关文档发现highcharts可以自行拓展功能,拓展功能有三个方式:1.1 WRAPPING UP A PLUGIN(包装成一个插件)Highcharts插件应该包含在一个...原创 2019-03-01 18:43:11 · 1824 阅读 · 0 评论