近来组件库 N3 支撑了 vue 2.0 ，而且做了功用的晋级， 文档看这里 https://n3-components.github….

下文不议论 vue 这门手艺，我盘算从组件的设想以及一些细节来谈谈组件库这件事。

UI组件库是什么？
浏览器的UI组件是 web 顺序中离用户近来的功用性部件，交互基本都经由历程它们完成。

由于浏览器供应的原生组件数目有限，又存在许多限定，所以我们须要更雄厚的ui组件来协助我们的运用打破边境，更好的与用户沟通。

跟着 web 的兴起，大批的网页顺序涌现，种种组件也被设想出来，好的，用户接收的，喜好的组件设想被留下来，用户认为难用的，变扭的组件设想就被镌汰。

这些被留下来的，运用场景比较普遍，功用性强，比较有用的组件们被放到了一同构成一个组件库，1.轻易我们运用 2.一致界面风格 3.一致管理(保护和晋级)

基本组件

我认为基本组件的功用已比较明白了，应该有个范例，包含所须要完成的功用，接口以及表现等，组件开辟者都根据这个范例开辟，进步效力。

基本组件是只要很明白的功用，他只完成他的任务，不该该有太多主意。

组件细节

举几个例子来谈谈组件设想和细节

固钉: 当迁移转变条滑动，固钉元素划出视界时刻，我们愿望它能依然钉在那边，展如今视界内。完成能够就是监听迁移转变事宜，然后设置元素的定位，当元素设置为 position:fixed 的时刻，由于其离开文档流，页面的别的元素能够会上移，那在本来的位置安排一个一样高宽的占位元素就可以防止发抖。

按钮：按钮的设想是拟物而来，然则跟着扁平化设想盛行已久，如今的按钮基本已被拍扁，用户也已习气。N3 也是顺从扁平化的设想，但在按钮上，我给他的按压状况添加了内部暗影，试图营建一种软按钮的按压结果，看起来不那么扁平。

时候挑选: 在 N3 中，时候挑选器用了一个滑块的设想，我认可这是一个低效的设想，直接用数字的迁移转变能让用户更快到达目标。在钟表中，迁移转变旋钮来拨动指针，那是我会很细致，由于不容易。时候挑选是个得出准确值的操纵，愿望借此提示用户郑重操纵，也让历程不那么无趣。

以上是我在写 N3 历程当中的一些主意, N3 还须要不断完善， 也会继承和人人一同交换分享。

谢谢 @x-cold , @Dafrok ,@chanyying 三位对 N3 做出的孝敬

2017 人人一同加油: )