产物司理或者须要懂得第1个技能学识点：为甚么前端人员要操纵控件、组件、UI框架？操纵的便宜是甚么？
1.组件观点及其效用2.控件先容3.前端UI框架先容4.干流前端UI框架先容5.单方不可熟的小倡议1.组件观点极端先容开辟进程中有意候页面代码量太大，逻辑太多或者统一个成效在很多页面均有操纵，维持起来相当繁杂。这个功夫，就须要将类似逻辑、成效的代码施行组件封装，已抵达组件通用性，巩固代码可读性，维持成本也能大大低落。
组件是对数据和法子简捷的封装，占有本人的属性和法子。在页面中，数据源于HTML布局中的文字、图片、链接、按钮、表单位素等；CSS展现页面布局和气概；JS则展现了行为和成效，比方选中、显示、潜伏等等。
(关于html、css、js不懂得的同砚，请移步此篇"带你从头懂得身旁的前端工程狮"观察)
前端组件即是构成页面体例的零件，它是HTML布局、CSS模式、JS成效的归纳体。细致，不是任何一段HTML标签均也许叫做组件。
前端开辟经罕用到组件有：按钮、表格、表单、动静提醒、Banner切换、图片播放、导航菜单、选项卡、右键菜单、树形菜单等等。
(ElementUI按钮组件)
(ElementUI动静提醒组件)
举个详细的例子，众人都懂得图片轮播成就大体可分为：高低轮播、左右轮播、显示/潜伏等成就。前端开辟也许将这三种轮播方法成效封装成一个大家组件。
比及用的功夫直接挪用轮播组件，分外传入不同参数代表不同的轮播方法；统一个页面理睬存在多个不异组件，互不影响各自的交互成就。组件的特征以下所示：
(1)组件具备交互性和自力性，统一个页面理睬存在多个不异控件，且互不影响各自的交互成就(2)组件的字段是可摆设的，用户可按照本人须要自行定制。(3)组件占有本人的字段、属性、法子和变乱。第三点咱们仍然用上头轮播例子来做表明：轮播能否主动切换、主动切换的工夫分开等属于组件属性；点击左右箭头施行图片切换的行为即是组件的法子；轮播切换进程中，展现暂时某一张图片刻会触发变乱，经过这个变乱能拿到该图片的干系讯息。
组件化很大水平上低落系统各个成效的耦合性，况且擢升了成效内部的齐集性。这对前端工程化及低落代码的维持来讲，是有很大的便宜的，耦合性的低落，擢升了系统的舒展性，低落了开辟的繁杂度，擢升开辟效率，低落开辟成本。
2.控件先容
控件跟组件的观点根底一致，然则控件的条理会更高一点，它是供应或实行用户界面成效的组件。从某种意义上来讲，控件是组件的实行，组件是控件的底细，控件是带有交互成就的。
咱们也许说控件即是组件，然则反过来就不肯定，控件不过组件中具备本质管制交互成效的部份。
3.前端UI框架先容
组件库基于组件也许封装齐集构成，自然前端办事者也也许自界说组件，构成本人的组件库。
直白来讲，组件库就像通常家里的东西箱，内部有起子、锤子、锯子，咱们也许经过这些东西箱来建造玩物，以至咱们也许本人建造一些东西，便利咱们往后建造玩物。
前端UI框架：框架顾名思义即是一套架构，也是一套准则，会基于本身的特征向用户供应一套相当完全的管理计划，况且管制权的在框架本人，操纵者要找框架所规矩的某种标准施行开辟。
而库的管制权在操纵者手中，本来框架和库瓜葛仍然很慎密的，他们以齐集的气象让前端人员在所要开辟的运用中操纵。
举个简捷的例子，框架更像是咱们玩的乐高，也许按照本人的须要主意，肆意组装百般百般的模子。咱们跟其余玩乐高的人，拿得手上的小模块都是相同的，咱们很难本人去变换，相当因而一套操纵准则。
4.干流前端UI框架先容
UI框架寻常前端人员用的对比多，开辟进程中公道操纵UI框架，能大大的收缩开辟工夫，节减代码量，使开辟者更潜心于营业和效劳端，轻便实行界面开辟，带来绝佳的用户体会。
(1)Bootstrap
Bootstrap是由Twitter的MarkOtto和JacobThornton开辟的，在年8月在GitHub上宣布的开源产物，用于开辟反响式布局、挪移征战优先的WEB项目。
便宜是经过统一份代码赶快、有用适配手机、平板、PC征战。
华文网址：