盒马鲜生-盒爆小分队-模型驱动
项目描述:
解析java controlor生成元数据,即模型,里面包含了对接口字段的描述,包括类
型,中文描述,层级节构等,我们即可通过这份模型,生成相应的前端视图。
盒马鲜生-盒爆小分队-unity
项目描述:
1、基于seajs + ast实现的低代码解决方案,赋能业务,通过拖拽的形式生成前端 页面,查询列表,表单,详情页等,提高人效以及统一代码风格,解放前端资源。
2、使用React16作为前端框架,自定义hooks作为状态管理工具
3、使用monaco-editer作为线上代码编辑工具
4、使用@babel/parser生成ast,@bable/template生成ast模板,@babel/traverse遍历 ast,@babel/generator将ast转化为code
盒马鲜生-供应链业务
项目描述:
1、React + royjs + just,部分仓库使用react15,部分16,royjs为前端组长开 发的一套类似于Redux的针对盒马业务场景定制的状态管理工具,just为集团内部一套cli工具
2、项目采用es6语法
3、可视化采用e-charts
4、前端组件库为基于next的hippo-design 5、部分页面基于盒马自研的微应用开发
蚂蚁金融云-中间件-数据访问代理
项目描述:
1.前端开发环境nodejs 6+,webpack打包,webpack Proxy+hosts配置实现跨域 访问测试环境机器(et15/稳定联调环境)
2.前端框架采用antd方案(四期升级为antd-cloud,倾向于业务的定制版本,底层为 antd),前端可视化采用G2(倾向于数据展示),G6(倾向于关系,流程展示)
3.通过cookies判断用户登陆状态,接入的是蚂蚁金融云的登陆页面
4.es6语法
5.路由管理react-router,状态管理redux(重构前sagas + redux,重构后使用dva)
6.数据请求proxy(解决跨域) + promise(异步处理) + fetch(请求) 7.采用I8n进行页面国际化
8.meta标签进行浏览器内核控制,支持IE9以上版本
9.开发环境使用chrome浏览器
10.使用eslint规范代码风格
11.git 版本管理
12.项目中存在已有组件未能支持的情况,自己实现并成功验收(可查询表格穿梭框)
蚂蚁金融云-中间件-分布式链路跟踪
项目描述:
1.前端开发环境nodejs 6+,webpack打包,webpack Proxy+hosts配置实现跨域 访问测试环境机器(et15/稳定联调环境)
2.前端框架采用antd-cloud(倾向于业务的定制版本,底层为antd )+ antd方案,前端可 视化采用G2(倾向于数据展示),G6(倾向于关系,流程展示)
3.通过cookies判断用户登陆状态,接入的是蚂蚁金融云的登陆页面
4.es6语法
5.路由管理react-router,状态管理redux
6.数据请求proxy(解决跨域) + promise(异步处理) + fetch(请求) 7.采用I8n进行页面国际化
8.meta标签进行浏览器内核控制,支持IE9以上版本 9.开发环境使用chrome浏览器
10.使用eslint规范代码风格
11.git 版本管理
12.项目中存在已有组件未能支持的情况,自己实现并成功验收(表格+时序图)
蚂蚁金融云-中间件-分布式事务
项目描述:
1.前端开发环境nodejs 6+,webpack打包,webpack Proxy+hosts配置实现跨域 访问测试环境机器(et15/稳定联调环境)
2.前端框架采用antd + antd-cloud(倾向于业务的定制版本,底层为antd),前端可视化 采用G2(倾向于数据展示),G6(倾向于关系,流程展示)
3.通过cookies判断用户登陆状态,接入的是蚂蚁金融云的登陆页面
4.es6语法
5.路由管理react-router,状态管理redux
6.数据请求proxy(解决跨域) + promise(异步处理) + fetch(请求)
7.采用I8n进行页面国际化
8.meta标签进行浏览器内核控制,支持IE9以上版本
9.开发环境使用chrome浏览器
10.使用eslint规范代码风格
11.git 版本管理
12.项目中存在已有组件未能支持的情况,自己实现并成功验收(环图加线加描述,调用底层 canves接口实现)