执青的精彩笔记
  • js获取隐藏元素宽高的实现方法

    网上有一些js获取隐藏元素宽高的方法,但是可能会存在某些情况获取不了。<!DOCTYPEhtml> <htmllang="en"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/> <title>test</title> </head> <body> <divi
  • css 伪元素

    ::before,::after第一种解释:仅仅需要将这两个伪元素用于添加一些自定义字符时,只需使用伪类使用的单冒号写法,如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后,建议按照标准双写??(与别的文章冲突)第二种解释:在最初,伪元素的语法是使用“:”(一个冒号),随着web的发展,在CSS3中修订后的伪元素使
  • 阻止表单提交按钮多次提交的完美解决方法

    如果表单是通过onsubmit进行Ajax提交,注意将表单提交按钮input type属性设为button,尽量不要设置为submit类型。另外,在提交事件发出后,最好将提交按钮设置为disabled,防止由于网络延时问题,让用户有机会进行多次点击重复提交。onclick事件里面执行 $(this).attr('disabled','disabled'); 在点击一次
  • JavaScript函数:sort()排序

    sort() 方法用于对数组的元素进行排序。语法如下:arrayObject.sort(sortby)返回值为对数组的引用。请注意,数组在原数组上进行排序,不生成副本。如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有
  • 谈谈 JS 中的严格模式

    什么是严格模式?严格模式是 ECMAScript 5 中引入的一种将更好的错误检查引入代码中的方法, 现在已经被大多浏览器实现. 顾名思义,这种模式使得Javascript在更严格的条件下运行.因此, 在严格模式下, 我们的一些不严谨的写法将会导致程序抛出错误. 例如:functionfn(param){ vararguments=[];//在严格模式下该行将会抛出错误
  • 前端文本截断

    误区在设计产品时,由于不少产品经理、工程师并没有「字符不一定等宽」的概念,往往会给出「超过 n 个字符截断显示,英文数字算一个字符,汉字算两个字符」这样的需求。要知道,这里面的问题有很多:为了显示效果,前端往往会采用优先西文字体族的font-family设置,即西文字符用西文字体,汉字用中文字体,这就很容易使得文
  • JavaScript字符串转换为数字的方法

    1. 函数转换parseInt()和parseFloat()分别用来将数字型字符串或数字转换为整数和浮点数,其他则返回NaN(Not a Number)。 parseInt()支持进制参数,表示以何进制读取字符串,返回结果均为10进制数字。parseInt()=>NaN parseInt('')=>NaN parseInt(null)=>NaN parseInt(undefined)=>NaN parseInt(fal
  • JavaScript常见问题和解决方式

    在使用JavaScript的时候常常会碰到各种奇葩的问题,这篇文章整理了近十个常见的问题,以及其对应的解决方式。不过除了这些问题之外,另外有两篇外文整理了更多的相关问题,这篇文章取于当中一些更为有意义的问题。感兴趣的同学可以看看,也可以将你碰到的一些奇葩问题在评论中一起分享。类型判断使用typeof运算符判断一个原
  • JavaScript学习笔记:对象属性的枚举

    JavaScript中对象的属性分为两种:数据属性和访问器属性。然后根据具体的上下文环境的不同,又可以将属性分为:原型属性和实例属性。原型属性是定义在对象的原型(prototype)中的属性,而实例属性一方面来自构造的函数中,然后就是构造函数实例化后添加的新属性。在JavaScript中除了检测对象的属性是否存在,还会经常对对象
  • HTML语言和CSS总结

    HTML语言html标签的书写规范、分类以及用法 1、标签的规范: 1)、所有标签都必须要有相应的结束标签; 2)、标签和标签的属性都必须使用小写; 3)、所有标签都必须合理嵌套; 4)、<img>标签的alt属性; 2、标签的基本属性: ★块属性的特点: 1)、总是在新的一行上开始; 2)、高度,行高以及顶和底边距