投票系统项目总结

• 代码组织

规格的代码组织方式一般将引入的css文件放在

将引入的js文件放在html文档最后

• 获取验证码

尝试从同一服务器接口地址多次发送请求；然而由于服务器仅在首次响应；为了规避这种情况；可以通过引入一个随机数值来规避这个问题。

• 本地存储数据

        1. //DOM提供的

    
        2. localStorage.setItem(“test”,“测试”);
    
        3. localStorage.getItem(“test”)=“测试”;

利用cookie存数据

 //引入cookie.js文件

    
 $.cookie(“test”,“测试”);
    
 $.cookie(“test”)=“测试”;

• 善用jQuery插件

dataTables****表格

1. 是什么

Datatables是一款jquery表格插件作为非常灵活的一个工具它可以将任何HTML表格转换为带有丰富交互功能的应用程序

以下是按照要求进行的同义改写

引入两份文档，在此过程中将分为两种情况：一种是用于样式设计的CSS格式文档（即所谓的CSS样式表），另一种则是该库自身包含的脚本代码（即DataTable script）。在DataTables CDN上提供这些资源时，请参考下方提供的链接。

在实际的项目开发中，建议开发者将其下载到本地使用。

使用下方简单的几行代码，一个方法初始化table。

3.注意的点

行回调函数createdRow

当所有td元素已插入完毕时，在给tr绑定事件的过程中，请确保此回调函数得以执行。I'll illustrate this below: when you delay the rendering or enable server mode, you can directly add event listeners in the row creation phase and specify class names to modify styles.

表格重绘函数 drawCallback

每当发生表格刷新时会执行某个流程；该流程会在数据更新后或新增元素时运行。

RowCallback行绘制的回调函数
用于表格的初始化

Destroy和ajax.reload();

创建一个新的Datatables实例，在已有实例存在的情况下会删除其配置及数据，并生成一个全新的实例。若不想通过调用相关方法实现此功能，则可在创建时添加该属性。该属性的默认值设为false。
通过调用ajax.reload()API方法（重新从原始数据源加载数据而非指定新数据源）来实现动态更新。

More

一些dataTable实现的简易样式：

如需深入学习请访问官方API文档http://www.datatables.club/reference/

layer弹层

让你的弹框更加规范化，更具美观性和多样性。

1. 是什么

layer 是一个jQuery的扩展的前端框架。​​​​​​​

2.如何用

Layer支持独立使用，并可通过Layui实现模块化功能。若仅需弹出层功能建议独立使用，请访问layer官网获取其独立版本。

之后引入jquery 1.8以上的任意版本，再引入layer.js。

3.注意的点

（1）id - 用于控制弹层唯一标识

类型：String，默认：空字符

一旦设置该值，则任何类型的层均仅限于同时弹出一个；这种配置通常应用于页面层以及iframe嵌套模式。

(2) 大多数插件都会包含一个config部分用于设置默认基础参数。设置这些基础参数能够帮助网站保持风格的一致性。而layer.config则负责执行这一功能：

（3）关闭特定层- layer.close(index)

More

Layer弹层实例：

如需深入学习，请访问官方文档http://layer.layui.com/​​​​​​​