2024年 Web 前端入门学习路线，(附：前端基础学习笔记)

1，HTML5 / CSS3

HTML5是构建Web内容的一种语言描述方式。HTML5 是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。

HTML5 是 Web 中核心语言 HTML 的规范，用户使用任何手段进行网页浏览时看到的内容原本都是 HTML 格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。

CSS3 是 CSS（层叠样式表）技术的升级版本，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。

2，Bootstrap

Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap 提供了优雅的 HTML 和 CSS 规范，它即是由动态 CSS 语言 Less 写成。

文章只展示了部分学习路线图，需要完整的前端初阶学习路线图和前端学习笔记可以【点击这里领取】

前端基础学习笔记

HTML 基础

• html基本结构

• 标签属性

• 标签属性

• 文本标签

• …

CSS 基础

• CSS 权重及引入方式

• 用CSS画三角形

• 元素水平垂直居中的方案

• 元素种类的划分

• 盒子模型及其理解

• margin塌陷及合并问题

• 浮动模型及清除浮动的方法

• 圣杯布局与双飞翼布局

• Flex 布局

• px,em,rem的区别

• …

JavaScript 基础

• 原始值和引用值类型及区别

• 判断数据类型的常用方法

• 类数组和数组的区别与转换

• 数组常见的 API

• bind,call,apply的区别

• new的原理

• 如何正确判断this

• 闭包及其作用

• 原型和原型链

• 继承的实现方式及比较

• 对象的深拷贝与浅拷贝

• 防抖和节流

总结

根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。

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

这里分享一些前端学习笔记：

• html5 / css3 学习笔记

  

• JavaScript 学习笔记

  

• Vue 学习笔记