06 2016 档案

HTML5基础知识（4）--white-space属性
摘要：1.white-space 属性设置如何处理元素内的空白。 这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。 2.可能的值 规定应该从父元素继承 white-space 属性的值。 阅读全文
posted @ 2016-06-28 18:22 王甘林 阅读(761) 评论(0) 推荐(0)
HTML5基础知识（3）--required属性
摘要：1.required属性规定在提交之前要填写输入域（不能为空）。 2.代码 3.效果图 阅读全文
posted @ 2016-06-27 19:48 王甘林 阅读(476) 评论(0) 推荐(0)
HTML5基础知识（2）--标题标签的使用
摘要：1.HTML文档中包含各种级别的标题，各种级别的标题由<h1>到<h6>元素来定义，<h1>至<h6>标题标记中的字母h是英文headline的简称。其中<h1>代表1级标题，级别最高，文字也最大，其他标题元素依次递减，<h6>级别最小。 2.案例代码 3.案例截图 阅读全文
posted @ 2016-06-24 19:21 王甘林 阅读(1097) 评论(0) 推荐(0)
HTML5基础知识（1）--上标和下标文本
摘要：1.上标文本标签：<sup>/<sup> 2.下标文本标签：<sub></sub> 3.案例代码 4.案例截图 在网页中如果要把文字合理的显示出来，离不开段落标记的使用。对网页中文字段落进行排版，并不像编辑软件那样简单，在网页中要使某一段文字放在特定的位置就要使用HYML标记来实现。 阅读全文
posted @ 2016-06-24 19:13 王甘林 阅读(2981) 评论(0) 推荐(0)
jQuery基础--样式篇（5）
摘要：jQuery的属性与样式 （1）.attr()与.removeAttr()：每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。 attr()有4个表达式 attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值 attr(属性名,函数值)：设置 阅读全文
posted @ 2016-06-24 18:50 王甘林 阅读(166) 评论(0) 推荐(0)
jQuery基础--样式篇（4）
摘要：jQuery选择器： 1.id选择器：通过id名来获取节点，id是唯一的，每个id在页面上只能使用一次。 $( "#id" ) 2.类选择器：通过class样式类名来获取节点 $( ".class" ) 3.元素选择器：根据给定（html）标记名称选择所有的元素 $( "element" ) 4.全 阅读全文
posted @ 2016-06-22 20:44 王甘林 阅读(135) 评论(0) 推荐(0)
jQuery基础--样式篇（3）
摘要：1.jQuiery对象与DOM对象 对于刚刚接触jQuery的初学者，我们要清楚认识一点：jQuery对象与DOM对象是不一样的。可能一时半会分不清楚哪些是jQuery对象，哪些是DOM对象，下面重点介绍一下jQuery对象，以及两者相互间的转换。 下面举一个简单的例子： 使用原生的javascri 阅读全文
posted @ 2016-06-22 20:20 王甘林 阅读(204) 评论(0) 推荐(0)
jQuery基础--样式篇（2）
摘要：老套路，最开始上手就是写一个“Hello world!”,使用jQuery后获取元素十分简单，如下面获取div的对象，原生的javascript代码：document.getElementsByTagName(div) 使用jQuery就是：$("div)，是不是觉得简单很多。 阅读全文
posted @ 2016-06-18 17:31 王甘林 阅读(151) 评论(0) 推荐(0)
jQuery基础--样式篇（1）
摘要：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 王甘林 阅读(205) 评论(0) 推荐(0)
使用D3绘制图表（7）--饼状图
摘要：这次是绘制饼状图，也是这一次使用D3绘制图表的最后一篇，大家可以从其他地方深入学习D3绘制图表，也可以直接查看D3的API进行学习，本次绘制饼状图的数据跟之前的卸载数组里面的不一样，这一次是使用d3的csv(url)函数读取的一个data.csv文件，在此声明，如果网页的编辑器不是使用自带的服务器打 阅读全文
posted @ 2016-06-17 21:35 王甘林 阅读(4546) 评论(0) 推荐(0)
使用D3绘制图表（6）--竖直柱状图表
摘要：竖直柱状图的绘制是在水平柱状图的基础上修改的。 1.html代码 2.js代码 3.运行效果 阅读全文
posted @ 2016-06-17 12:55 王甘林 阅读(791) 评论(1) 推荐(0)
使用D3绘制图表（5）--水平柱状图表
摘要：绘制水平柱状图表的方法也不是很难，首先在svg中插入g，然后在g中插入rect。 1.html代码 2.js代码 3.运行效果 阅读全文
posted @ 2016-06-17 12:38 王甘林 阅读(1187) 评论(0) 推荐(0)
使用D3绘制图表（4）--面积图表
摘要：面积图表的绘制就是在曲线图表的基础上做一点小小的改动。其他的代码跟绘制曲线图表没有什么区别，下面有黄色背景颜色的代码就是修改的，是不是很简单，第一句修改的地方就是把之前绘制线的函数（line）改成了绘制面积的函数（area）；第二句代码就是加的一行，“.y0(g_height)”这个意思代表的是x轴 阅读全文
posted @ 2016-06-17 11:58 王甘林 阅读(988) 评论(0) 推荐(0)
使用D3绘制图表（3）--添加坐标轴和文本标签
摘要：上一篇是曲线的绘制，这样仅仅只是有一条线，完全先是不出数据想要表现的内容，于是我们要添加坐标系，添加坐标系和画线类似。 1.还是没有变化的html页面 2.改变后的css样式文件，主要是domain和tick样式的添加 3.完成功能的js代码 4.完成后的样式 阅读全文
posted @ 2016-06-17 10:46 王甘林 阅读(9652) 评论(0) 推荐(1)
使用D3绘制图表（2）--绘制曲线
摘要：上一篇是使用D3绘制画布，这一篇的内容是在画布上绘制曲线。 1.之前的html代码没有变化，但是我还是贴出来 2.css样式添加了path的样式 3.主要代码还是在js中实现的 这些都是我在慕课网上边学编写的文章，没什么基础的同学也可以去慕课网上看看，还是蛮不错的一个网站，可以边学边练习。 阅读全文
posted @ 2016-06-17 10:01 王甘林 阅读(6454) 评论(0) 推荐(0)
使用D3制作图表（1）--画布绘制
摘要：使用D3绘制图表可以使数据更加直观。 使用D3前要先加载D3库，这里有两种方式，一种是在线加载<script type="text/javascript" src="http://d3js.org/d3.v3.js" ></script>,另一种是下载D3库，我是直接在百度里面搜索”D3 js 下载 阅读全文
posted @ 2016-06-17 09:20 王甘林 阅读(1914) 评论(0) 推荐(0)
web前端学习路线
摘要：大三马上就要读完了，下学习就要找工作了，感觉要抓紧时间复习和深入一下自己学习的东西。之前就是学习了下前端，之后也希望从事这一方面的职业，很多人都觉得前端很简单，其实并不是这样的，前端的入门是比较容易，但是要深入学习还是有写难度的，希望可以和大家一起学习，共同进步，这是写的第一篇短文，写得不好还望大家 阅读全文
posted @ 2016-06-16 22:14 王甘林 阅读(434) 评论(0) 推荐(0)