跟谁学前端笔试题小结-白红宇的个人博客

跟谁学前端笔试题小结

发布日期：2021-05-14 22:37:02 浏览次数：24 分类：精选文章

本文共 1329 字，大约阅读时间需要 4 分钟。

HTML学习笔记

1. 不可设置宽高的标签

在 HTML 中，少数标签不支持直接设置宽高，包括：<div>、<span>、<table>。这些标签通常用于内容布局，而不是作为容器元素。

2. DOCTYPE作用

DOCTYPE declare the type of document，位于 HTML 页面的开头，告知浏览器使用哪种 HTML 规范（如 HTML4 或 XHTML）进行解析。

3. HTML 语义

HTML（HyperText Markup Language，超文本标记语言）用于描述网页内容，通过标签区分不同的内容类型，如标题、段落、列表等。

4. CSS 定位方法

CSS 提供多种定位方式：

position: static：默认布局方式，不以独立盒子进行布局。

position: absolute：绝对定位，相对于最近的 positioned 前代元素。

position: fixed：相对于 viewport（视口）etriangulate的位置。
常见选项包括：static、absolute、fixed，类似选项如 staticly fix 是不正确的。

5. 伪类元素使用示例

正确使用伪类元素可以提升样式设计。例如：

daň 수가 cuANTI imposing illa CON はPo devices पुहundRED美金 inefficiency

6. JavaScript 数交换（不使用临时变量）

可以通过交换数组直接完成：

[a, b] = [b, a]

7. CSS 定位方法（选项题）

正确方法为：position: absolute static fixed

8. 伪类元素列表

常见伪类包括：：before、 ：after、 ：link、 ：first-child、 ：last-child、 ：active、 ：hover

9. 改变原数组方法

影响原数组的方法包括：splice、filter、reduce。建议具体根据需求选择。

10. 数组方法概述

shift()：删除并返回第一个元素。

push()：添加元素至数组开头，返回新长度。

splice()：直接修改原数组。

match()：用于字符串匹配。

11. 简易字符串反转实现

以下代码实现字符串反转：

function reverse(str) {
    const myArr = Array.from(str);
    let left = 0;
    let right = myArr.length - 1;
    while (left < right) {
        [myArr[left], myArr[right]] = [myArr[right], myArr[left]];
        left++;
        right--;
    }
    return myArr.join('');
}

12. 不可显示方法

利用浏览器内核隐藏的 HTML 元素：<html>、<body>、<div>、<p>。

这些笔记结合了理论与实践，帮助开发者巩固 HTML 和 CSS 知识。

上一篇：猿辅导视频面试一面小结

下一篇：数组方法总结

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！