JavaWeb-前端总结

1、span中如何控制行间距？

<span style="letter-spacing:0.5em"></span>

2、Font Awesome图标，相信我，你用得到！

链接：http://fontawesome.dashgame.com/

3、jQuery Gantt Edit:甘特图部分字段说明

链接：http://www.bubuko.com/infodetail-2296185.html

4、validators验证中的ajax回调函数

'title': {
                 validators: {
                	 notEmpty: {},
                     stringLength: {
                         min: 3,
                         max: 16,
                     },
                     callback: {
                         message: warning_rename,
                         callback: function (value, validator) {
                             validator_name = '/isTitle';
                             $.ajax({
                                 url: '/isTitle',
                                 data: {
                                	 title: $('#title').val()
                                 },
                                 cache: false,
                                 dataType: "json",
                                 success: function (data) {
                                     if (!data) {
                                         validator.updateStatus('title', 'VALID', 'callback');
                                         return true;
                                     }
                                     else {
                                         return false;
                                     }
                                 },
                                 error: function () {
                                     return false;
                                 }
                             });
                             return false;
                         }
                     },
                 }
             },
             'project': {
                 validators: {
                	 notEmpty: {},
                	 callback: {
                         callback: function () {
                             $.ajax({
                                 url:  'isProjectname',
                                 data: {
                                	 project: $('#project').val()
                                 },
                                 cache: false,
                                 dataType: "json",
                             });
                             return true;
                         } 
                     },
                 }
             },

链接：https://blog.csdn.net/limuzi13/article/details/53636830

5、前端记住用户名和密码(超简单的localStorage实现记住密码的功能)

HTML5 提供了两种在客户端存储数据的新方法：

localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储

6、js 弹出确认取消对话框

<a href="javascript:if(confirm('确实要删除该内容吗?')){location='http://www.google.com'}">弹出窗口</a>

分解成三部分来看：

<a href="javascript: // ">表示点击超链接后执行相应的javascript代码。
confirm() 表示一个要求确认的对话框，用户点击确定返回true，取消则返回false。
if(confirm())则表示，如果用户选择了确定，则执行if代码，否则什么也不做。

7、jquery隐藏侧边栏和折叠侧边栏方法

8、Ajax异步验证登陆或者注册

猜你喜欢