FE待做事项清单

Posted by Mars . Modified at Mar 30, 2021

新内容或没完全掌握的模糊知识内容，或者用来提醒待做的前端任务，防止忘记。

FrontEnd内容待学习、复习

• 现代工程化前端项目如何进行打包与上线，及其自动化操作；
• 前端的HTTP请求相关：如何手动发送与接收，XMLRequest,fetch和axios.js等；
• TCP协议、HTTP协议内容回顾；
• HTTPs协议的内容、特点
• 微前端：概念、特点等；
• 各种前端框架软件架构设计模式：MVC、MVP、MVVM的概念、区别和优劣；
• 节流、防抖的原理和实现;
• 虚拟DOM的概念原理；
• WebGL、Web Assembly和Web Worker的概念与应用；
• TypeScript学习；
• 前端性能优化，包含哪些方面，成熟的技术有哪些；
• 常用Git工作流，适用的情况；
• 如何进行代码测试？如何编写前端单元测试？
• Vue内部原理，核心源码理解；
  • 响应式；
  • 运行时；

FrontEnd工作待做

• CookWiz：
  • 添加登录页面与功能，为每一个登录的账号添加一个class；
  • 修复首页部位main-page的bug；
  • 美化add-recipe页面；
  • 给函数添加节流功能，防止多次触发；
  • 添加手机号和邮箱验证功能，可通过二者找回或修改密码；
  • 设置个人每日营养素摄入值，在菜谱内显示三大营养素占每人一天总量的百分比；
  • 视个人需求选择公开分享与否；
  • 查看他人分享的私房菜谱，并收藏到个人菜单；
  • 修改用户名和密码功能；
  • 适配平板与PC端；
  • 对菜品制作进行反馈，上传点评，图片，评分，多人评分会综合计算并反映在菜谱评分组件内；
  • 维护一个食材库，对食材库中没有的食物，在添加时自动提示填写并上传；
  • 根据私人菜单，从各类别菜品中随机组合生成套餐；
• Blog编写、添加个人简历页面；
• Webpack安装、配置方法回顾并熟悉；

面试重点问题

• 简历项目细节
• 手写防抖和节流
• 手写Vue Reactive函数
• 项目部署
• http缓存、http状态码、http与https、http2
• git的开发流程，git fetch和pull的区别、rebase和merge的区别
• Vue数组的特殊处理？
• 图片懒加载实现

Keywords: Frontend