众安科技孵化的企业连陌科技以区块链防伪溯源为核心技术理念,开发了步步鸡这款明星产品,通过鸡上绑定的二维码扫描了解步步鸡的运动轨迹,通过摄像头拍摄的视频了解步步鸡每天的活动习性,我们安链云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活动,大转盘抽奖和老虎机活动页,拼图游戏等等,为了提高前端性能,也会做一些性能优化的工作,比如图片懒加载,预加载,接口预发等。声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论