众安科技孵化的企业连陌科技以区块链防伪溯源为核心技术理念,开发了步步鸡这款明星产品,通过鸡上绑定的二维码扫描了解步步鸡的运动轨迹,通过摄像头拍摄的视频了解步步鸡每天的活动习性,我们安链云UED为客户方内部孵化公司连陌开发PC官网,m站,微信公众号活动页还有小程序,m站和小程序比较类似于电商的页面,除了基本的下单,购买,订单等功能,还用到了echart来显示步步鸡的运动曲线,leaflet来显示运动轨迹,通过tcplayer h5播放器播放拍摄的视频,还有和微信相关的一些功能(比如获取授权、token、appid、微信分享、微信支付等)。m站和pc站主要是以react,redux、react-route技术栈实现,js也主要以es6和es7为主,打包用的是webpack,会用到create-react-app脚手架来搭建框架,其中用到了antd和antd mobile,由于组件库的样式和我们设计搞不同,而且我们项目整体用的是rem或vw布局,基本都要对组件库做二次开发,和后端接口的交互用到了开源库axios,由于后端全是微服务,前端项目也会做一些简单的docker容易部署和Nginx接口转发的配置,单色的图片也会用到iconfont,设计只给到sketch文件,由我们前端根据设计稿来切图,也会区分@3x和@2x图,根据设计稿写css布局,主要以写scss或less为主,css3的动画很多会参照animate.css+贝塞尔曲线去实现。微信小程序用到的框架是wepy,也只有这个项目是用到了vue。另外还开发好几期的活动页,主要通过微信公众号来营销,通过微信分享传播,做过一个H5的抓娃娃机游戏,h5翻卡牌比大小pk活动,大转盘抽奖和老虎机活动页,拼图游戏等等,为了提高前端性能,也会做一些性能优化的工作,比如图片懒加载,预加载,接口预发等。
1、独立开发步步鸡PC站。
2、前期两人后期本人开发步步鸡m站及公众号活动页。
3、和另一位同事一起开发步步鸡小程序。
4、根据sketch文件导图,切图。
5、开发项目内的组件,二次开发开源UI组件。
6、不断优化页面性能和框架。
7、从0开始搭建项目的框架。