最近组件库N3支持vue2.0,功能升级。文档在这里https://n3-components.github....下面我就不讲vue的技术了,打算从components的设计和组件库的一些细节说起。什么是UI组件库?浏览器的UI组件是web程序中离用户最近的功能组件,交互基本都是通过它们来实现的。由于浏览器提供的原生组件数量有限,有很多限制,所以我们需要更丰富的UI组件来帮助我们的应用突破边界,更好地与用户沟通。随着web的兴起,出现了大量的web程序,设计了各种各样的组件。好吧,用户接受和喜欢的组件设计被保留,用户友好和扭曲的组件设计被淘汰。留下这些,使用场景广泛,功能强大,比较实用的组件放在一起,形成一个组件库,1.方便我们使用2.统一界面风格3.统一管理(维护升级)基础组件我觉得基础组件的功能比较明确,应该有一个规范,包括需要的功能,接口,性能。组件开发人员应遵循此规范以提高效率。基本组件只有非常明确的功能。他只是完成了自己的使命,不应该有太多的要求。ComponentDetails举几个例子来说说组件设计和pin的细节:当滚动条滑动,pin元素拉出view的时候,我们希望它还能固定在那里,显示在view中。实现方式可能是监听滚动事件,然后设置元素的定位。当元素设置为position:fixed时,页面上的其他元素可能会向上移动,因为它不在文档流中。位元素,以避免抖动。按钮:按钮的设计来源于拟物,但由于扁平化设计流行已久,现在的按钮基本都扁平化了,用户也已经习惯了。N3同样沿用了扁平化的设计,但是在按键上,我在按下状态下添加了一个内阴影,试图营造出一种柔和的按键按下效果,看起来没有那么扁平。时间选择:在N3中,时间选择器采用了滑块设计。我承认这是一个低效的设计。直接滚动数字可以让用户更快地达到他们的目标。在时钟中,转动旋钮来移动指针是我会非常小心的事情,因为这并不容易。时间选择是一种获取精确值的操作。我们希望提醒用户谨慎操作,让过程不那么枯燥。以上是我在写N3过程中的一些想法。N3还需要不断完善,我会继续和大家交流分享。感谢@x-cold、@Dafrok、@chanyying对N32017的贡献让我们一起努力:)
