今日前端面试问的常问问题?

124 阅读4分钟

HTML全局属性(global attribute)有哪些(包含H5)?

HTML 全局属性(Global Attributes)是可以应用于几乎所有 HTML 元素的通用属性。它们不属于特定元素,而是可以在大多数元素上使用的属性。以下是 HTML 全局属性(包括 HTML5):

  1. class:为元素指定一个或多个类名,用于样式控制或 JavaScript 操作。
  2. id:为元素指定唯一的标识符。
  3. style:用于直接为元素指定行内样式。
  4. title:提供关于元素的额外信息,通常以工具提示的形式显示。
  5. data-*:用于自定义数据属性,以 data- 开头,后面跟着任意自定义属性名称。
  6. lang:用于指定元素内容的语言。
  7. dir:用于指定元素内容的文本方向(如从左到右或从右到左)。
  8. tabindex:用于指定元素的 tab 键顺序。
  9. accesskey:用于指定激活元素的快捷键。
  10. contenteditable:用于指定元素是否可编辑。
  11. draggable:用于指定元素是否可拖动。
  12. hidden:用于隐藏元素。
  13. spellcheck:用于指定元素是否启用拼写检查。
  14. aria-*:用于定义可访问性属性,以 aria- 开头,后面跟着任意可访问性属性名称。

这些全局属性可以在大多数 HTML 元素上使用,不同的元素可能对其中某些属性有特殊的用途或限制。它们为开发者提供了一种方便且灵活的方式来添加通用的属性和功能,以及提高网页的可访问性和互动性。


css在页面上隐藏元素的方法有哪些?

在 CSS 中,可以使用多种方法来隐藏页面上的元素。以下是一些常用的隐藏元素的方法:

  1. display: none;: 这是最常用的方法,通过设置元素的 display 属性为 none,将元素从页面中完全移除,不占据任何空间,也不会被渲染或显示出来。
cssCopy code
.hidden-element {
  display: none;
}
  1. visibility: hidden;: 设置元素的 visibility 属性为 hidden,元素在页面中仍然存在,但是不可见,仍然会占据空间。
cssCopy code
.hidden-element {
  visibility: hidden;
}
  1. opacity: 0;: 将元素的透明度设置为 0,元素在页面中仍然存在,但是完全透明,不可见。
cssCopy code
.hidden-element {
  opacity: 0;
}
  1. position: absolute;position: fixed; 配合超出范围: 将元素的定位属性设置为 absolutefixed,然后通过设置 lefttop 的值使得元素超出可视范围,从而隐藏元素。
cssCopy code
.hidden-element {
  position: absolute;
  left: -9999px;
  /* 或者使用以下方式:
  top: -9999px;
  */
}
  1. clip: rect(0, 0, 0, 0);: 使用 clip 属性来裁剪元素,将其裁剪成一个不可见的区域。
cssCopy code
.hidden-element {
  clip: rect(0, 0, 0, 0);
}
  1. width: 0;height: 0;: 将元素的宽度和高度设置为 0,使其不可见,并且不占据任何空间。
cssCopy code
.hidden-element {
  width: 0;
  height: 0;
}

这些方法都可以实现隐藏元素的效果,选择使用哪种方法取决于具体的需求和场景。一些方法可能会影响布局或交互,因此需要根据情况选择最合适的方法。


js去除字符串中最后一个指定的字符

你可以使用 JavaScript 的字符串方法来去除字符串中最后一个指定的字符。以下是一个示例函数:

javascriptCopy code
function removeLastCharacter(str, char) {
  // 使用 lastIndexOf() 方法找到最后一个指定字符的索引
  const lastIndex = str.lastIndexOf(char);
  
  // 如果找到了指定字符,则从字符串中移除它
  if (lastIndex !== -1) {
    return str.slice(0, lastIndex) + str.slice(lastIndex + 1);
  }
  
  // 如果没有找到指定字符,则返回原字符串
  return str;
}

// 示例用法
const originalString = 'Hello, World!';
const characterToRemove = 'o';
const stringWithoutLastCharacter = removeLastCharacter(originalString, characterToRemove);
console.log(stringWithoutLastCharacter); // 输出:'Hello, Wrld!'

在上面的代码中,removeLastCharacter 函数接收两个参数:要处理的原始字符串 str 和要移除的字符 char。它使用 lastIndexOf() 方法找到最后一个指定字符的索引,然后使用 slice() 方法来去除最后一个指定的字符,并返回新的字符串。

请注意,如果没有找到指定字符,则函数会返回原始字符串。如果你需要在字符串中存在多个相同字符时,连续删除它们,可以在函数中使用循环,一直执行 lastIndexOf()slice() 直到没有该字符为止。