1,熟练使用html+css布局,独立完成移动端及PC端页面布局,符合W3C标准规范
2,熟练使用git命令,以及版本管理工具,解决代码冲突,版本穿梭
3,熟练使用javaScript及ES6以上版本语法,包括异步编程,前端工程化等,以及Ty peScript特性
4,熟练使用响应式布局
5,熟练使用Vue2与Vue3版本全家桶vue-cli,Vuex,Vue-router,Pinia,Axios,Vue
6,熟练使用Element-UI,Element-Plus,Vant-UI等UI组件库
7,熟练使用Webpack,Vite等自动化工具,以及npm,cnpm,yarn,npx等包管理工具
8,熟悉后端Node.js,以及MySQL.MongoDB数据库,可以使用Express框架开发基本接口
9,了解项目从0-1的上线流程,结合宝塔,docker完成前端项目打包上线,以及cod eReview代码审核
中信银行白金 Visa 卡项目经历
在中信银行白金 Visa 卡项目中,我深度参与前端开发工作,与 React 技术紧密结合,为打造卓越的用户体验贡献力量。
项目初期,借助 React 的组件化特性,精心构建了卡片申请、账户查询、优惠活动展示等核心功能模块的组件体系。通过创建可复用的 React 组件,如表单输入框、日期选择器等,不仅提高了代码的复用性,还确保了界面风格的一致性与稳定性,大大缩短了开发周期。
在数据处理方面,利用 React 的状态管理机制,巧妙地管理卡片信息、交易记录等复杂数据流。例如,在用户提交白金卡申请时,实时验证表单数据,利用 React 的生命周期方法和状态更新,将用户输入的信息及时传递给后端服务,同时处理后端返回的验证结果并反馈给用户,实现了流畅的交互体验,有效提升了申请成功率。
面对多端适配的需求,React 的响应式设计能力发挥了关键作用。通过媒体查询与弹性布局相结合,在不改变代码逻辑的基础上,使白金 Visa 卡的服务界面在不同屏幕尺寸的设备上均能完美呈现,无论是桌面端还是移动端,用户都能便捷地操作各项功能,如查看账单明细、使用积分兑换礼品等。
此外,为了提升性能,运用 React 的虚拟 DOM 技术,减少了不必要的页面重绘与数据请求,显著提高了页面加载速度,尤其是在加载大量的交易记录和优惠信息时,用户体验得到了极大优化。在与后端团队协作过程中,基于 React 的清晰架构,能够精准地定义数据接口,确保前后端数据交互的准确性与高效性,为中信银行白金 Visa 卡项目的顺利推进提供了坚实的技术支撑,最终助力该卡在市场推广中赢得良好口碑,吸引更多优质客户申请使用
角色 | 职位 |
负责人 | react开发工程师 |
队员 | UI设计师 |
队员 | iOS工程师 |
队员 | 安卓工程师 |
队员 | 前端工程师 |
队员 | 后端工程师 |
一、项目统筹与团队管理 技术选型与架构规划 推动 React 作为核心框架,基于其组件化、高效更新和生态优势,设计分层架构。主导制定代码规范、组件库搭建标准,统一团队开发流程,确保多人协作下代码的一致性与可维护性。 任务分配与进度把控 根据成员
一、技术架构与维护策略 模块化组件设计 抽象通用组件(表单、额度计算器等)构建组件库,通过Storybook管理,确保复用与统一更新。 封装复杂逻辑(风控校验、利率计算)为独立Hook,降低耦合度。 状态管理与性能优化 利用React Context或Zusta