案例：AlphaoGo向你下战书?你敢应战吗?

出品：SOHU 搜狐

亮点：

1. 策划上，测试类，选择自己所在行业，测试出行业角色的可替代率，还可看到真实人员与人工智能相比，在创新、协作和沟通这三方面所占的比重，在屏幕下方上下滑动，可更改行业角色，看看其他角色的可替代率
2. 设计上， 漫画风格，采用蓝色作为主色调，配以橘红色
3. 技术上，一：加载采用的是预加载库PreloadJS；二：上下滑动切换角色采用是JS滑动插件Swiper，Swiper可单独使用无需jQuery，亦可结合jQuery或者Zepto；在实际的项目中一般采用Swiper与Zepto相结合使用，jQuery与jQuery Mobile相结合使用；三：在创新、协作和沟通这三方面的展现采用Canvas做的图表形式，很形象哦

技术实现： Canvas + jQuery + Swiper（JS滑动插件）+ PreloadJS (预加载库)

案例演示，请长按/扫描以下二维码 ->

识别图中二维码