摘要: context 定义: Context提供了一种方式,能够让数据在组件树中传递,而不必一级一级手动传递。 API : createContext(defaultValue?)。 使用方法: 首先要引入createContext 然后创建一个Context 然后用BatteryContext.Prov 阅读全文
posted @ 2019-07-21 16:13 溢杨年华 阅读(6986) 评论(0) 推荐(2) 编辑
摘要: 先给大家贴一张图片,因为我不会上传视频( ̄□ ̄||) ,请大家谅解了~ 如果有知道怎么上传视频的大神还请指点指点 ^_^ ~ 然后看一下代码: html部分 : 然后需要引入来控制小球位置来构成数字,来看一张图片:看到这张图片,想必大家就会明白了我们需要引入的数据结构。 看一下需要引入的digit. 阅读全文
posted @ 2019-06-27 17:33 溢杨年华 阅读(492) 评论(0) 推荐(0) 编辑
摘要: canvas是定义在浏览器上的画布。它不仅仅是一个标签元素更是一个编程工具是一套编程的接口。利用它可以开发出很多东西,比如动画,游戏,动态的图表等富有变现力和感染力的应用。还可以开发出绚丽的3D动态效果。接下来我们一起学习! 一、 创建canvas 看一下现在的效果: 除了上述代码那样指定canva 阅读全文
posted @ 2019-06-14 11:56 溢杨年华 阅读(1397) 评论(0) 推荐(3) 编辑
摘要: 1、display : flex | inline-flex注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性 将失效。 2、flex-direction属性 决定主轴的方向(即项目的排列方向) flex-direction: row | row-rev 阅读全文
posted @ 2019-05-30 16:01 溢杨年华 阅读(703) 评论(0) 推荐(1) 编辑
摘要: 在creat-react-app搭建的项目环境中按需引入antd以及配置less,首先需要暴露出来webpack文件。(此操作不可逆)。 暴露wenpack文件的指令是yarn eject. 在使用这个指令之前要先推送一次git文件才行。或者删除git文件。 提交git : 运行之后会询问是否暴露, 阅读全文
posted @ 2019-05-27 10:28 溢杨年华 阅读(1499) 评论(0) 推荐(1) 编辑
摘要: 一 、 过渡的启动 启动过渡效果,与以下四个方法相关: d3.transition([selection],[name]) //创建一个过渡对象。但是由于每个选择集中都有transition()方法,可用d3.select("rect").transition()的方式来创建过渡,因此一般不直接用d 阅读全文
posted @ 2019-05-20 20:21 溢杨年华 阅读(4131) 评论(0) 推荐(1) 编辑
摘要: 本章使用路径生成器来绘制一个折线图。以中国和日本的GDP数据为例: 1 //数据 2 var dataList = [ 3 { 4 coountry : "china", 5 gdp : [ 6 [2000,11920],[2001,13170],[2002,14550],[2003,16500], 阅读全文
posted @ 2019-05-19 22:18 溢杨年华 阅读(1532) 评论(0) 推荐(0) 编辑
摘要: 弦生成器(Chord Generator) 弦生成器(Chord Generator)根据两段弧来绘制弦,共有五个访问器,分别为source()、target()、radius()、startAngle()、endAngle(),默认都返回与函数名称相同的变量。如果都使用默认的访问器,则要绘制一段弧 阅读全文
posted @ 2019-05-15 21:38 溢杨年华 阅读(530) 评论(0) 推荐(0) 编辑
摘要: 区域生成器(Area Generator) 区域生成器(Area Generator)用于生成一块区域,使用方法与线段生成器类似。线段生成器地址:数据访问器有x()、x0()、x1()、y()、y0()、y1()六个,数量很多,但不许要全部使用。举个例子: 1 var width = 600; // 阅读全文
posted @ 2019-05-12 22:20 溢杨年华 阅读(1143) 评论(0) 推荐(1) 编辑
摘要: 线段生成器 与线段生成器相关的方法: d3.svg.line() //创建一个线段生成器。 line(data) //使用线段生成器绘制data数据。 line.x([x]) //设置或获取线段x坐标的访问器,即使用什么数据作为线段的x坐标。 line.y([y]) //同上。设置或获取y坐标的访问 阅读全文
posted @ 2019-05-11 22:26 溢杨年华 阅读(2030) 评论(0) 推荐(0) 编辑