项目分为移动端、PC 端以及后台管理三个部分,均采用了 React 及其相关生态的技术栈,客户端使用了:TypeScript/Mobx 等,移动端适配使用了基于 vw 的方案,并配合 webpack loader 实现了 px 转 vw 的自动化,后台管理使用了 AntDesign Pro 解决方案。上述项目语言的国际化均使用了 react-intl。我在该项目中负责了技术选型,项目架构的搭建及优化,公共工具业务方法的封装,编写具体需求业务代码,并配合 Gitlab CI 搭建了前端持续集成的发布环境,实现了高效的开发和项目的准时交付。
星贝是孩子王的移动端金融项目,作为核心程序员,我搭建了基于 TypeScript/React/Redux/Rxjs/Immutable 的项目架构,并首次推动了公司 TypeScript 的使用,配合 Rxjs,即使是在复杂的业务逻辑和繁杂的异步情况下,仍然能高效地写出易读易维护、健壮性强的代码。开发效率相比以往有了很大的提升。
保险项目是孩子王提供的保险业务平台,该项目因为有 SEO 的需求,所以采用了基于 React 和 Node 的前后端同构的技术架构,解决了 SEO 的需求同时加快了页面的首屏渲染速度。在该项目中为减少 redux 异步 dispatch 的样板代码,使用了 redux-thunk 然后基于其封装了配合 http 请求业务的 redux 中间件。在处理 store 中复杂数据时,为了操作的安全、便捷,使用了 ImmutableJS,并与 react 组件生命周期配合,减少了组件不必要的渲染,提高了页面的性能。
考果网是一个 PC 端线上教育平台,使用了 Vue 作为技术栈,自定义 webpack 配置以满足多入口的打包,其中直播平台的聊天室和弹幕等使用了 websocket 实现,后台管理使用了 ElementUi 组件库。在项目中遇到的问题之一就是多入口的配置开发时编译速度慢,我尝试通过分离入口模块、抽离重复引用代码、使用 webpack dllplugin 插件,最终编译速度相比优化之前有了极大的提升,提高了开发效率。
1
colorcat 2019-03-22 18:43:10 +08:00
看了下楼主不错,加油
|
2
dongliangnerd 2019-03-22 19:44:24 +08:00 via Android
😂 为啥我 93 年毕业才不到三年?
|
7
brucewar 2019-08-08 23:31:21 +08:00
南京孩子王前端开发怎么样?
|