Vizceral-Component是Vizceral 的 web 组件封装。
使用:
添加vizceral-component 到 bower.json (和 webcomponentsjs)
"dependencies": { "vizceral-component": "git+ssh://git@github.com:Netflix/vizceral-component.git#master", "webcomponentsjs": "^0.7.21" }
安装依赖
$ bower install
引用
<script type="text/javascript" src="js/webcomponents-lite.js"></script> <link rel="import" href="components/vizceral-component/vizceral-component.html"></link>
使用
<vizceral-component view="['us-west-2']" show-labels="true" />
Vizceral是一组采用WebG标准实现的动态展示线路图组件,可以实现数据的查看以及交互。分为全局、部分区域、水平三个维度,使数据更为直观明了的展示。 此组件可以采取多个流量图,并将生成一个“全局”图,显示所有传入的流量到每个“区域”,支持跨区域通信。 使用: 如果使用 React 或者 web 组件,可参看以下两个项目: React: http://www.oschina.net/p/vizc
Vizceral-React,React 封装 Vizceral。 使用: npm install vizceral-react --save import Vizceral from 'vizceral-react';<Vizceral traffic={this.state.trafficData} view={this.state.currentView} s
本文向大家介绍封装属于自己的JS组件,包括了封装属于自己的JS组件的使用技巧和注意事项,需要的朋友参考一下 一、扩展已经存在的组件 1、需求背景 很多时候,我们使用jquery.ajax的方式向后台发送请求,型如 这种代码太常见了,这个时候我们有这样一个需求:在自己调用ajax请求的时候,我们不想每次都写error:function(e){}这种代码,但是我们又想让它每次都将ajax的
本文向大家介绍bootstrap select插件封装成Vue2.0组件,包括了bootstrap select插件封装成Vue2.0组件的使用技巧和注意事项,需要的朋友参考一下 因为bootstrap-select功能比较强大,而且样式还不错,所以在项目使用了vue,所以,觉得对bootstrap-select进行封装。 html js 不得不提一下,在使用多个select的时候,在删除某一个s
Web Service有三个主要的Web服务组件。它们分别如下所列 - SOAP WSDL UDDI 1. SOAP SOAP是简单对象访问协议(Simple Object Access Protocol)的首字母缩写。 SOAP是一种基于XML的协议,用于访问Web服务。 SOAP是应用程序之间通信的W3C建议。 SOAP是基于XML的,因此它独立于平台且与语言无关。 换句话说,它可以在任何平台