1. 使用create-react-app脚手架快速搭建项目,使用react-router快速搭建路由。
2. 并通过在Router组件上设置basename来给路由添加/msyh前缀,在axios中添加baseURL给所有接口添加/msyh前缀,通过在webpack.config.js中配置publicPath使打包的静态资源添加/msyh前缀。
3. 使用react-json-editor-ajrm包完成JSON代码编辑器,并对输入的JSON进行校验。
4. 使用定位的方式,计算图片在盒子上的缩放比例,结合模型返回来的处理结果位置信息进行图片 违规高亮标注。
5. 使用div原生contentEditable属性,根据模型返回的违规字段位置信息,将违规的文字替换成带有标注和背景
颜色的span盒子,并对新生成的span标签添加事件,快速查找相关违规信息。
6. 项目前端第一负责人,项目0到1搭建,合理找出解决问题最佳途径,提高50%的效率,保证项目
在3个月之内完成开发、部署及交付。