2024年前端最全【前端寻宝之路】学习和总结有无序列表的实现和样式修改，2024年最新阿里巴巴面试参考指南

2401_84419009

于 2024-05-12 20:58:03 发布

阅读量703

点赞数 13

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84419009/article/details/138767128

版权

程序员专栏收录该内容

189 篇文章 0 订阅

订阅专栏

最后

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

HTML5新特性，语义化
浏览器的标准模式和怪异模式
xhtml和html的区别
使用data-的好处
meta标签
canvas
HTML废弃的标签
IE6 bug，和一些定位写法
css js放置位置和原因
什么是渐进式渲染
html模板语言
meta viewport原理

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

](https://img-blog.csdnimg.cn/21dd41dce63a4f2da07b9d879ad0120b.png#pic_center)

🌈个人主页: Aileen_0v0
🔥热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法|MySQL|
💫个人格言:“没有罗马,那就自己创造罗马~”

#mermaid-svg-WuZk6y8cqVpDsE8W {font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-WuZk6y8cqVpDsE8W .error-icon{fill:#552222;}#mermaid-svg-WuZk6y8cqVpDsE8W .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-WuZk6y8cqVpDsE8W .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-WuZk6y8cqVpDsE8W .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-WuZk6y8cqVpDsE8W .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-WuZk6y8cqVpDsE8W .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-WuZk6y8cqVpDsE8W .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-WuZk6y8cqVpDsE8W .marker{fill:#333333;stroke:#333333;}#mermaid-svg-WuZk6y8cqVpDsE8W .marker.cross{stroke:#333333;}#mermaid-svg-WuZk6y8cqVpDsE8W svg{font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-WuZk6y8cqVpDsE8W .label{font-family:“trebuchet ms”,verdana,arial,sans-serif;color:#333;}#mermaid-svg-WuZk6y8cqVpDsE8W .cluster-label text{fill:#333;}#mermaid-svg-WuZk6y8cqVpDsE8W .cluster-label span{color:#333;}#mermaid-svg-WuZk6y8cqVpDsE8W .label text,#mermaid-svg-WuZk6y8cqVpDsE8W span{fill:#333;color:#333;}#mermaid-svg-WuZk6y8cqVpDsE8W .node rect,#mermaid-svg-WuZk6y8cqVpDsE8W .node circle,#mermaid-svg-WuZk6y8cqVpDsE8W .node ellipse,#mermaid-svg-WuZk6y8cqVpDsE8W .node polygon,#mermaid-svg-WuZk6y8cqVpDsE8W .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-WuZk6y8cqVpDsE8W .node .label{text-align:center;}#mermaid-svg-WuZk6y8cqVpDsE8W .node.clickable{cursor:pointer;}#mermaid-svg-WuZk6y8cqVpDsE8W .arrowheadPath{fill:#333333;}#mermaid-svg-WuZk6y8cqVpDsE8W .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-WuZk6y8cqVpDsE8W .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-WuZk6y8cqVpDsE8W .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-WuZk6y8cqVpDsE8W .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-WuZk6y8cqVpDsE8W .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-WuZk6y8cqVpDsE8W .cluster text{fill:#333;}#mermaid-svg-WuZk6y8cqVpDsE8W .cluster span{color:#333;}#mermaid-svg-WuZk6y8cqVpDsE8W div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-WuZk6y8cqVpDsE8W :root{–mermaid-font-family:“trebuchet ms”,verdana,arial,sans-serif;}

beat around the bush 拐弯没角

`列表标签`

`无序列表`


无序列表:ul li, 快速生成无序列:Ul>li*行数＋回车键.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>这是无序列表</h1>
    <!-- <disc
 square
 circle> -->
    <ul>
        <li>这是内容1</li>
        <li>这是内容2</li>
        <li>这是内容3</li>
        <li>这是内容4</li>
    </ul>
</body>
</html>

在这里插入图片描述

`无序列表标签修改`

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>这是无序列表</h1>
    <!-- <disc
 square
 circle> -->
    <ul type="circle">
        <li>这是内容1</li>
        <li>这是内容2</li>
        <li>这是内容3</li>
        <li>这是内容4</li>
    </ul>
</body>
</html>

在这里插入图片描述

自学几个月前端，为什么感觉什么都没学到？？

这种现象在很多的初学者和自学前端的同学中是比较的常见的。

因为自学走的弯路是比较的多的，会踩很多的坑，学习的过程中是比较的迷茫的。

最重要的是，在学习的过程中，不知道每个部分该学哪些知识点，学到什么程度才算好，学了能做什么。

很多自学的朋友往往都是自己去找资料学习的，资料上有的或许就学到了，资料上没有的或许就没有学到。

这就会给人一个错误的信息就是，我把资料上的学完了，估计也-就差不多的了。

但是真的是这样的吗？非也，因为很多人找的资料就是很基础的。学完了也就是掌握一点基础的东西。分享给你一份前端分析路线，你可以参考。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。

所以学习编程一定要注重实践操作，练习敲代码的时间一定要多余看视频的时间。

2401_84419009

关注

13
点赞
踩
18

收藏

觉得还不错? 一键收藏
0
评论
2024年前端最全【前端寻宝之路】学习和总结有无序列表的实现和样式修改，2024年最新阿里巴巴面试参考指南

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。
复制链接

扫一扫