前言

在很多场景下我们需要展示一串数字，这串数字可以是写死固定在页面上的，也可以是动态刷新实时请求的，还有一些是根据用户的交互产生变化的数字。之前我们网站在数字发生变化时是用anime.js做的类似于这样的一种动画：

用anime.js做这种动画的其中一个缺点就是：数字中间不能像上面那张图一样有逗号。就可以简单的理解为必须是number类型的值，字符串'6,000.00'这种就不行。当然我们可以为每一串或者每一个数字单独应用效果，只不过效果没有上图那么好罢了，大概效果类似于这样：

估计支付宝也是遇见了跟我们同样的问题，显示在页面上的内容看起来像是数字，但实际上确是字符串，只能用类似于split一样的方法找到逗号和小数点的位置进行分割，然后再把得到的数字字符用parseInt解析成数字类型然后再应用这种效果。

产品那边对这种效果一直不是很满意，终于在一次开会时：

产品组：我们本期的主要任务是要优化交互体验，大家用过饿死了么？他们的软件在数字这方面有这样的一种效果：

开发组：你这啥欣赏水平啊？想要改成它们这个*样？

产品组：当然不是，只是给大家看这种效果，刚才那个效果可能不太好，那我们再给大家换一个页面看看吧：

开发组：。。。

你要是实在闲的没事干就去打扫打扫卫生吧！别想起一出是一出了，网站用户迟早让你给搞到流失没了…

产品：哎呀不是！我想要的效果没有这么难看！只是这个效果让我想起了老虎机

产品经理：能不能让这串数字滚动起来？相关推荐

产品经理，业务或产品意识
互联网产品的运营指标- http://blog.csdn.net/ZLJ925/article/details/78606814 产品经理之产品运营-全栈工程师 - http://blog.csdn ...
linux mipi驱动分析_寒武纪社招内推数字IC设计、DSI驱动、软件架构、产品经理、芯片架构、工具链开发、深度学习、FAE工程师...
点击上方蓝字关注我吧! 为什么内推更靠谱?内推是基于人脉关系链的推荐,其背后有一定的信用背书,靠谱的人推荐的人相对也会比较靠谱,所以企业一般职位都是从内部开始分享的,相较于自己海投简历,内推的效率和成 ...
用数字说话：产品经理如何处理工作中的突发事件
在日常工作中,我认为有且仅有以下3种情况: 制定工作计划: 处理工作计划中的事件: 处理突发性事件(计划外事件,如参加临时举行的会议.需紧急回复的邮件等). 在每天繁忙的工作中,我们免不了会遇到各类突 ...
产品经理岗位将要消亡？后端PM表示别瞎焦虑了
PMCAFF(www.pmcaff.com):互联网产品社区,是百度,腾讯,阿里等产品经理的学习交流平台.定期出品深度产品观察,互联产品研究首选. 外包大师(www.waibaodashi.com): ...
AI商业产品经理：我眼中的AI简史
导语:ABC时代(AI+BigData+Cloud),作为腾讯云大数据及人工智能产品中心的一员,也算是站在了toB+ABC的"腾讯风口".分享一些在AI领域作为一名商业产品经理的心 ...
产品经理必读：用户场景分析的四要素
导读:用户场景是指用户在不同时间.地点.环境下引发的不同心境.行为或需求,其实就是指用户在某个环境中会触发并完成某个任务. 作者:朱军华来源:大数据DT(ID:hzdashuju) 假如让你列举一下 ...
微信老外产品经理：《中国移动应用设计趋势》
编者按:本文作者 Dan Grover 是一名产品设计师.工程师和企业家,现在是腾讯微信项目的产品经理.2014年底,他写过一篇<中国移动应用设计趋势>,引起了大家的广泛关注,时隔一年多 ...
微信产品经理-张小龙：如何把产品做简单
今天从一个小故事开始讲:为什么苹果的手机只有一个按钮? (台下:我觉得对于用户来说,只有一个按钮不会有太多的干扰,只要从这里开始,其它的菜单都在这里面了,这是我个人的一些想法.) 上次在分享的时候 M ...
产品经理进修第一天产品经理的定位和合作
开篇词 | 打造千万用户的世界级产品每次朋友聚会,甭管是高雅的奶酪红酒派对还是啤酒撸串,大家一见到我,总是会眉飞色舞地跟我吐槽,说我们刚刚发布的产品哪里哪里不好用,或者哪里哪里好玩得不得了:甚至和六 ...

产品经理：能不能让这串数字滚动起来？

前言

产品经理：能不能让这串数字滚动起来？相关推荐

最新文章

热门文章