作为前端技术负责人时工作内容:
- 如何做架构设计
- 什么是前端规范
- 定制项目前端规范
简历中增加:
- 熟悉Yargs脚手架并发框架
- 熟悉多Package管理工具Lerna的使用方法和实现原理
- 深入理解Node模块路径的解析流程
针对细节追问:
- 如何使用Yargs 来开发脚手架
- Lerna 怎么用?它是怎么实现一个命令的调用
- 能不能说下你对node模块路径的理解
你可以这样回答:
(已问题1为例)
- 脚手架构成
- 脚手架初始化流程 - 构造函数 Yargs() - 常用方法
- 脚手架参数解析方法
- 命令注册方法
项目经历:
信创云平台-winstack 微前端项目
项目内容:
winstack 是由线上多个模块组成,且已经用Vue 重构了部分模块,但还是包留Angular 开发的模块。需要将这些项目进行整合。通过前期的技术调研,对比市场 single-spa 、qiankun,确定已qiankun技术框架的微前端项目改造。
主要技术:
- 构建自己的脚手架、vue全家桶,ant-design-vue组件库,Echarts.js,Less,wh-components内部业务组件库,Websocket,Qiankun技术栈、vue-il8n国际化、主题色
工作内容:
- 微前端技术预研、组织协助产品、UI、后端会议,论证技术可行性,开发最小demo、到项目落地
- 收集、分析该项目的需求,并进行方案评估,确定方案架构后,输出对应解决方案。包括:子微应用接入到主应用中、微应用之间如何跳转、微前端打包和编译说明、主应用与微应用通信方式 。
- 搭建项目基础框架,如用户登录机制、公共导航菜单、界面布局、路由拦截,鉴权、主题色、国际化、axios封装请求、及公共资源的调用等
- 组织团队学习及了解微前端、怎样开发
- 协调及时修复开发过程中出现的问题,如:嵌入angularjs旧项目、嵌入iframe高度自适应、全局websocket消息
- 项目优化针对市场已有的竞品项目如ZStack、腾讯云、青云导航菜单分析,提出自己的导航菜单优化方案及技术解决方案
工作成果:
1、在接手该项目时,通过技术调研、论证及拿出方案到demo开发。
2、项目可以做到积木架构如计算、存储、网络产品模块,可叠可拆,所需即所得
自己在主导新技术落地,需要考虑:
无论是对于从头开发的微前端应用,还是正在迁移的微前端应用,这种架构的演进都需要一个实施时间。出于以下目的,我们需要快速“发布”MRV版本(最小可发布版本)的微前端架构应用:
◎ 架构在项目中的可行性验证。
◎ 向领导和团队证明架构的可能性。
◎ 增强团队对于新技术的信心。
将那个最小的、成本最低的应用迁移到微前端架构中。