登录免费注册

首页  思维导图  详情



 



前端学习路线

前端学习路线

2021-07-26 14:14:21   1  举报





AI智能生成

学习路线

微服务知识

模板推荐

作者其他创作

大纲/内容

工程化

webpack

webpack构建流程

loader

Plugin

webpack构建dll

webpack的tree-shaking

babel

前端构建部署

构建打包

web服务器

Tomcat

nginx

apache

Git

docekr

代码检测<br>

eslint

stylelint

性能优化

打包优化

webpack

loader

dll

压缩代码

tree shaking

code splitting

图片、base64、cdn

网络优化

DNS

CDN

缓存

预加载

ssr

代码优化

loading/骨架屏

web worker

虚拟列表、虚拟滚动

懒加载

按需加载

网路

HTTP

常见状态码

HTTP缓存

异步请求

请求头

请求体

TCP

三次握手

四次挥手

HTTPS

与http的区别

证书的使用

CDN

数据结构/算法

栈、队列、链表

树

各类常见排序算法思路

二叉树前序/中序/后序遍历

diff

node

npm、yarn包管理<br>

文件读写fs

路径查找path<br>

网络http<br>

开发框架<br>

express

koa

egg

软技能

学习能力

知识储备

知识分享

技术能力

解决问题

团队协作

沟通技巧

项目管理

业务理解

需求分析

项目评估

架构设计能力

交互设计

可用性

扩展性

安全性

一致性

性能

JavaScript

执行上下文/作用域链/闭包

this/call/apply/bind

JavaScript里的this

如何改变this指向

call和apply的区别

如何实现call、apply和bind

原型/继承

原型和原型链是什么

如何利用原型实现继承

Promise

什么是Promise

如何实现一个Promise

async await

深拷贝浅拷贝

事件机制/EVenet Loop

如何实现事件的发布订阅

事件循环

宏任务和微任务

函数式编程

service worker

web worker

常用方法

Array、Object

ES6、ES7、ES8

CSS基础

制作布局：浮动、定位、显示、盒模型、网格布局、弹性布局

响应式设计和媒体查询（@media）<br>

flex

Sass/Less

叠层上下文

z-index

移动端rem和vw方案

动画

框架（Vue为主）

MVVM

生命周期

nextTick

父子组件挂载时，生命周期的顺序是怎么样的

数据绑定

Vue2.0数据双向绑定

Vue2中数组和对象的特殊处理

vue3.0响应式数据理解

状态管理

组件通讯

父子

爷孙

兄弟

Virtual DOM

vue3.0的composition-api

computed和watch

设计模式

创建型

工厂方法

抽象gongc

单例

原型

结构型

装配器

装饰器

代理

外观

桥接

行为型

策略

模板

迭代器

职责链

安全

XSS

HTTPS

CSRF

前端-服务端安全策略

多端

APP

flutter

原生

react-native

Weex

小程序

uni-app

桌面开发Electron

社区发展

SSR

大前端

微前端

serverless

low code/no code

AI Coding 学习路线图

 Collect

Get Started

AI Coding 学习路线图

微前端Qiankun技术方案演进路线

 Collect

Get Started

微前端Qiankun技术方案演进路线

 Collect

Get Started

IOS学习路线图

 Collect

Get Started

技能学习路线













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document