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

moddy
118 阅读4分钟

html的元素有哪些（包含H5）？

HTML (HyperText Markup Language) 是用于构建网页结构的标记语言。HTML5 是 HTML 的第五个主要版本，引入了许多新的元素和功能。以下是一些常见的 HTML 元素（包括 HTML5）：

  1. 标题元素： - <h1> 到 <h6>：用于定义标题，从最高级标题 <h1> 到最低级标题 <h6>。
  2. 段落元素： - <p>：用于定义段落。
  3. 超链接元素： - <a>：用于创建超链接，使用户可以点击跳转到其他网页或资源。
  4. 图像元素： - <img>：用于插入图像。
  5. 列表元素： - <ul>：无序列表，表示项目没有特定的顺序。 - <ol>：有序列表，表示项目有特定的顺序。 - <li>：列表项，用于定义列表中的每个项目。
  6. 表格元素： - <table>：用于创建表格。 - <tr>：表格行。 - <td>：表格数据单元格。 - <th>：表格表头单元格。
  7. 表单元素： - <form>：用于创建表单。 - <input>：用于创建输入字段，比如文本输入、复选框、单选按钮等。 - <textarea>：用于多行文本输入。 - <button>：用于创建按钮。 - <select>：用于创建下拉列表。 - <option>：用于定义 <select> 下拉列表中的选项。
  8. 多媒体元素： - <audio>：用于嵌入音频。 - <video>：用于嵌入视频。 - <source>：用于为多媒体元素指定多个源文件，以便浏览器选择支持的格式播放。
  9. 分区元素： - <div>：用于将文档分割成独立的区域，常用于样式控制和布局。 - <span>：用于为文本的一部分应用样式。
  10. HTML5 新增的元素： - <header>：定义文档的头部区域。 - <nav>：定义导航链接的区域。 - <main>：定义文档的主要内容。 - <article>：定义独立的文章内容。 - <section>：定义文档的区段。 - <aside>：定义页面内容之外的内容，通常表示侧边栏。 - <footer>：定义文档的页脚区域。 - <canvas>：用于绘制图形、动画等。 - <svg>：用于创建可缩放矢量图形。 - <audio> 和 <video> 元素，支持更多的属性和功能。

CSS3有哪些新增的特性？

CSS3 是 CSS（层叠样式表）的第三个主要版本，引入了许多新的特性和功能，用于增强样式设计和网页布局的能力。以下是一些 CSS3 新增的特性：

  1. 边框和背景：

    • 圆角边框（border-radius）：可以创建元素的圆角边框。
    • 边框阴影（box-shadow）：可以添加元素的阴影效果。
    • 渐变背景（background-image）：可以使用线性或径向渐变作为背景。

  2. 文本效果：

    • 文本阴影（text-shadow）：可以给文本添加阴影效果。
    • 文本溢出（text-overflow）：可以处理文本溢出容器时的显示方式。

  3. 字体属性：

    • @font-face：允许网页设计师使用自定义字体。
    • 字体阴影（text-stroke）：可以给文本添加轮廓效果。

  4. 2D 转换和变形：

    • transform：用于旋转、缩放、倾斜和移动元素。
    • transform-origin：用于设置元素的变换中心点。

  5. 3D 转换：

    • transform-style：用于定义 3D 转换元素的子元素是否保留 3D 效果。
    • perspective：用于设置 3D 转换元素的透视效果。
    • perspective-origin：用于设置 3D 转换元素的透视中心点。

  6. 过渡效果（transition）：

    • 允许在不同 CSS 属性值之间平滑过渡，实现动画效果。

  7. 动画（@keyframes）：

    • 允许创建复杂的动画序列。

  8. 媒体查询（@media）：

    • 可根据不同的媒体类型（如屏幕、打印机等）和设备特性应用不同的样式。

  9. 弹性盒子布局（Flexbox）：

    • 弹性盒子模型允许更容易地实现自适应和灵活的布局。

  10. 网格布局（Grid Layout）：

    • 网格布局提供了更复杂的二维网格布局，以便实现复杂的网页布局设计。

  11. 多列布局（Multi-column Layout）：

    • 可以将文本内容分成多列展示。

  12. 用户界面（UI）特性：

    • resize：允许用户调整元素的大小。
    • box-sizing：允许控制元素的盒模型计算方式。

这些仅是 CSS3 中的一部分新增特性，CSS3 带来了更强大和灵活的样式控制能力，使得网页设计更加丰富和创意。

js写一个方法去掉字符串中的空格

你可以使用 JavaScript 中的 replace() 方法结合正则表达式来去掉字符串中的空格。下面是一个简单的方法实现：

javascriptCopy code
function removeSpaces(str) {
  // 使用正则表达式替换所有空格
  return str.replace(/\s+/g, '');
}

// 示例用法
const originalString = '  Hello   World  ';
const stringWithoutSpaces = removeSpaces(originalString);
console.log(stringWithoutSpaces); // 输出：'HelloWorld'

在上面的代码中，/\s+/g 是一个正则表达式，其中 \s+ 表示匹配一个或多个连续的空格字符。g 表示全局匹配，即替换字符串中所有的匹配项。

当调用 str.replace(/\s+/g, '') 时，所有的空格字符都会被替换为空字符串，从而实现去掉字符串中的空格。

avatar
文章
阅读
粉丝