大前端知识点概览

前端知识图谱

• 知识图谱
• MDN

工程必备技能

深入前端，服务端也有了解

1. 代码逻辑梳理
2. 前端需求排期
3. 开发完成一个需求的基本过程（包含git的基本使用）
4. 前端代码调试

   1. 新手向：前端程序员必学基本技能——调试JS代码
   2. debug-----debugger语句

5. 放量
6. 使用Postman模拟后端接口

一、html+css

• html，css和js相关认识：

  前端页面由结构层HTML，表示层CSS，行为层JS这三层构成

  网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。”

  网页的表示层（presentation layer） 由 CSS 负责创建。 CSS 对“如何显示有关内容”的问题做出了回答。

  网页的行为层（behavior layer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰的领域。

1. html基础

2. css基础

3. html+css基础面试题

二、javascript + typescript

1. BOM / DOM相关知识点

2. js进阶知识点

   扩展：

   1. Math.round()，Math.ceil()，Math.floor()的区别
   2. JavaScript 实用工具函数
   3. javascript从编译到执行
      参考资料
   4. JavaScript中的内置对象，本地对象，宿主对象分别是什么

3. es6知识点

4. js模块化

5. es7~es11知识点

6. typescript

7. 设计模式

javascript ⇒ ‘三座大山’：设计模式、数据结构、基础算法 ⇒ 开发框架的设计思想、核心原理、最佳实践 ⇒ 项目工程化

三、前端基础

1. 客户端存储

   客户端存储

   cookie详解

   前端用户登录

2. 客户端发送请求的技术 ---- ajax&axios / fetch&umi-request

3. 跨域问题

4. 计算机网络

5. 浏览器工作原理

   * 图解 Google V8

   * V8基础学习一

   * V8基础学习二

   * 浏览器工作原理与实践

四、前端框架

1. vue2.0指南

2. vue3.0指南

3. react指北

4. 微信小程序

5. 抖音小程序

6. 小程序跨端框架
   【2万字长文】深入浅出主流的几款小程序跨端框架原理
   a. taro3
   b. uni-app

六、其他

0. 跨端

Electron

flutter

1. 低代码搭建

2. 微前端

微前端

3. node

node基础与相关框架
bff

4. serverless

serverless

5. 前端智行化

前端智行化

阿里前端智行化

七. 前端经典书籍

《javascript高级程序设计》第四版
《es 6 标准入门》
《JavaScript 函数式编程指南》
《JavaScript 设计模式》
《深入理解 TypeScript》
极客时间的专栏《浏览器的工作原理》(进阶)
Webpack 相关：
《深入浅出 Webpack》
《Webpack 实战：入门、进阶与调优》
React 相关：
《深入 React 技术栈》
《深入浅出 React 和 Redux》
《Redux 实战》
《React 设计模式与最佳实践》
Vue 相关：
《Vue.js设计与实现》
Node.js 相关：
《狼书卷1》
《狼书卷2》
《深入浅出 Node.js》
《Node.js 实战》
性能相关：
《Web 性能权威指南》
《高性能网站建设指南》
PWA 相关：
《PWA 开发实战》
《PWA 实战：面向下一代的 Progressive Web APP》
计算机网络：
《图解 HTTP》
《图解 TCP/IP》
《Wireshark 网络分析就这么简单》
《计算机网络：自顶向下方法》
《计算机网络》
操作系统：
《操作系统》
编译原理：
《编译原理》

八. 个人提升

1. 现代 JavaScript 教程
2. 字节大佬笔记
3. 阿里P7大佬笔记

前端开发中有什么经典的轮子值得自己去实现一遍？答：Virtual-DOM

可以做性能优化、读源码、项目脚手架、CI/CD 自动化部署等，这些基本上一个人就可以整起来。
复杂一点可以做监控、运营配置平台、跨端研发、自动化测试、低代码搭建等，这些就会复杂些，需要团队作战，可以和同事一起共建。

九、技能欠缺：

1. 正则表达式
2. css动画
3. 函数式编程
4. Lodash 源码
5. 前端加密
6. 服务端渲染
   Vue----Nuxt.js入门
   React----Next.js入门
7. Nginx—高性能的HTTP和反向代理web 服务器