一年好景君须记,最是橙黄橘绿时。这篇文章主要讲述前端劝退之前端知识体系(前端面试体系)相关的知识,希望能为你提供帮助。
前言虽然马上就要金九银十了,面试的人应该不少,虽然我也有在面,写文的目的主要是梳理下知识,能对复习有点帮助就行,本文主要针对前端知识体系相关,涉及的内容有:
文章转载:乐字节
- 浏览器
- 计算机网络
- 前端基础(html、css、js)
- node
- webpack
- 数据结构和算法
- web安全
- 前端工程化(编译原理的应用)
- 渲染优化
- 性能监控
- 跨端(小程序、混合应用)
- 框架
- typescript
- 移动端
其余部分的话,就不算很熟了,所以有人要整第二部分吗?
其他看了下评论,有人对自己的能力感觉受限,这也正常,由于前端体系本身内容比较多,该文也只是整理了下,没必要全部都关注,只是目前的一个趋势而已。
目前的前端领域方向:
- 可视化
- 跨端
- 小程序
- 工程化
- 游戏
- DevOps
- webAssembly(rust、c、cpp)通过其他语言对前端进行扩展,实现前端无法做到的方案
- 音视频(FFmpeg)
- 全栈
- html、css、js
- typescirpt(2021了,现在ts也差不多算必备技能了)
- 框架
- 浏览器相关知识
- 监控、埋点
- 团队协作
- 计算机网络
- 编译原理
- 数据结构和算法
- 单元测试
吐槽:
用飞书的思维笔记做的(变相打广告?),说下体验
优点:
- ui不错
- 可以通过@链接到其他文档
- 粘贴的链接没办法修改title,默认自动识别
- 没办法换行
- 不支持图片
- 采用2边结构的时候,没办法拖拽
- 分享不支持文件夹(让我添加协作者?????),文件多了,分享就很麻烦。
- 预览感觉会糊?编辑的时候明显要比预览更清晰
- html 暂无内容
- css
- js
- ts 暂无内容
- node
- Vue 暂无内容
- React
- webpack
- 前端工程化
- 浏览器
- 计算机网络
- 数据结构和算法
- 性能优化
文章图片
浏览器
- 从输入网址到看到网页发生了什么
- dom 解析规则
- css、js是否会阻塞渲染
- xss、csrf
- 重绘和重排的区别
- 浏览器缓存是怎样的
- 跨域
文章图片
浏览器渲染详细过程:重绘、重排和 composite 只是冰山一角
浏览器工作原理与实践_浏览器_V8原理-极客时间
图解 Google V8_虚拟机_JavaScript_Node.js_前端_Google-极客时间 (geekbang.org)
前端基础 CSS
- css 盒模型
- bfc
- 居中
- 伪类和伪元素
- css选择器优先级
文章图片
CSS层叠上下文
js
- 事件循环
- 原型链
- this
- 作用域
- 闭包
- 柯里化
- 事件流
- 数据类型
- promise、generator、async await
- 0.1 + 0.2 为什么不等于0.3 (IEEE754)
- 浮点精度
文章图片
(图灵社区 (ituring.com.cn))
事件循环
一文搞懂V8引擎的垃圾回收 (juejin.cn)
JavaScript 深入之浮点数精度 (juejin.cn)
计算机网络
- https 为什么安全
- http2的特点
- tcp阻塞
- http状态码
- http3
- http和https握手
文章图片
HTTP/3 原理实战 - 知乎 (zhihu.com)
前端工程化
- amd、cmd、esmodule、commonjs区别
- import from 和require、import()区别
- babel
- vite
- eslint
- postcss
- ast
- 微前端
文章图片
git commit 规范指南
node
- 模块查找机制
- stream 流
- 非阻塞异步io
- 中间件
文章图片
深入浅出node中间件原理
Node.js理论实践之《异步非阻塞IO与事件循环》
webpack
- loader和plugin的区别
- tapable
- webpack hmr原理
- webpack 编译流程
- webpack 优化
- tree shaking
文章图片
Webpack HMR 原理解析
性能优化
- 常见的性能优化方案
- 一些性能指标
文章图片
performance各阶段:
文章图片
前端性能优化之雅虎35条军规 (juejin.cn)
网站性能监测
Performance - Web API
前端监控一篇讲透自研的前端错误监控
数据结构和算法宫水三叶的刷题日记
算法面试通关40讲_算法面试_LeetCode刷题
javascript-algorithms
VisuAlgo - 数据结构和算法动态可视化
书:
- 算法导论
- 剑指offer
- 小灰的漫画算法
推荐阅读
- 博客总结(导航)
- 对线面试官之MySQL索引篇
- Node.js 应用全链路追踪技术——[全链路信息获取]
- 深度好文如何基于谷歌SRE理论,建设企业IT应用系统稳定性能力()
- Java开发工程师进阶篇-Java8的Stream流使用技巧
- 调用未定义的函数wpcf7_enqueue_styles()
- 在Javascript中调用嵌套的div类。修改后的代码在WordPress中不起作用
- Carrington WordPress主题框架中的通用类别补充工具栏
- Flexslider无法正常工作-WordPress