我敢打赌，这周你在工作中，物联网模块，可能在大多数工作周都经历过这样的事情：感觉事情有点一团糟。你看看其他的公司，他们似乎都明白了。从外表看，也许你也是。希望你的营销网站能让你看起来不错。你的博客展现了你的人民敏锐、机智和洞察力。也许你甚至会写一些书来说明它是如何完成的。但当你拉开帷幕，构建云服务器，我们如何创造这些东西几乎总是一团糟。我们经常忘记这一点。但事实上，物联网是学什么的，这种混乱是必要的，并且有可能适应这种混乱并用它来改进你所构建的产品。这篇文章是作为2016年内部对讲机世界巡演的演讲开始的。有兴趣在今年的舞台上看到我们吗？2017年巡演的门票现在正在销售。把信使搞砸了在对讲机上，电子商务数据分析，我们在为我们的Messenger做重大更新时遇到了这个问题。Messenger是我们产品的一部分，位于客户的网站和应用程序上。这是他们与客户沟通的方式。我们正在做的事情之一是下面的动画。这是一个简单的滚动显示动画，可以在网络，企业管理类软件，iOS，Android上运行。@关键帧音量小波浪闪光灯{0%{不透明度：0；}33%{不透明度：1；}66%{不透明度：1；}{100}不透明度}@关键帧音量大波浪闪光灯{0%{不透明度：0；}33%{不透明度：1；}66%{不透明度：1；}{100}不透明度}.音量小波浪{动画：音量小波浪闪光灯2s无限；不透明度：0；}.音量-大波{动画：音量大波浪闪光灯2s无限.3s；不透明度：0；}0:12分#wistia_chrome_26#wistia_grid_32_wrapper.w-css-reset{font-尺寸：14px；}#wistia_chrome_26#wistia_grid_32_包装器div.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装器span.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装ul.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_wrapper li.w-css-reset{框-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装标签。w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本装饰：无；文本-变换：无；文本阴影：无；t翻译：无；换行：normal；-webkit点击突出显示-颜色：rgba（0,0,0,0）；-webkit用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装器按钮。w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本装饰：无；文本-变换：无；文本阴影：无；t翻译：无；换行：normal；-webkit点击突出显示-颜色：rgba（0,0,0,0）；-webkit用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装图像w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装a.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装器svg.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装p.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#紫藤逯chrome_26#wistia_grid_32_包装a.w-css-reset{边框：0；}#wistia_chrome_26#wistia_grid_32_包装器h1.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：2em；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装h2.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：1.5em；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#wistia_chrome_26#wistia_grid_32_包装h3.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：1.17em；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿}#紫藤趶铬趶紫藤趶网格_32_包装p.w-css-reset{边距：1.4em 0；}#紫藤逯chrome_26#wistia_grid_32_包装a.w-css-reset{显示：内联；}#wistia_chrome_26#wistia_grid_32_包装器span.w-css-reset{显示：内联；}#wistia_chrome_26#wistia_grid_32_包装器svg.w-css-reset{显示：内联；}#wistia_chrome_26#wistia_grid_32_包装ul.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-环绕：正常；-网络套件点击高亮颜色：rgba（0,0,0,0）；-网络工具包用户-选择：无；-webkit字体平滑：抗锯齿；列表样式-类型：无}#wistia_chrome_26#wistia_grid_32_包装ol.w-css-reset{box-调整大小：继承；长方体阴影：无；颜色：继承；显示：块；浮点数：无；字体：继承；字体-族：继承；字体样式：普通；字体-粗细：普通；字号：继承；字母-间距：0；行高：继承；边距：0；最大高度：无；最大-宽度：无；最小高度：0；最小值-宽度：0；填充：0；位置：静态；文本-d生态：无；文本转换：无；文本-阴影：无；过渡：无；字-包装：诺玛