2016年11月_19年，重新开始写

12月 11月 10月 04月

原创 Session实现防止会员下载资源被盗链

1.通常，我们使用会员身份登录一个资源网站，然后下载里面的资源时点开那个链接就可以直接进行下载了.（不管这个链接是action也好，是html也好，反正都是进行文件下载的）但是如果我们不对这个链接进行设置的话，就会出现这样一个情况：我们将这个链接的地址发送给其他人，而这些人并没有这个网站的会员，或者说根本就没有注册过这个网站，但是因为这是一个单纯的链接，那么将会使这些人也可以打开这个链接进行同样的下

2016-11-19 02:36:31 1017

原创 JFreeChart绘图 - 简单的饼图

1.JFreeChart是JAVA平台上的一个开放的图表绘制类库。它完全使用JAVA语言编写，是为applications、applets、servlet以及JSP等使用所设计。JFreeChart可生成饼图（pie charts）、时序图（time series）、柱状图（bar charts）等多种图表，并且可以产生PNG和JPEG格式的输出，还可以与PDF和EXCEL关联。JFreeChart

2016-11-16 00:54:12 1522

原创批处理命令与事务的结合使用

1.通常我们使用的sql是处理一条命令，而如果我们想要同时处理多个命令该怎么办呢？比如说：在一个购物车里想删除多个商品，这时候想要使用一条命令来完成的话是非常难的，一般是写多个DELETE语句来完成这个操作。如下:DELETE FROM shop_car WHERE shop_id = 132475 ; DELETE FROM shop_car WHERE shop_id = 132568 ; DE

2016-11-16 00:06:36 1211

原创 Head First Mysql笔记

1.编写mysql命令时最好命令使用大写字母，以区分，如:CREATE TABLE person(id INT PRIMARY KEY AUTO_INCREMENT, username VARCHAR(30) NOT NULL, password VARCHAR(30) NOT NULL);2.删除表:DROP TABLE table_name ; 删除记录:DELETE FROM table_n

2016-11-15 13:28:45 993

原创随手翻HTML+CSS笔记

body：1.设置整个页面的文字的默认颜色:<body text="颜色"> 2.设置整个页面的连接默认颜色:<body link="初始化链接文字默认颜色" alink="正在访问的链接的文字的默认颜色" vlink="已访问过了的链接的文字的默认颜色"> 3.设置整个页面相对浏览器的边距:<body topmargin/rightmargin/bottommargin/leftmargin>me

2016-11-14 01:40:51 437

原创使用本地存储Storage实现留言

1.在传统的HTML时代，开发者如果需要在客户端存储少量数据，只能通过cookie来实现，但Cookie存在如下三点不足：大小被限制为3KB；会包含在每个HTTP请求中向服务器发送，会导致多次发送重复数据；在网络传输时并未加密，存在一些安全隐患2.HTML5新增了Web Storage功能，可以让应用程序在客户端运行时在客户端保存数据。H5提供了两个Web Storage：Session Stora

2016-11-12 22:56:58 1594

原创设置网页的icon图标

有两种方式设置:1. <link rel="icon" type="image/x-icon" href="..." /> 2. <link rel="shortcut icon" type="image/x-icon" href="..." />两种方式的区别为：第一种用于希望为浏览器提供另外一种备用的图像比如gif动态图等，而第二种是大多数遵守标准的浏览器所能识别的。一般建议两个都写，如下:<!

2016-11-12 10:32:21 937

原创疯狂H5笔记 - DOM编程详解

1.通过节点关系来访问HTML元素：Node parentNode：返回当前节点的父节点 Node previousSibling：返回当前结点的前一个兄弟节点 Node nextSibling：返回当前节点的下一个兄弟结点 Node[] childNodes：返回当前节点的所有子节点 Node[] getElementByTagName(tagName)：返回当前节点的具有指定标签名的所有子节点

2016-11-10 13:56:34 424

原创疯狂H5笔记 - 变形与动画相关属性

1.变形支持：1.transform：用于设置变形，该属性支持如下一个或多个变形函数： translate(tx,ty)：设置目标组件横向x移动tx距离，纵向y移动ty距离，可以省略ty，表示ty=0.即纵向上没有位移 translateX(tx)：设置目标组件横向x移动tx距离 translateY(ty)：设置目标组件纵向y移动ty距离 scale(sx,sy)：

2016-11-09 21:22:49 883

原创疯狂H5笔记 - 表格、列表相关属性及media query

1.表格相关属性：border-collapse：设置表格里的行和单元格边框的显示方式，有两个属性值： seperate：单元格的分割线为双线 collapse：单元格的分割线为单线 border-spacing：当设置单元格的分割线为双线seperate时，该属性用于设置单元格边框之间的间距 caption-side：设置表格标题位于表格哪边，有四个属性值：top/right/bo

2016-11-09 19:55:13 410

原创疯狂H5笔记 - 盒模型与布局相关属性

1.布局相关属性：float：控制目标HTML组件的浮动方向。有属性值：left/right clear：设置目标HTML组件的左右是否允许出现浮动对象：有属性值：none/left/right/both overflow：设置当目标组件内容溢出时的溢出内容显示方式。有属性值：visible/auto/hidden/scroll overflow-x：设置内容溢出时水平方向溢出的内容显示方式，属性值

2016-11-08 23:56:35 502

原创疯狂H5讲义 - 大小、定位、轮廓相关属性

1.CSS3新增box-sizing属性，用于指定当前元素所设置的width和height属性是指定哪一块，目前只有firefox浏览器支持该属性，因此需要添加-moz-前缀使用：1.content-box：指定width和height设置的是内容区也就是content的宽度和高度 2.padding-box：指定width和height设置的是内容区加内边距区也就是content+padding的

2016-11-08 20:18:18 396

原创疯狂H5笔记 - 背景和边框相关属性

1.背景相关属性：background-attachment：设置背景图片是随着对象内容滚动还是固定，有两个属性值: scroll：随组件内容的滚动而滚动 fixed：背景图片固定 background-color：设置背景颜色，如果同时设置了背景颜色和背景图片，背景图片将会覆盖背景颜色 background-image：设置背景图片，属性值形如:url(url) backgrou

2016-11-08 18:28:05 1310

原创疯狂H5讲义 - 字体与文本相关属性

1.字体相关属性：color：控制文字颜色 font-family：设置文字的字体，如果需要设置多个字体，使用逗号隔开 font-size：设置文字的字体大小。该属性支持如下属性值: xx-small：绝对字体尺寸，最小字体 x-small：绝对字体尺寸，较小字体 small：绝对字体尺寸，小字体 medium：绝对字体尺寸，正常大小的字体，默认值 large

2016-11-08 15:24:40 756

原创疯狂H5笔记 - CSS选择器

1.属性选择器：1.E{...}：对所有E元素起作用 2.E[attr]{...}：对具有attr属性的E元素起作用 3.E[attr=value]{...}：对具有attr属性且属性值为value的E元素起作用 4.E[attr~=value]{...}：对具有attr属性且属性值为空格隔开的一系列字符串，其中某个值为value的E元素起作用 5.E[attr|=value]{...}：对具有at

2016-11-08 13:53:15 508

原创疯狂H5笔记 - 多媒体支持

1.使用<audio src></audio>元素来播放音频，使用<video src></video>元素来播放视频2.audio元素和video元素有大致相同的属性，支持的属性如下：src：指定播放音频或者视频的URL地址；autoplay：指定是否当音频/视频装载完成后自动播放；controls：指定当播放音频/视频时是否显示播放控制条；loop：指定音频/视频播放完成后是否再次重复播放；pr

2016-11-07 22:05:31 483

原创使用H5audio特性实现简单的音乐播放器

<!Doctype html> <html> <head> <title>成兮音乐浏览器</title> <meta http-equiv="Keywords" content="music" /> <meta http-equiv="author" content="chengxi" /> <style>

2016-11-07 20:08:05 4258

原创疯狂H5讲义笔记 - 表单相关元素和属性

1.form表单的enctype属性用于指定传递表单数据所用的编码方式，有三种：1.application/x-www.form-urlencoded：默认编码方式，处理表单控件的value值 2.multipart/form-data：以二进制流的方式处理表单数据，用于上传文件 3.text/plain：当action为mailto:url形式时使用该编码方式，用于发送邮件2.标签可以用来绑定对应

2016-11-05 13:07:51 453

原创疯狂H5讲义笔记 - H5常用元素和属性

1.自定义文本显示方向:。ltr为从左往右显示文本内容，rtl为从右往左显示文本内容2.缩写指定内容:…。将鼠标移至该元素的文本内容上时会显示title值3.格式化文本:...。该元素中的文本包含的空格、回车等都会被保留并原样输出，但是大部分的标签都会被当成标签处理，而不是输出4.d氏列表:<dl> <dt>列表标题</dt> <dd>列表项1</dd> <dd>列表项2</

2016-11-04 22:25:05 600

原创使用H5拖放事件来写一个小程序

1.所有的元素都有一个draggable属性，用于指定是否启动该元素的拖放功能，而/两个元素默认启动拖放<div draggable="true"> innerHTML </div>2.拖放操作相关的事件:被拖动的元素的事件: 1.ondragstart：开始拖动时触发 2.ondrag：拖动过程中持续触发 3.ondragend：拖动结束时触发拖动时鼠标经过的元素

2016-11-04 17:45:05 956

原创返回对应的日期对象的年月日的注意事项

当我们想要返回指定的Date对象的年月日时，Date提供了一系列相关的方法来满足我们这个要求，比如:Date.getYear()/Date.getMonth()/Date.getDay()。当我们想要返回指定Date对象的年月日就只需要使用这方法就可以了吗？不是的，因为Date类内部为将年月日进行了相关的转换操作： year：当前year-1900, month：当前month-1

2016-11-01 15:51:54 872