<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[KJBU2]]></title><description><![CDATA[宁静致远，方能舍得]]></description><link>https://blog.youkuaiyun.com/KJBU2</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; KJBU2]]></copyright><item><title><![CDATA[D3画个音乐播放器]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/53728154</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/53728154</guid><author>KJBU2</author><pubDate>Sun, 18 Dec 2016 16:46:39 +0800</pubDate><description><![CDATA[灵感来源于一个D3学习群中的一个大神的demo，再加上自己学习D3一个半多月，看了很多Demo,总有一种看了知道是什么意思的，但是要让自己写，就写不出来的赶脚，
所以就尝试做个小Demo来练练手。难度不大，主要在于自己把之前学的一些东西串起来。巩固一下自己知识点。
主要使用到的就是d3(用于界面的绘制)和html5中audio的使用。
下面就让我们一起来看下演示的效果，如下图：]]></description><category></category></item><item><title><![CDATA[D3.JS之别人家的饼图动画]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/53509233</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/53509233</guid><author>KJBU2</author><pubDate>Wed, 07 Dec 2016 18:45:07 +0800</pubDate><description><![CDATA[原文链接
最近看到D3的demo库中有一个例子，他是从无到有旋转开来。他这个动画效果的。
效果如下：



在来看看我之前写的效果：






对比一下就很容易看出来两个饼图旋转开来的区别了：
第一个是所有的弧都开始从无到有变化
第二个：是一个弧选旋转完成在到到下一弧开始旋转(具体实现看之前写的教程)
本篇主要来说说第一个的实现。
其实也没什么好说的，就是设置所]]></description><category></category></item><item><title><![CDATA[d3.js之多组柱状图]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/53494544</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/53494544</guid><author>KJBU2</author><pubDate>Tue, 06 Dec 2016 22:44:23 +0800</pubDate><description><![CDATA[参考博客
有什么不知道的API可以参考D3中文API
也可以去查看别人写的普通柱状图柱状图详解
之前学习d3的时候就看到柱状图中有那种几组几组在一起，今天看到一个demo就是这种几组一起的。
就去仔细看了那个Demo,并且写下这篇文章。
这是V3版本
思路：平时写的写的柱状图都是一个一个，那么怎么将一个柱状图中一个分成好几个呢。
大概的思路就是这样的，其实他写了四个柱状图来将他拼凑在]]></description><category></category></item><item><title><![CDATA[D3.js时钟]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/53408707</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/53408707</guid><author>KJBU2</author><pubDate>Wed, 30 Nov 2016 15:27:09 +0800</pubDate><description><![CDATA[今天做了一个小时钟动画，因为学习canvas也做过一个时钟，所以想着可不可以使用d3来做个时钟动画。


主要利用的还是饼图这个布局，添加了一个圆形颜色渐变的效果。





	
	时钟


	
	
	
		
		var width = 500,
			height = 500;
		var svg = d3.select('body').append("svg").attr("wid]]></description><category></category></item><item><title><![CDATA[D3.js之折线图动画]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/53386038</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/53386038</guid><author>KJBU2</author><pubDate>Mon, 28 Nov 2016 23:13:11 +0800</pubDate><description><![CDATA[主要实现的效果一个折线图，然后线条可以从头到尾的出现。
折线图的代码基本上是别人的(本人也是正在学习的)，自己只是在这上面基础上添加动画和一些文字和circle
参考：参考折线图的博客 参考SVG动画博客



    
    
    
    .axis path,
    .axis line{
        fill:none;
        stroke:black;]]></description><category></category></item><item><title><![CDATA[D3.js之饼图动画2]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/53317439</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/53317439</guid><author>KJBU2</author><pubDate>Thu, 24 Nov 2016 10:46:40 +0800</pubDate><description><![CDATA[上篇只是说了饼图的从无到有的旋转动画，这次来说说怎么给饼图添加外接注释加连线，以及数据更新的动画。
虽然d3.js写的麻烦，我看了几天echart，发现只要套套模板更改一下参数就行，但是d3可塑性很高，完全由你想象，想怎么画就怎么画。



    
    头疼


    
    button{
        position: absolute;
        margin: 10]]></description><category></category></item><item><title><![CDATA[D3.js之饼图动画]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/53290462</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/53290462</guid><author>KJBU2</author><pubDate>Tue, 22 Nov 2016 20:34:00 +0800</pubDate><description><![CDATA[学习D3差不多一个月了。最近看了刚看了echart，发现他里面的饼图初始化的时候是从无到有的打开一圈。所以想要模仿这个动画效果。


如果想要学习D3.js饼图布局可以去看这个网站： http://www.ourd3js.com
开始的想法是这样的：先给出饼图从无到有展开花费的所有时间，再设计饼图每个弧所占的比例，乘以动画总时间，就每个弧所要执行的时间。
在用一个delaytime变量保]]></description><category></category></item><item><title><![CDATA[POJ 2486 Apple Tree]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/48288749</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/48288749</guid><author>KJBU2</author><pubDate>Tue, 08 Sep 2015 11:59:34 +0800</pubDate><description><![CDATA[学习树形DP时间不是很长，之前做的都是没有考虑返回这种情况。
现在要考虑一个节点会不会返回，增加一维表示该点是不是返回。
借鉴文章







dp[i][i][0]表示从i出发走j步回到i的可以得到的最大价值
dp[i][i][0]表示从i出发走j步不回到i的可以得到的最大价值



现在有三种措施：要么去s的其他子树呆着，要么去t子树呆着，要么回到s点
1、返]]></description><category></category></item><item><title><![CDATA[#1054 : 滑动解锁]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/48250623</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/48250623</guid><author>KJBU2</author><pubDate>Sun, 06 Sep 2015 20:43:46 +0800</pubDate><description><![CDATA[描述

滑动解锁是智能手机一项常用的功能。你需要在3x3的点阵上，从任意一个点开始，反复移动到一个尚未经过的"相邻"的点。这些划过的点所组成的有向折线，如果与预设的折线在图案、方向上都一致，那么手机将解锁。两个点相邻当且仅当以这两个点为端点的线段上不存在尚未经过的点。此外，这条折线还需要至少经过4个点。

为了描述方便，我们给这9个点从上到下、从左到右依次编号1-9。那么1->2->3是不]]></description><category></category></item><item><title><![CDATA[欧拉路走完所有的边。]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/48177577</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/48177577</guid><author>KJBU2</author><pubDate>Wed, 02 Sep 2015 14:23:09 +0800</pubDate><description><![CDATA[点击打开题目
题目的要求就是要你走完所有的边。
一个无向图存在欧拉路当且仅当该图是连通的且有且只有2个点的度数是奇数，此时这两个点只能作为欧拉路径的起点和终点。
然后找到起点，从该店遍历所有的边，如果一条边使用过了，就把这条边给标记了就行了。
#include
#include
#include
using namespace std;

const int N=1001;
const i]]></description><category></category></item><item><title><![CDATA[#1177 : 顺子]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/48173741</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/48173741</guid><author>KJBU2</author><pubDate>Wed, 02 Sep 2015 08:57:58 +0800</pubDate><description><![CDATA[描述

你在赌场里玩梭哈，已经被发了4张牌，现在你想要知道发下一张牌后你得到顺子的概率是多少？

假定赌场使用的是一副牌，四种花色的A、2、3、...、J、Q、K共52张，这副牌只发给你了4张，你的剩下一张牌从剩下48张中任意取出一张。

顺子指的是点数连续的五张牌，包括10、J、Q、K、A这种牌型（不包含同花顺，即构成顺子的五张牌花色不能相同）。参见：https://zh.wikip]]></description><category></category></item><item><title><![CDATA[#1224 : 赛车]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/48162627</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/48162627</guid><author>KJBU2</author><pubDate>Tue, 01 Sep 2015 20:08:52 +0800</pubDate><description><![CDATA[幻想乡有一个赛车场。赛车场里有N个地点。同时地点之间还有单向的道路存在。

这些道路使得赛车场形成了一个外向树的结构。也就是说，道路将这N个地点连成了一个有根树。并且所有的边都是从父亲指向孩子的。

由于幽香喜欢刺激，每次她去赛车场都会从根节点出发，选择最长的一条路径来玩。

但是现在幽香感觉最长的路径还是太短了，她打算在赛车场里新建一条道路使得新的最长路径最长。

同时，如果道路]]></description><category></category></item><item><title><![CDATA[@]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/48162517</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/48162517</guid><author>KJBU2</author><pubDate>Tue, 01 Sep 2015 19:57:34 +0800</pubDate><description><![CDATA[描述

给定n个关于X的不等式，问最多有多少个成立。

每个不等式为如下的形式之一：

X 

X 

X = C

X > C

X >= C

输入

第一行一个整数n。

以下n行，每行一个不等式。

数据范围:

1

输出

一行一个整数，表示最多可以同时成立的不等式个数。

交的时候总是WA，看了后面的讨论才知道。
X>5 ]]></description><category></category></item><item><title><![CDATA[HDU 5399]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/47758257</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/47758257</guid><author>KJBU2</author><pubDate>Tue, 18 Aug 2015 20:11:16 +0800</pubDate><description><![CDATA[题意：给你n个数字,m个函数。每个函数满足,f1(f2(⋯fm(i)))=i
然后有可能函数的不给你，就是写出来-1.
让你自己给-1那行赋值，问你有多少种可能。


只有一个-1的时候肯定是1。
但是没有-1的时候还要看给你的函数 满不满足条件。
-1有k个。1行的种是N！个。
最后一个-1可以被其他已经赋值的-1确定。最后结果是N !^(k-1).

#include
#i]]></description><category></category></item><item><title><![CDATA[HDU 5400]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/47757735</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/47757735</guid><author>KJBU2</author><pubDate>Tue, 18 Aug 2015 20:01:51 +0800</pubDate><description><![CDATA[题意：问你[1 ,n]之间有多少个连续区间[l,r] 满足存在一个l
i
那么一组数字中只有的区间只有就被分为递增和递减，或者单独的递增，或者单独的递减。
有可能两部分的一个点重合。然后这个区间的种数就是(长度+1）*长度/2;
#include
#include
const int N=1e5+10;
int main()
{
    int n,d1,d2,a[N],vis[N],vi]]></description><category></category></item><item><title><![CDATA[HDU 5386]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/47731847</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/47731847</guid><author>KJBU2</author><pubDate>Mon, 17 Aug 2015 20:56:42 +0800</pubDate><description><![CDATA[题意：由这个状态转换成这个状态。给你m个操作，问你m个操作的顺序。必定可以完成。


那么就可以逆向推导。因为一定可以变成这样。
#include
#include
int num[102][101],num2[102][102];
char str[505][2];
int m1[505],m2[505];
int a[101],b[101];
int n,m;
void debug()]]></description><category></category></item><item><title><![CDATA[HDU5387]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/47731779</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/47731779</guid><author>KJBU2</author><pubDate>Mon, 17 Aug 2015 20:52:49 +0800</pubDate><description><![CDATA[题意：求时针跟分针，时针跟秒针，分针跟秒针之间的角度。


思路：先将钟分成12*3600份,那么原本的分为60格的，每格为720。当秒针转动一下的时候，分针走动了12份。时针走动了1份。
12*3600是以秒针动一次，以时针动一下的的最小参照。
#include
#include
#include
using namespace std;
const int zg=3600*12;
i]]></description><category></category></item><item><title><![CDATA[HDU 5365（不是地球人）]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/47375331</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/47375331</guid><author>KJBU2</author><pubDate>Sun, 09 Aug 2015 13:37:14 +0800</pubDate><description><![CDATA[题目给你一些点让你求构成正3、4、5、6边形的有多少。
题解：构成正3、5、6边形的不可以是整点。
所以题目转换为4点判断是不是正方形。
4边相等在加上一个直角就可以了。
#include
#include
struct node
{
    int x,y;
}a[22];
int dis(node a1,node a2)
{
    return (a1.x-a2.x)*(a1.x-a]]></description><category></category></item><item><title><![CDATA[淘宝卖家评价体系]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/47129765</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/47129765</guid><author>KJBU2</author><pubDate>Wed, 29 Jul 2015 16:24:20 +0800</pubDate><description><![CDATA[淘宝对所有卖家建立了一套基于数据挖掘的评价体系，使用交易数据、用户评价等对每个卖家的描述真实度、发货速度和服务态度这三个维度进行打分，分数均为可正可负的整数。由于打分总会存在一定偏差，淘宝的算法工程师们只能对每个维度给出一个边界均为整数的分值范围，这三个维度的分值范围在三维直角坐标系中构成了一个顶点坐标均为整数、所有棱均平行于坐标轴的长方体。
类似二维坐标系中的象限，在三维坐标系中我们用卦限来区]]></description><category></category></item><item><title><![CDATA[HDU5326-Work （建反图，遍历）]]></title><link>https://blog.youkuaiyun.com/KJBU2/article/details/47129463</link><guid>https://blog.youkuaiyun.com/KJBU2/article/details/47129463</guid><author>KJBU2</author><pubDate>Wed, 29 Jul 2015 16:12:47 +0800</pubDate><description><![CDATA[题目：N个员工，给你n-1对关系u,v，表示u是V的上级，问你的u的下级有K个的数量。
#include
#include
const int N=100;
int nxt[N],pnt[N],head[N];
int n,m,e;
int in[N];
void AddEdge(int x,int y)
{
    pnt[e]=y;nxt[e]=head[x];head[x]=e++;
}
]]></description><category></category></item></channel></rss>