咨询电话:400-999-0300
数据抓取系统结构中用户体验设计如何表现

数据抓取系统结构中用户体验设计如何表现


 “摘要:在系统的数据抓取中,体现了人们怎样的用户体验情感,在已有的用户体验设计中,又是如何进行用户体验优化的呢?下面我们将对这个问题进行讨论。”

  一、重置属性为每个组件

    在CSS中,某些属性继承跨节点。例如,如果父节点有一组行高和指定的孩子没有任何关系,它会自动应用作为父有相同的行高。

  在基于组件的体系结构“用户体验设计”中,这并不是我们想要的。想象一个头组件和一个页脚组件与这些样式:
  假设我们呈现一个按钮在这两个组件,突然我们的按钮看起来不同的页眉和页脚页!这不仅是正确的行高:约12个CSS属性将继承,追踪和摆脱这些错误在您的应用程序将会非常困难。
  在世界前端,“用户体验”使用跨浏览器重置样式表规范化的风格是很常见的。受欢迎的选项包括CSS重置,规范化。css和sanitize.css !如果我们接受了这个概念,为每个组件重置吗?

  这叫做一个自动重置,它的存在作为PostCSS插件!如果你添加PostCSS自动重置PostCSS插件,它会这样做究竟:包装当地重置在每个组件,所有可继承的属性设置为默认值覆盖遗产。

数据抓取系统结构中用户体验设计如何表现

  第二个问题与此体系结构相关的数据抓取的用户体验优化。放置你的行为你的组件是有意义的对于大多数行动,但数据抓取本质上是一个全球性的行动,不是绑定到一个单一的组件!
  大多数开发人员目前使用的再现铛来处理数据抓取回来的。一个典型的铛行动会是这样:
  这是一个聪明的方式,允许数据抓取的行动,但它有两个难点:测试这些功能是非常困难的,和,从概念上讲,数据抓取的行动似乎不太正确。
  回来的的一大好处是纯动作创造者,易于测试。当返回的一声从一个动作,突然你必须double-call行动,模拟调度函数,等等。
  最近,一个新的方法已席卷世界的反应:redux-saga。redux-saga利用Esnext发生器函数使异步代码同步,这使得这些异步流很容易测试。传奇背后的思维模式是在应用程序中,它们就像一个单独的线程处理所有异步的事情,ui设计无需其他应用程序!
  不要害怕的样子奇怪的代码:这是一个聪明的方式来处理异步流!

数据抓取系统结构中用户体验设计如何表现

  Esnext发电机不去过去收益率关键字直到generator.next(),此时他们运行功能,直到遇到下一个生成的关键字!通过使用redux-saga效应,我们可以轻松地测试异步事物无需模拟任何和不依赖网络对我们的测试。
  顺便说一下,我们共同部署测试文件的文件我们正在测试,。为什么他们应该在一个单独的文件夹吗?这样,与组件相关联的所有文件是真正在同一个文件夹中,即使我们测试的东西!
  如果你认为这就是redux-saga结束的好处,你就大错特错了!事实上,数据获取的简单,美丽的和可测试的最小可能的好处!
  三、使用REDUX-SAGA砂浆
  我们现在的组件是解耦的。他们不关心其他样式或ue设计;他们只关心自己的生意,几乎。
  想象一个时钟和定时器组件。时钟上的一个按钮被按下时,我们想启动定时器,当定时器上的停止按钮被按下时,你想显示时钟上的时间。

  通常,您可能已经做了这样的:

  二、数据抓取

  上面的代码几乎读起来像一本小说,避免回调地狱,最重要的是,很容易测试。现在,你可能会问自己,为什么用户体验优化容易测试?的原因与我们的测试能力的“影响”redux-saga出口不需要他们来完成。

以上作品由深圳品创设计公司整理发布 版权所有
品创设计专注于用户体验的提升,服务涵盖市场研究、品牌创建、交互体验设计、技术环境开发等范畴,是以用户体验为先的专业服务机构。 八年来积累了大量的行业资源与实践经验,尤其在汽车、金融、医疗、智能等领域表现卓越,拥有极佳口碑。先后服务逾500家客户企业,为其实现产品的飞跃。