2024年Web前端最新前端成长之路之打好根基，面试拷问问题

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

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

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

| ├──CSS3 选择器详解

| ├──CSS3 属性详解（一）

| ├──CSS3 属性详解：动画详解

| ├──CSS3 属性：Flex 布局图文详解

| ├──CSS3 属性：Web 字体

| ├──SaaS 入门

| ├──浏览器的兼容性问题

| └──CSS3 的常见边框汇总

|──CSS 进阶

| ├──准备

| ├──CSS 中的非布局样式

| ├──CSS 布局

| ├──网页开发和设计中的字体常识

| ├──如何让一个元素水平居中

| ├──CSS 开发累积

| ├──CSS 文章推荐

| ├──CSS 的一些小知识

| └──CSS 面试题

|──JS 基础

| ├──编程语言

| ├──JS 简介

| ├──变量

| ├──变量的数据类型：基本数据类型和引用数据类型

| ├──基本数据类型

| ├──typeof 和数据类型转换

| ├──运算符

| ├──流程控制语句

| ├──对象简介

| ├──基础包装类型

| ├──内置对象

| ├──数组

| ├──函数

| ├──作用域和变量提升

| ├──预编译

| ├──this 指向

| ├──call、apply 和 bind

| ├──高阶函数

| ├──闭包

| ├──对象

| ├──深浅拷贝

| ├──原型链和原型继承

| ├──类和构造继承

| ├──正则表达

| ├──事件

| └──jQuery

|──JS 之 ES6 语法

| ├──ES6 介绍和环境配置

| ├──ES5 中的严格模式

| ├──ES5 中的一些扩展

| ├──ES6：变量 let、const 和块级作用域

| ├──变量的解构赋值

| ├──箭头函数

| ├──剩余参数和扩展运算符

| ├──字符串、数据和对象的扩展

| ├──内置对象扩展：Set 数据解构

| ├──Promise 入门详解

| ├──ES7：async 函数详解

| └──ES6：Symbol

|──JS 进阶

| ├──var、let、const 的区别

| ├──数据的赋值

| ├──JS 开发累积

| ├──call、apply、bind 的区别

| ├──this

| ├──作用域与闭包

| └──创建对象和继承

|──前端基本功

| ├──CSS 基础练习

| └──DOM 操作练习

|──Ajax

| ├──服务器分类及 PHP 入门

| ├──Ajax 入门和发送 http 请求

| ├──函数封装

| ├──同源和跨域

| └──模版引擎

|──移动 Web 开发

| ├──Bootstrap 入门

| ├──Bootstrap 使用

| └──Less 详解

|──Node.js 和数据库

| ├──Node.js 介绍

| ├──Node.js 的特点

| ├──Node.js 开发环境安装

| ├──Node.js 模块化规范

| ├──Node.js 内置模块

| ├──Node.js 操作 MySQL 数据库

| ├──CommonJS

| ├──ES6

| ├──JS 模块化：AMD

| ├──JS 模块化：CMD

| ├──JS 模块化：ES6

| ├──KOA2

| ├──Node.js 代码举例

| ├──WebSocket

| └──事件驱动和非阻塞机制

|──Vue 基础

| ├──指令系统

| ├──v-on 事件修饰符

| ├──系统指令（二）

| ├──举例：列表功能

| ├──自定义过滤器

| ├──自定义按键修饰符 & 自定义指令

| ├──Vue 实例的生命周期函数

| ├──Vue 中的 Ajax 请求

| ├──Vue 动画

| ├──Vue 组件的定义和注册

| ├──Vue 组件之间的传值

| ├──Vue-router 路由

| ├──Vue.js 在开发中的常见写法累积

| ├──Vue 开发累积

| └──Vue 组件

|──React 基础

| ├──React 介绍

| ├──JSX 语法介绍

| ├──React 组件：生命周期

| ├──React 组件：常见属性和函数

| ├──React 中绑定 this 并给函数传参的方法

| ├──React 单向数据绑定

| ├──React 路由的使用

| ├──Ant Design 的基本使用

| ├──AntD 框架的踩坑记录

| ├──AntD 框架 upload 组件自定义

| └──React Native 初识

|──前端面试

| ├──面试必看

| ├──面试题累积

| └──网友面经

|──前端进阶

| ├──代码规范

| ├──常见专有名词

| ├──数组的常见操作

| ├──前端监控技术

| ├──lazyload & 防抖动和节流阀

| ├──Vue 开发累积

总结

=============================================================

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

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

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。