|
|
| 前端框架及项目面试 聚焦 |
|
|
|
|
前端框架及项目面试聚焦Vue/React/Webpack演讲人2020-11-18目录01.第11章项目设计02.第12章项目流程0
1第11章项目设计第11章项目设计STEP111-1面试为何会考察组件和状态设计11-2状态设计的思路和要点11-3组
件设计的思路和要点11-4React实现TodoList代码演示11-5组件设计和状态设计的总结STEP2STEP311
-6Vue实现购物车-你将如何设计11-7Vue实现购物车data如何设计11-8Vue实现购物车-组件设计和代码演1
1-9结合vuex实现购物车STEP411-10状态设计和组件设计的考点总结第11章项目设计11-1面试为何会考察组件和
状态设计组件和状态设计回顾面试题组件和状态设计面试要求1.框架（VueReact）的使用（和高级特性）是必要条件2.能
独立负责项目？还是需要别人带着？——考察设计能力3.面试必考（二面/三面），场景题考察重点1.数据驱动视图2.状态：数
据结构设计（React-stateVue-data）3.视图：组件结构和拆分回顾面试题1.React设计todolist
(组件结构，reduxstate数据结构)2.Vue设计购物车（组件结构，vuexstate数据结构）第11章项目设计
11-2状态设计的思路和要点11-3组件设计的思路和要点11-4React实现TodoList代码演示11-5组件
设计和状态设计的总结React实现TodoList设计原型图state数据结构设计组件设计代码演示总结React实
现TodoList1.state数据结构设计2.组件设计（拆分、组合）和组件通讯3.代码演示state数据结构设计设计
原则1.用数据描述所有的内容2.数据要结构化，易于程序操作（遍历、查找）3.数据要可扩展，以便增加新的功能每个数据都要
有一个id,并且id不能重复组件设计设计原则1.从功能上拆分层次2.尽量让组件原子化3.容器组件（只管理数据）&am
p;UI组件（只显示视图）红色，容器组件绿色，显示容器组件App定义状态List以及List如何新增、如何删除、如何切换完
成状态Input负责把新输入的内容回传给AppList负责把list列表渲染出来列表的每一项交给ListItem渲染ListIt
em切换完成状态和删除，调用外层传给它的方法即可总结1.state数据结构设计2.组件设计组件通讯3.结合redux第
11章项目设计11-6Vue实现购物车-你将如何设计11-7Vue实现购物车data如何设计11-8Vue实现购物车
-组件设计和代码演11-9结合vuex实现购物车Vue实现购物车设计原型图data数据结构设计组件设计代码演示v
uex实现购物车Vue实现购物车1.data数据结构设计2.组件设计和组件通讯3.代码演示data数据结构设计1.数
据描述所有的内容2.数据要结构化，易于程序操作（遍历、查找）3.数据要可扩展，以便增加新的功能组件设计1.从功能上拆分层
次2.尽量让组件原子化3.容器组件（只管理数据）&UI组件（只显示视图）容器组件index.vueindex.
vue管理所有的数据以及数据的变化，怎么加入购物车，怎么删除购物车的条目产品列表组件ProductionListindex
.vueindex.vueProductionItem.vueProductionItem.vue购物车列表组件CartL
istindex.vueindex.vueCartItem.vue调用父类方法，增加或者减少购物车中商品的数量vuex实现购
物车https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart
目录结构目录结构数据结构设计内容太长，看git代码吧。。。体会一下使用vuex和不适用vuex实现购物车时，组件设计、数据管
理的差异02第12章项目流程第12章项目流程12-1面试为何会考察项目流程12-2和前端开发相关的项目角色有哪些12
-3一个完整的项目要分哪些阶段12-4评审项目需求时需要注意哪些事项12-5如何做好技术方案设计12-6如何保证代码质量第
12章项目流程12-9项目上线12-7项目过程中PM加需求怎么办12-10项目沟通的重要性12-8不要对QA说：我电脑没
问题！12-11项目流程总结第12章项目流程项目流程为什么考察项目流程12-1面试为何会考察项目流程看几个面试题如何讲解12
-1面试为何会考察项目流程项目流程为什么考察项目流程1.确定你真正参加过实际项目（而不是个人项目、毕业设计等）2.确定你能
真正解决项目的问题3.看你能否独立承担起一个项目（作为项目负责人）1.项目分多人、多角色参与2.项目分多阶段3.项目
需要计划和执行看几个面试题如何讲解1.PM想再项目开发过程中增加需求，该怎么办?2.项目即将延期了，该怎么办？3.你将如
何保证项目质量？1.项目的所有角色2.项目的全流程3.各个阶段中的常见问题第12章项目流程12-2和前端开发相关的项
目角色有哪些项目角色12-2和前端开发相关的项目角色有哪些项目角色21.PM产品经理2.UE视觉设计师3.FE前
端开发4.RD后端开发5.CRD移动端开发第12章项目流程12-3一个完整的项目要分哪些阶段完整项目流程12-3
一个完整的项目要分哪些阶段完整项目流程第12章项目流程12-4评审项目需求时需要注意哪些事项Stage1-需求分析12-4评
审项目需求时需要注意哪些事项Stage1-需求分析1.了解背景2.质疑需求是否合理3.需求是否闭环，有来有去4.开发
难度如何5.是否需要其他支持6.不要急于给排期第12章项目流程12-5如何做好技术方案设计Stage2-技术方案设计1
2-5如何做好技术方案设计Stage2-技术方案设计1.求简，不过多设计2.产出文档3.找准设计重点（数据结构设计、组
件设计。。。）4.组内评审5.和RDCRD沟通6.发出会议结论第12章项目流程12-6如何保证代码质量Stag
e3-开发12-6如何保证代码质量Stage3-开发1.如何反馈排期（留buffer约1/4左右的时间，考虑好并行工作，考虑协
同人、依赖的情况）2.符合开发规范（注释、模块命名、git...）3.写出开发文档4.及时单元测试5.MockA
PI6.CodeReview第12章项目流程Stage4-联调PM加需求怎么办？12-7项目过程中PM加需求怎么办121
2-7项目过程中PM加需求怎么办Stage4-联调1.和RDCRD技术联调2.让UE确定视觉效果3.让PM确定产
品功能PM加需求怎么办？1.不能拒绝，走需求变更流程即可2.如果公司有规定，则按规定走3.否则，发起项目组合lea
der的评审，重新评估排期第12章项目流程12-8不要对QA说：我电脑没问题！Stage5-测试12-8不要对QA说：我电脑
没问题！Stage5-测试1.发提测邮件，抄送项目组2.测试问题要详细记录3.有问题及时沟通，QA和FE天生信息不对称第
12章项目流程12-9项目上线Stage6-上线12-9项目上线Stage6-上线1.上线之后及时通知QA回归测试2.
上线之后及时同步给PM和项目组3.如有问题，及时回滚。先止损，再排查问题第12章项目流程12-10项目沟通的重要性项目沟通
12-10项目沟通的重要性项目沟通1.多人协作，沟通是最重要的事情2.每日一沟通（如站会），有事说事，无事报平安3.及时识别风险，及时汇报ABC总结讲解内容项目流程图第12章项目流程12-11项目流程总结12-11项目流程总结总结1.为啥考察-确定有项目经验2.项目要分多阶段3.项目需要计划和执行12-11项目流程总结讲解内容1.项目角色2.项目流程和阶段3.遇到的问题项目流程图要自己能画出来感谢聆听 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
