web大前端技能树
2022-03-01 10:24:03 48 举报AI智能生成
Web大前端技能树包括HTML、CSS和JavaScript等核心技术，以及React、Angular和Vue等主流框架。此外，还需要掌握Node.js、Express和Koa等后端技术，以及Webpack、Gulp和Grunt等构建工具。在移动端开发方面，需要熟悉React Native和Flutter等跨平台框架。为了提高用户体验，还需要了解性能优化、响应式设计和动画效果等技巧。此外，对于一些新兴技术如PWA、WebAssembly和GraphQL也有一定的了解。总之，Web大前端技能树涵盖了从前端基础到高级技术的全方位知识体系，是成为一名优秀前端工程师的必备技能。
作者其他创作
大纲/内容
css
基础样式
盒模型
BFC
浮动
定位
flex
grid
动画与变换
rem
less,sass,postcss
包含块
TypeScript
基础语法及数据类型
浏览器
跨域
jsonp
原理，安全
CORS
配置
postMessage
调试
移动端调试
条件断点
sourcemap
Dom
事件
事件三阶段
事件代理
增删改查
本地存储
Cookie
Web Storage
IndexDB
缓存
Service Worker
Cache
渲染
回流与重绘
rAF,rlC时机及应用场景
浏览器中的事件循环
多线程
跨平台
小程序
RN/Weex/Flutter
Electron
服务端渲染同构
学习
书籍
文档
社区
github
前端常见设计模式
观察者模式，订阅发布模式概念，应用及异同
迭代器模式
单例模式
工厂模式
代理模式
混入
数据结构
栈
队列
链表
树
安全
xss
原理
防御
csrf
原理
防御
加密相关的姿势
对称加密
非对称加密
常见hash算法
常见编码方式
csp
隐私
跨域
框架
vue
基础概念
生命周期
组件通信
生态
vue-router
vuex
devtool
vue-cli
vue-loader
SSR
react
jsx
hook
setState过程
angular
框架概念
通识
MVVM
虚拟DOM
数据劫持
性能
javascript
标准内置对象
判断类型
数据类型、堆栈内存
BOM、DOM
变相声明、变量提升
作用域
词法作用域
动态作用域
作用域链
变量对象
XMLHttpRequest、fetch
this
修改
bind
call
apply
场景
普通函数
构造函数
箭头函数
执行上下文，文法上下文
原型、原型链
闭包
数据引用
数据引用与深，浅拷贝
异步
回调
定时器
Promise
Generator
async/await与Promise的联系
第三方解决方案：rxjs,callbag,build
节流，防抖
ES2015+
函数式编程
响应式编程
内存泄漏与垃圾回收
Node.js
基础知识
Node.js中的事件机制
多线程，多进程
框架：koa,egg,express
数据库：MySQL,MongoDB
缓存：redis,memcache
sofa RPC/dubbo及ZooKeeper
MQ
日志
搜索引擎ES
任务调度
性能
链路性能
渲染性能
文件优化
代码性能
前端工程化
正则表达式
断言
边界
分组
量词
匹配模式
与正则相关的js方法
算法
时间，空间复杂度估计
回溯
贪心
分治
动态规划
常见排序算法
DFS,BFS及递归
网络
HTTP
请求方式及区别
状态码
http header
缓存
HTTPS
身份认证
加密通信
HTTP2.0
对比http1.1优势
tcp/udp协议
抓包
应用层抓包
https抓包
抓包断点
改包
网卡抓包
传输层，应用层分析
解密报文
工具
Fiddler/Charlse/Wireshark
寻求帮助
去哪
怎么提问
怎么搜索
工具
webpack,rollup,gulp
babel
git
基础命令及工作流
rebase
revert，reset
stash
常用Linux操作
Nginx/Apache
0 条评论
下一页
