前端技术图谱2.5
2022-12-08 13:20:24 0 举报AI智能生成
自总结前端技术图谱 持续更新
作者其他创作
大纲/内容
性能与优化
开发编译速度
打包速度
图片代码等压缩
甘特图包管理，按需，分包
performance渲染取舍
实时性要求高场景
可通过用chrome performance面板进行帧绘制排查帧处理函数
强制渲染方法，减少定时器函数，替换定时器采用requestAnimationFrame，requestIdleCallback等
相关调度机制实现
兼容性
主要浏览器的内核
主要浏览器的版本
主要的手机/PC的操作系统
CI、CD
持续集成
持续集成工具的使用、配置
CI、CD的理解、应用
脚本
sh脚本
jeks脚本
docker
nginx
代码管理
git
git结构
git基本命令
.gitignore文件
git文件状态
git flow
svn
精髓
能力
需求分析能力
理清需求
拆解需求
引导需求问题
设计出图
早发现，影响开发交互项
引导设计
用例评审（测试套路）
等价划分法
边界值法
因果图法
场景分析法
错误推测法
风险评估能力
风险识别
风险反馈
风险沟通
风险解决
后端
接口文档
接口报错规则，统一处理，排查特殊情况
接口传参探讨
及时反馈报错类型
设计走查，产品走查
配合设计
问题排查能力
业务的架构、逻辑
接口的请求、入参、出参
业务的日志查看
常用的http报错
抓包工具的使用
浏览器的cookies相关了解
个人潜质
优秀特质
价值观
知识框架
行业、公司、产品、业务知识图谱
技术能力知识图谱
个人修养
爱生活
充满热情/好奇
有理想
兴趣广泛
心态和情商
owner
追求完美细节
学习能力
影响力
占位
web3.0待更新
基础知识点
HTML/CSS
html
模板引擎
jsx
h5标签特性
兼容性
css
预编译工具
less
scss
postcss
兼容处理
css类名规范
动画
Animate.css
Lottie
JS
数据类型
基本数据类型
map
队列应用
lru
lfu
fifo等
数组/栈
常用api
链表
常用场景
链表种类
解决问题
编程模式
面向对象
特性
封装
继承
多态
抽象
tdd
ddd
eventloop
宏任务
微任务
浏览器引擎
Dom,bom
Es6/+
原型
This
new
隐式
显式
默认
高阶，柯里
TS
如何使用
tsconfig配置
编译配置
类型定义
高级内容
泛型
类型推导
infer
服务端
nodejs
基础知识
流 Stream
文件系统 fs
缓冲区 Buffer
多进程
事件驱动 Event/EventEmitter
进程信息与全局变量 process/__dirname/__filename/global
web 框架
egg
koa
express
nest
middway
service
gateway
rpc
Http1.1/2
基础优化点
redis
设计初衷
缓存规则
使用预估
sql
mysql
nosql
队列mq，kafka
nginx
部署
单机
集群
库，组件与框架
类库工具
图表流程库
富文本编辑器
拖拽组件
自定义表单表格
日历组件
画图工具
webview
h5播放器
webrtc
框架
vue
react，rn
全平台flutter
跨平台taro/uniapp/rax等
pc端electron，nw等
工程化
脚手架工具
私有仓库搭建
nexus
cnpm
verdaccio
规范管理
html
css
js
Ts
node
模版管理
组件管理
工具使用
gulp，webpack，vite，rollup，esbuild
ui，产品工具 磨刀 rp 蓝湖 figma等
postman接口自动化脚本
接口压测工具
抓包工具使用 fidder 花瓶
文档工具
工程化流程
技术选型
统一规范
测试
部署
监控
性能优化
重构
工程化路径发展
工具化
规范化
流程化
中台化
web安全
攻击形式
中间人,运营商劫持
xss
crsf
防攻击手段
常规加密算法形式
非对称 RSA
对称AES
hash sha md5
增加验签规则
wasm
分支主题
子主题
0 条评论
下一页
