编程之路

  • home
  • article
  • class
  • label
  • utils

  • 搜索
Elasticsearch MongoDB 衡量点 aop 边缘计算 框架 物联网 敏捷开发 团队 压力测试 Markdown 学习方法 学习 产品 规范 日志 微服务 壁纸 开发平台 Java 全栈 前端 开发规范 MQTT CentOS 镜像站 IntelliJ IDEA FreeMarker UML 计算机 软件 Tomcat Netty Web Service Docker Dubbo Kafka NoSQL Redis 消息队列 RocketMQ RabbitMQ ActiveMQ 分布式事务 Spring 队列 Java 高级 GC JVM HTTP 网络安全 算法 设计模式 Spring Cloud Web SpringMVC 线程池 并发 锁🔒 多线程 Git Java 集合 Java 基础 MyBatis 数据库 MySQL Java 基础面试题 Java Nginx Linux Spring Boot

前端劝退之前端知识体系(前端面试体系)

发表于 2021-09-06 | 分类于 前端 | 0 | 阅读次数 333

原文地址:https://mp.weixin.qq.com/s/D0m_d74uRZPYOxJqpAkKhQ

前言

虽然马上就要金九银十了,面试的人应该不少,虽然我也有在面,写文的目的主要是梳理下知识,能对复习有点帮助就行,本文主要针对前端知识体系相关,涉及的内容有:

  • 浏览器
  • 计算机网络
  • 前端基础(html、css、js)
  • node
  • webpack
  • 数据结构和算法
  • web安全
  • 前端工程化(编译原理的应用)
  • 渲染优化
  • 性能监控

不包括:

  • 跨端(小程序、混合应用)
  • 框架
  • typescript
  • 移动端

不过前端是真的内卷啊,内容是真多,并丢了点面试题作为参考,以上基本涵盖前端整个知识体系。

其余部分的话,就不算很熟了,所以有人要整第二部分吗?

其他

看了下评论,有人对自己的能力感觉受限,这也正常,由于前端体系本身内容比较多,该文也只是整理了下,没必要全部都关注,只是目前的一个趋势而已。

目前的前端领域方向:

  • 可视化
  • 跨端
  • 小程序
  • 工程化
  • 游戏
  • DevOps
  • webAssembly(rust、c、cpp)通过其他语言对前端进行扩展,实现前端无法做到的方案
  • 音视频(FFmpeg)
  • 全栈

必备:

  • html、css、js
  • typescirpt(2021了,现在ts也差不多算必备技能了)
  • 框架
  • 浏览器相关知识
  • 监控、埋点
  • 团队协作

可选:

  • 计算机网络
  • 编译原理
  • 数据结构和算法
  • 单元测试

前端知识体系

image.png

浏览器

  • 从输入网址到看到网页发生了什么
  • dom 解析规则
  • css、js是否会阻塞渲染
  • xss、csrf
  • 重绘和重排的区别
  • 浏览器缓存是怎样的
  • 跨域

作为个前端,毕竟每天都和浏览器打交道,不懂浏览器的前端不算好前端。

前端基础

CSS

  • css 盒模型
  • bfc
  • 居中
  • 伪类和伪元素
  • css选择器优先级

image.png

CSS层叠上下文

js

  • 事件循环
  • 原型链
  • this
  • 作用域
  • 闭包
  • 柯里化
  • 事件流
  • 数据类型
  • promise、generator、async await
  • 0.1 + 0.2 为什么不等于0.3 (IEEE754)
  • 浮点精度

image.png

计算机网络

  • https 为什么安全
  • http2的特点
  • tcp阻塞
  • http状态码
  • http3
  • http和https握手

image.png

前端工程化

  • amd、cmd、esmodule、commonjs区别
  • import from 和require、import()区别
  • babel
  • vite
  • eslint
  • postcss
  • ast
  • 微前端

image.png

node

  • 模块查找机制
  • stream 流
  • 非阻塞异步io
  • 中间件

image.png

深入浅出node中间件原理
Node.js理论实践之《异步非阻塞IO与事件循环》

webpack

  • loader和plugin的区别
  • tapable
  • webpack hmr原理
  • webpack 编译流程
  • webpack 优化
  • tree shaking

image.png

性能优化

  • 常见的性能优化方案
  • 一些性能指标

image.png

performance各阶段:

image.png

前端监控

一篇讲透自研的前端错误监控

数据结构和算法

  • 算法导论
  • 剑指offer
  • 小灰的漫画算法
# 前端
重磅消息:Spring 6 和Spring Boot 3
Git 常用命令速查表(收藏大全)
  • 文章目录
  • 站点概览
Adrian

Adrian

曙光在头上,不抬起头,便永远只能看见物质的闪光。

120 日志
11 分类
70 标签
RSS
Creative Commons
Links
  • 美团技术团队
  • 阮一峰
  • 程序猿DD
  • SpringBoot 中文社区
  • 在线文档
  • Bean Searcher
  • OkHttps
  • Grails
  • Sa-Token
  • 程序员的进击之路
  • bugstack 虫洞栈
  • Java 全栈知识体系
  • Gobrs-Async
  • 查询网
  • 微信开放社区
  • 物联网技术指南
  • emqx
  • 看云
  • 深圳核酸检测点查询
  • Hutool
  • Spring
  • V2EX
  • v-charts
  • Vert.x 官方文档
  • Vert.x 官方文档中文翻译
  • 极客时间
  • Apache RocketMQ 开发者指南
  • 知了
  • 阿里云知行动手实验室
  • Learn Git Branching
  • Spring Boot 教程
  • 未读代码
  • 如梦技术
  • jpom
  • Cubic
  • Easy-Es
  • bing-wallpaper
  • solon
  • LuatOS
  • ThingsBoard
  • Linux 中国◆开源社区
  • Apache Dubbo
  • Jenkins
  • 技术文章摘抄
  • VueJS
  • MapStruct
  • elasticsearch 中文社区
  • Apollo(阿波罗)
  • TiKV文档
  • Chrome插件分享
  • 一步步搭建物联网系统(教你设计物联网系统)
  • 全栈增长工程师指南
  • 程序员的自我修养
  • Pro Git(中文版)
  • 学习 Web 开发
  • 极客教程
  • PingCAP 文档中心
  • 酷壳
  • Refactoring Guru 网站
  • 学习 Java 语言
  • smart-doc
  • mybatis-plus
  • 字母哥博客
0%
© 2023 Adrian
由 Halo 强力驱动
|
主题 - NexT.Gemini v5.1.4