前端HTML经验总结

1. Div中内容垂直居中的几种方法：
   （1）、设置div的height=line-height，能保证其中的内容居中，但也会带来一些其他排版问题；
2. Jquery 基本事件处理：
   （1）、判断元素是否具有某个Class属性，$(this).hasClass()；（2）、click事件原型：$(“button”).click(function(){
   $(“p”).slideToggle();
   });
3. 设置div隐藏时不占位置的几种方法：
   （1）、使用div的slideToggle/slideDown/slideUp函数来实现div的弹出和收缩间接实现不占空间的目的；
   （2）、将div隐藏时将display属性设为none，显示时重新设为block或其他样式均可；取代visibility属性；
4. 节点DOM层级关系：
   （1）、父节点：$("this").parent{(}^{\prime }.p^{\prime });（2）、兄弟节点：$(“this”).siblings(‘.p’);
   （3）、子节点：$(“this”).children(‘.p’);
5. Jquery模拟事件：
   （1）、$(“#p”).trigger(“click”);
6. 控制输入框中输入的文本内容按照四位加一个空格的效果：
   （1）、$("#bank-card-num").keyup(function() { $(this).val($(this).val().replace(/(\d{4})(?!\s)/g, '$1 ')); });
7. Jquery在当前节点之前添加节点：
   （1）、var str = “”; $(this).before(str);
   （2）、var str = “”; $(var).insertBefore(this);
8. 替换当前节点：
   （1）、$(this).replaceWith(str);
9. Jquery全局变量：
   （1）. Jquery全局变量的定义与使用var window.xxx=xxx；
10. 页面刷新通过meta标签控制：
    （1）.
    0代表刷新时间间隔，url参数可空时刷新当前页面；
11. 如果图片资源找不到处理：
    （1）. 在标签中如果加载的图片出现404的情况，而且这个时候需要在拿不到对应的
    资源时显示默认图片，可用如下属性解决：
    <img src='xxx.jpg' onerror="javascript:this.src='xxx.jpg''' />