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

CSS 层叠样式表是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

2，JavaScript 基础

JavaScript 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式风格。

主要功能：

• 嵌入动态文本于HTML页面。

• 对浏览器事件做出响应。

• 读写HTML元素

• 在数据被提交到服务器之前验证数据。

• 检测访客的浏览器信息。控制 cookies，包括创建和修改等。

• 基于 Node.js 技术进行服务器端编程。

移动端开发（HTML5，CSS3，Bootstrap）

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 基础

文末

如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。

同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

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

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

前端面试题汇总

JavaScript