csdn_huangyumin的博客

转载 JS遍历对象或者数组

一.纯js实现Js代码      var obj = {"player_id":"GS001","event_id":"1","destroy":"97%"};    var props = "";    for(var p in obj){        if(typeof(obj[p])=="function"){              ob

转载 mysql通过sql文件创建数据库

使用SQLyog右键  从SQL转储文件创建数据库

原创 mysql命令

MySQL执行外部sql脚本文件的命令Mysql\bin\mysql –u用户名 –p密码 –D数据库D:\mysql\bin\mysql –uroot –p123456 -Dtest如果在sql脚本文件中使用了use 数据库，则-D数据库选项可以忽略修改root密码mysql -uroot -puse mysql;update user set passwor

转载 mysql开启自启动

命令echo "service mysqld start" >> /etc/rc.local或者进入/etc/目录，直接vim rc.local编辑rc.local文件，在最后一行添加“service mysqld start”,保存退出

转载 [D3.js] SVG-Axes（坐标轴）

D3的轴组件是为D3的quantitative, time 和 ordinal 标度所设计的。 # d3.svg.axis() 新建一个默认的坐标轴。 # aixs(selection) 轴线适用于selection 或 transition。选择器必须包含一个 svg 或者 g 元素。 例如:  d3.sel

转载 【 D3.js 入门系列 — 5 】 坐标轴

http://www.ourd3js.com/wordpress/?p=111坐标轴，是可视化图表中经常出现的一种图形，由一些列线段和刻度组成。坐标轴在 SVG 中是没有现成的图形元素的，需要用其他的元素组合构成。D3 提供了坐标轴的组件，如此在 SVG 画布中绘制坐标轴变得像添加一个普通元素一样简单。1. 坐标轴由什么构成在 SVG 画布的

转载 JS中的prototype

http://www.cnblogs.com/yjf512/archive/2011/06/03/2071914.htmlJS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A

转载 D3.js学习笔记（三）——创建基于数据的SVG元素

http://www.sxt.cn/u/2839/blog/4321目标　　在这一章，你将会使用D3.js，基于我们的数据来把SVG元素添加到网页中。这一过程包括：把数据绑定到元素上，然后在使用这些元素来可视化我们的数据。　　注意：不同于前几章，我们从一个完整的代码开始，然后去一步步理解它，从这一章开始，我们将会从零开始构建我们的数据可视化。　　我们

转载 D3.js学习笔记（二）——使用绑定在DOM上的数据

http://www.sxt.cn/u/2839/blog/4322简单例子　　在这个例子中，你将会使用D3.js来将数据绑定到DOM元素上。然后再使用D3.js利用绑定到DOM元素上的数据来更新网页。　　在上一章中，我们以下面这个页面作为开始的：12345678

转载 【 D3.js 入门系列 --- 7 】 理解 update, enter, exit 的使用

http://blog.csdn.net/lzhlzz/article/details/36869567 在前面几节中反复出现了如下代码：[javascript] view plaincopysvg.selectAll("rect")              .data(dataset)           

转载 D3.js学习笔记（一）——DOM上的数据绑定

开始学习D3.js，网上没有找到很满意的中文教程，但是发现了一个很好的英文教程，讲解的非常详细。从一个初始简单的HTML网页开始，逐步加入D3.js的应用，几乎是逐句讲解。学习的时候，就顺便翻译成中文，来和大家分享 。当然，更推荐看英文原文教程了，点击这里。 简单例子在这个例子中，你将会使用D3.js来把数据绑定到简单网页的DOM元素(DOM element)上。现在开始了

转载 CSS和SVG中的剪切——clip-path属性和<clipPath>元素

http://www.w3cplus.com/css3/css-svg-clipping.html

转载 SVG DEFS元素、SYMBOL元素和USE元素

SVG DEFS元素SVG的元素用于预定义一个元素使其能够在SVG图像中重复使用。例如你可以将一些图形制作为一个组，并用元素来定义它，然后你就可以在SVG图像中将它当做简单图形来重复使用。看下面的例子：svgxmlns="http://www.w3.org/2000/svg">  defs>      g>      

转载 使用D3 Geo模块画澳大利亚地图

因此，首先需要澳大利亚的地图数据，D3中的Geo模块可以处理GeoJSON格式的地理数据。（GeoJSON是一种对各种地理数据结构进行编码的格式。GeoJSON对象可以表示几何、特征或者特征集合。GeoJSON支持下面几何类型：点、线、面、多点、多线、多面和几何集合。GeoJSON里的特征包含一个几何对象和其他属性，特征集合表示一系列特征。参见： http://www.oschina.net/tr

转载 d3数轴

设定数轴与比例尺相似，D3的数轴实际上也是由你来定义参数的函数。但与比例尺不同的是，调用数轴函数并不会返回值，而是会生成数轴相关的可见元素，包括轴线、标签和刻度。使用d3.svg.axis()可以创建通用的数轴函数：var xAxis = d3.svg.axis();要使用数轴，最起码要告诉它基于什么比例尺工作。在此，我们把绘制散点图时定义的xScale传给它： xAxis

转载 D3.js中使用scale

先介绍两个经常和 scale 一起出现的函数，在上一节中也出现了。d3.max()d3.min()它们用于求一个数组中的最大值和最小值，如果是一维数组，使用方法如下：var dataset = [ 30, 20 , 52 , 2 , 11 ]; var result = d3.max( dataset );    变量 result 中保存的是数组 datase

转载 pointer-events

Google map中左上角的操作区域占位是挺大的，如红色框区域，然后在这个区域是无法操作地图层的。那么我们就可以给这个div设置 pointer-events:none，然后你就会发现下面的地图就可以拖动和点击了。但是悲剧的是，操作区域本身却无法操作了，直接被无视掉了。不过不用担心，我们可以给里面的元素重新设置为 pointer-events:auto，当然，只给需要操作的元素区域设置。

转载 stroke-linecap

stroke-linecap 可使用的值是: butt, round, square, inherit"笔划端 点"的属性定义了开放笔划(未闭合)的端点的形状,分别是"粗大的"butt,"圆滑的"round,"平整 的"square 和"继承 的"inherit.

转载 stroke-linejoin

stroke-linejoin 可使用的值是:miter, round, bevel, inherit 笔划连 接属性定义了路径拐角的形状,"miter"是默认值,"round"光滑连接,"bevel"折线连接,"inherit"继 承

转载 用d3.js实现基于SVG的线形图

http://ju.outofmemory.cn/entry/60346step1：引入d3.jsstep2：创建SVG容器var margin = {top: 20, right: 20, bottom: 30, left: 50}, width = document.body.clientWidth - margin.left - margin.ri

转载 CSS: body{font-size: 62.5%;}为什么？？？

在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置，为什么偏偏是62.5%呢？这主要是为了方便em与px相互转换，em的初始值为1em=16px，显然这样的话，如1.2em则=19.2px，可是我们在设置的时候很少看见19.2px这样表示的大小，也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时，1em则=16px*6

转载 css min-width最小宽度与max-width最大宽度教程

最小宽度(min-width)与最大宽度(max-width)用于设置图片最小最大宽度限制比较多。比如一个图片为主列表，对象里图片大小不定时候，为了不想让他太小不统一这个时候我们可以使用css最小宽度样式。再如，一个盒子里有文章有图片混排的时候，有时图片宽度不能确定，这个时候如果html img图片宽度超出了div盒子宽度，可能图片就会撑破div盒子造成图片混乱。

转载 利用CSS3制作淡入淡出动画效果

1. 定义动画，名称为fadeIn@-webkit-keyframes fadeIn {0% {opacity: 0; /*初始状态 透明度为0*/}50% {opacity: 0; /*中间状态 透明度为0*/}100% {opacity: 1; /*结尾状态 透明度为1*/}}2.  在ID或类中增加如下的动画代码#box{-webkit-animatio

转载 css3 实现动画效果，怎样使他无限循环动下去？

主要需要使用 -webkit-animation如： -webkit-animation:gogogo 2s infinite linear ;其中gogogo是自己定义的动画帧，2s是整个动画的秒数，infinite是永久循环 linear是线性变化 (step-end则是无线性变化，直接输出结果) 代码如下：CSS:@-webkit-keyframes gog

转载 CSS3 animation 属性

使用简写属性，将动画与 div 元素绑定div{animation:mymove 5s infinite;-webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */}http://www.w3school.com.cn/tiy/t.asp?f=css3_animation

转载 background-size:cover

http://www.w3school.com.cn/tiy/c.asp?f=css_background-size&p=7

转载 z-index:9999在CSS中是什么意思

z-index属性：较大 number 值的对象会覆盖在较小 number 值的对象之上。如两个绝对定位对象的此属性具有同样的 number 值，那么将依据它们在HTML文档中声明的顺序层叠。对于未指定此属性的绝对定位对象，此属性的 number 值为正数的对象会在其之上，而 number 值为负数的对象在其之下。设置参数为 null 可以移除此属性。因此，在z-index属性值相同的

转载 利用Data URL(data:image/jpg;base64,)加速网页加载的方法

data:image/jpg;base64,/9j/4AAQSkZ……” 就是一张图片的Data URL，就是利用base64编码把图片数据翻译成标准ASCII字符。img src="http://tieba.baidu.com/tb/static-common/img/dimensionCode/tb_common_2dbc.jpg" />Data URL是在本地直接绘制图片，不

转载 css3 @-webkit-keyframes 这种格式什么意思

@-webkit-keyframes labelON{ 0%{top: 0px; left: 0px; } 100%{top: 0px; left: 38px; }}@keyframes(关键帧)作为CSS3动画的一部分，其该紧跟一个标识符(由开发者自定)，此标识符将在其他CSS代码中引用。在@

转载 META标签

META标签，是HTML语言head区的一个辅助性标签。在几乎所有的page里，我们都可以看 到类似下面这段html代码： ----------------------------------------------- ----------------------------------------------- 这就是meta标签的典型运用。meta标签有多少参数，有什么

原创 搭建spring-hadoop开发环境

不引用 4个jar包  解决jar冲突问题

转载 windows环境下，重启Tomcat服务器

新建立一个bat文件，文件内容：　　call shutdown.bat　　ping 127.0.0.1 -n 10>nul　　call startup.bat　　保存AotoriTomcatRestart.bat。　　然后将这个bat文件，保存到TOMCAT的bin目录下面。如：F:\aotori\apache-tomcat-6\apache-tomcat-

转载 Tomcat部署Web应用方法总结

在Tomcat中部署Java Web应用程序有两种方式：静态部署和动态部署。在下文中$CATALINA_HOME指的是Tomcat根目录。一、静态部署静态部署指的是我们在服务器启动之前部署我们的程序，只有当服务器启动之后，我们的Web应用程序才能访问。以下3种方式都可以部署：（以PetWeb项目为例说明，PetWeb目录假设是F:/PetWeb）1.

原创 spring-hadoop环境搭建

转载 windows 7系统安装与配置Tomcat服务器环境

配置Tomcat环境变量打开系统环境变量请参考第三步图示操作。在系统变量中添加以下变量1）新建TOMCAT_HOME变量变量名TOMCAT_HOME变量值c:\tomcat变量值即为我们下载的tomcat解压路径，在这里我的是c:\tomcat，如果有疑惑，可以参考第五步。2)新建CATALINA_HOME

转载 java.lang.AbstractMethodError: javax.servlet.jsp.JspFactory.getJspApplicationContext

删除 hadoop-lib下jsp-api-2.0.jar 和 servlet-api-2.4.jar

原创 代码没报错 工程出现错误

重新导入项目

转载 CentOS6.5中修改yum源

在自己安装的CentOS6.5中使用yum安装软件，总是提示404错误信息，百度后发现原来要设置yum源。在安装完CentOS后一般需要修改yum源，才能够在安装更新rpm包时获得比较理想的速度。国内比较快的有163源、sohu源。这里以163源为例子。1. cd /etc/yum.repos.d2. mv CentOS-Base.repo CentOS-Base.repo

原创 tomcat启动失败原因之一

server.ml  文件war包名称错误

转载 centos安装tomcat

将apache-tomcat-7.0.29.tar.gz文件上传到/usr/local中执行以下操作：[root@admin local]# cd /usr/local[root@admin local]# tar -zxv -f apache-tomcat-7.0.29.tar.gz         // 解压压缩包 [root@admin local]# rm -r