【思维导图】2020年的一份详细前端学习路线,请注意查收!

1.前端核心基础

在这里插入图片描述

【 js基础 Day1】js的介绍及基本语法变量,运算符

【 js基础 Day2】js的流程控制:分支语句,循环.顺序结构

【 js基础 Day3】关键字的使用,数组(重点)和函数(重点)

【 js基础 Day4】面向过程,面向对象,自定义对象,内置对象

【 js基础 Day5】函数(重点),作用域,预解析,arguments,对象

【 js基础 Day6】内置对象和基本包装类型等知识

你未必知道的49个CSS知识点_weixin_42554191的博客

DOM文档加载步骤

2.前端核心高级

在这里插入图片描述

趁着五一假期,花十分钟复习一下H5

整理学习:100多道前端面试题(一起加油,且行且珍惜)

可以适当了解一下TS

TypeScript入门实践-基础篇

3.JS后台技术

在这里插入图片描述
学Node.js之前得了解cmononJS,同步,异步,阻塞,非阻塞等基础知识

【NodeJS】01Koa 框架介绍以及 Koa2.x 环境搭建

【NodeJS】02学习Koa之前的一些准备工作:Es6 的一些常用语法

【NodeJS】03Koa异步处理Async 、Await和Promise 的使用(重点*)

【NodeJS】04koa 路由 get传值 动态路由

【NodeJS】05 koa 中间件 以及koa中间件的洋葱图执行流程

MD5加密

Passport && JWT

MySQL+Mongodb_数据库

4.前后台交互

在这里插入图片描述

axios封装调用

vue中Axios的封装和API接口的管理

同源策略和解决跨域问题(服务端设置,三步骤)

5.JS高级

在这里插入图片描述
【js高级 Day1】深入理解原型及作用,构造函数和实例对象和原型对象之间的关系

【js高级 Day2】深入理解原型添加方法,私有函数,面向对象的编程思想(案例小贪吃蛇)

【js高级 Day3】深入理解原型的方式继承,借用构造函数继承,组合继承,拷贝继承

【js高级 Day4】深入理解apply和call方法,作用域,闭包,递归

【js高级 Day5】深入理解浅拷贝,深拷贝,遍历DOM树,正则表达式

【Es6入门踩坑记】01用Babel把ES6编译成ES5

【Es6入门实践】02let和const 命令

【Es6入门实践】03变量的解构赋值

【Es6入门实践】04为什么要用对象展开运算符和rest运算符

【Es6入门实践】05使用live-server插件启动服务,使用字符串模板

【Es6入门实践】06数字的操作,数组及其相关方法的操作(重点)

【Es6入门实践】07箭头函数和扩展,函数和数组补漏

【Es6入门实践】08Es6的对象,Symbel在对象中的作用

【Es6入门实践】09Set和WeakSet,Map数据结构

【Es6入门实践】10 proxy:代理,promise

【Es6入门实践】11 类的声明和使用,模块化操作

6.前端web框架

在这里插入图片描述

创建一个@vue/cli3的项目

vue的基本使用-生命周期(二)

vue的基本使用-组件使用及传参(三)

vue-route2基础-2及vue-router2进阶

【MyVue笔记】

7.跨平台开发

在这里插入图片描述
【微信小程序】微信小程序介绍

【微信小程序】如何开发小程序?

【微信小程序】天气小程序部分源码

【微信小程序】小程序框架分析

【微信小程序】配置文件详解+pages js逻辑层配置

【微信小程序】数据绑定+条件语句+列表循环

【微信小程序】数据绑定+条件语句+列表循环

【微信小程序】模板template

【微信小程序】逻辑层代码

【微信小程序】事件的用法+事件冒泡的理解

【微信小程序】页面路由+模块化

小程序组件+弹性盒子+表单组件+自定义组件

表单组件及网络API+常用API接口+utils 中自定义模块module.exports

8.底层原理实现

在这里插入图片描述

原创文章 271 获赞 116 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_42554191/article/details/105891431