随笔分类 -  前端

摘要:1.jQuiery对象与DOM对象 对于刚刚接触jQuery的初学者,我们要清楚认识一点:jQuery对象与DOM对象是不一样的。可能一时半会分不清楚哪些是jQuery对象,哪些是DOM对象,下面重点介绍一下jQuery对象,以及两者相互间的转换。 下面举一个简单的例子: 使用原生的javascri 阅读全文
posted @ 2016-06-22 20:20 王甘林 阅读(203) 评论(0) 推荐(0)
摘要:1.jQuery简介:JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。j 阅读全文
posted @ 2016-06-18 17:15 王甘林 阅读(202) 评论(0) 推荐(0)
摘要:这次是绘制饼状图,也是这一次使用D3绘制图表的最后一篇,大家可以从其他地方深入学习D3绘制图表,也可以直接查看D3的API进行学习,本次绘制饼状图的数据跟之前的卸载数组里面的不一样,这一次是使用d3的csv(url)函数读取的一个data.csv文件,在此声明,如果网页的编辑器不是使用自带的服务器打 阅读全文
posted @ 2016-06-17 21:35 王甘林 阅读(4540) 评论(0) 推荐(0)
摘要:竖直柱状图的绘制是在水平柱状图的基础上修改的。 1.html代码 2.js代码 3.运行效果 阅读全文
posted @ 2016-06-17 12:55 王甘林 阅读(788) 评论(1) 推荐(0)
摘要:绘制水平柱状图表的方法也不是很难,首先在svg中插入g,然后在g中插入rect。 1.html代码 2.js代码 3.运行效果 阅读全文
posted @ 2016-06-17 12:38 王甘林 阅读(1187) 评论(0) 推荐(0)
摘要:面积图表的绘制就是在曲线图表的基础上做一点小小的改动。其他的代码跟绘制曲线图表没有什么区别,下面有黄色背景颜色的代码就是修改的,是不是很简单,第一句修改的地方就是把之前绘制线的函数(line)改成了绘制面积的函数(area);第二句代码就是加的一行,“.y0(g_height)”这个意思代表的是x轴 阅读全文
posted @ 2016-06-17 11:58 王甘林 阅读(982) 评论(0) 推荐(0)
摘要:上一篇是曲线的绘制,这样仅仅只是有一条线,完全先是不出数据想要表现的内容,于是我们要添加坐标系,添加坐标系和画线类似。 1.还是没有变化的html页面 2.改变后的css样式文件,主要是domain和tick样式的添加 3.完成功能的js代码 4.完成后的样式 阅读全文
posted @ 2016-06-17 10:46 王甘林 阅读(9651) 评论(0) 推荐(1)
摘要:上一篇是使用D3绘制画布,这一篇的内容是在画布上绘制曲线。 1.之前的html代码没有变化,但是我还是贴出来 2.css样式添加了path的样式 3.主要代码还是在js中实现的 这些都是我在慕课网上边学编写的文章,没什么基础的同学也可以去慕课网上看看,还是蛮不错的一个网站,可以边学边练习。 阅读全文
posted @ 2016-06-17 10:01 王甘林 阅读(6450) 评论(0) 推荐(0)
摘要:使用D3绘制图表可以使数据更加直观。 使用D3前要先加载D3库,这里有两种方式,一种是在线加载<script type="text/javascript" src="http://d3js.org/d3.v3.js" ></script>,另一种是下载D3库,我是直接在百度里面搜索”D3 js 下载 阅读全文
posted @ 2016-06-17 09:20 王甘林 阅读(1913) 评论(0) 推荐(0)
摘要:大三马上就要读完了,下学习就要找工作了,感觉要抓紧时间复习和深入一下自己学习的东西。之前就是学习了下前端,之后也希望从事这一方面的职业,很多人都觉得前端很简单,其实并不是这样的,前端的入门是比较容易,但是要深入学习还是有写难度的,希望可以和大家一起学习,共同进步,这是写的第一篇短文,写得不好还望大家 阅读全文
posted @ 2016-06-16 22:14 王甘林 阅读(433) 评论(0) 推荐(0)