溢杨年华

摘要： context 定义: Context提供了一种方式，能够让数据在组件树中传递，而不必一级一级手动传递。 API : createContext(defaultValue?)。 使用方法： 首先要引入createContext 然后创建一个Context 然后用BatteryContext.Prov 阅读全文

摘要： 先给大家贴一张图片，因为我不会上传视频(￣□￣｜｜) ，请大家谅解了~ 如果有知道怎么上传视频的大神还请指点指点 ^_^ ~ 然后看一下代码: html部分 : 然后需要引入来控制小球位置来构成数字,来看一张图片:看到这张图片，想必大家就会明白了我们需要引入的数据结构。 看一下需要引入的digit. 阅读全文

摘要： canvas是定义在浏览器上的画布。它不仅仅是一个标签元素更是一个编程工具是一套编程的接口。利用它可以开发出很多东西，比如动画，游戏，动态的图表等富有变现力和感染力的应用。还可以开发出绚丽的3D动态效果。接下来我们一起学习！ 一、 创建canvas 看一下现在的效果: 除了上述代码那样指定canva 阅读全文

摘要： 1、display : flex | inline-flex注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性 将失效。 2、flex-direction属性 决定主轴的方向（即项目的排列方向） flex-direction: row | row-rev 阅读全文

摘要： 在creat-react-app搭建的项目环境中按需引入antd以及配置less,首先需要暴露出来webpack文件。(此操作不可逆)。 暴露wenpack文件的指令是yarn eject. 在使用这个指令之前要先推送一次git文件才行。或者删除git文件。 提交git : 运行之后会询问是否暴露， 阅读全文

摘要： 一 、 过渡的启动 启动过渡效果，与以下四个方法相关: d3.transition([selection],[name]) //创建一个过渡对象。但是由于每个选择集中都有transition()方法，可用d3.select("rect").transition()的方式来创建过渡，因此一般不直接用d 阅读全文

摘要： 本章使用路径生成器来绘制一个折线图。以中国和日本的GDP数据为例： 1 //数据 2 var dataList = [ 3 { 4 coountry : "china", 5 gdp : [ 6 [2000,11920],[2001,13170],[2002,14550],[2003,16500], 阅读全文

摘要： 弦生成器(Chord Generator) 弦生成器(Chord Generator)根据两段弧来绘制弦，共有五个访问器，分别为source()、target()、radius()、startAngle()、endAngle()，默认都返回与函数名称相同的变量。如果都使用默认的访问器，则要绘制一段弧 阅读全文

摘要： 区域生成器(Area Generator) 区域生成器(Area Generator)用于生成一块区域，使用方法与线段生成器类似。线段生成器地址:数据访问器有x()、x0()、x1()、y()、y0()、y1()六个，数量很多，但不许要全部使用。举个例子: 1 var width = 600; // 阅读全文

摘要： 线段生成器 与线段生成器相关的方法: d3.svg.line() //创建一个线段生成器。 line(data) //使用线段生成器绘制data数据。 line.x([x]) //设置或获取线段x坐标的访问器，即使用什么数据作为线段的x坐标。 line.y([y]) //同上。设置或获取y坐标的访问 阅读全文