目前流行的组件库有哪些?CSS,JS各有哪些流行的库?

修真院小课堂 - 目前流行的组件库有哪些CSS,JS各有哪些流行的库?

目录
1.背景介绍
2.知识剖析
3.常见问题
4.扩展思考

5.参考文献

6.更多讨论

1.背景介绍

 什么是库,什么是框架

         库:库是有用功能的有组织的集合。库的典型功能包括处理字符串,日期,HTML DOM元素,事件,Cookie,动画,网络请求等。每个函数将值返回给调用应用程序,但是你可以从中选择参数来应用。库是更多是一个封装好的特定的集合,提供给开发者使用,英文的特定而且于某一方面的集合(方法和函数),库没有控制权,控制权在使用者手中,在库查询中需要的功能在自己的应用中使用,我们可以从封装的角度理解库。

        框架:框架顾名思义就是一套架构,会基于自身的特点向用户提供一套相当于叫完整的解决方案而且控制权的在框架本身,使用者要找框架所规定的某种规范进行开发框架。是一个应用程序的骨架,它要求你以特定的方式处理软件设计,并在某些点插入自己的逻辑。通常框架提供事件。  存储和数据绑定等功能。

2.知识剖析

   1. WeUI 
          WeUI是一套同微信原生视觉体验一致的基础样式库,微由官方信设计团队为微信内|网页微状语从句:信小程序量身设计,令用户的使用感知更加统一。https://weui.io / 

  2. MDUI
         相比国外框架,MDUI更多重要中文排版,提供全中文文档,中文社区。组件丰富MDUI包含了20余个组件,且每个组件都可以适应不同主题。国内开发的mdui基于material- ui开发的.MDUI是一套用于开发Material Design网页的前端框架
  https://www.mdui.org/

 3. Amaze UI 
          Amaze UI  称为妹子UI的开源框架,据称是中国首个开源HTML5跨屏前端框架。妹子UI以移动优先为理念,从小屏逐渐到大屏,实现响应式网页.Amaze UI包含20个以上的CSS组件,20 +个JS组件,更多多个包含不同主题的Web组件。相比国外框架,妹子UI关注中文排版提供本地化支持。面向HTML5开发,使用CSS3来实现动画交互,轻量级高性能
.http:  //amazeui.org/

4.蚂蚁设计 
           一个服务于企业级产品的设计体系,基于“确定”和“自然”的设计价值观和模块化的解决方案,让设计者专注于更好的用户体验。 https://ant.design / index-cn 
 5. Easy UI
           easyui是基于jQuery和Angular的用户界面组件的集合.easyui提供了构建现代互动的JavaScript应用程序的基本功能。使用easyui你不需要编写很多的JavaScript代码,通常通过编写一些HTML标记来定义用户界面
 .http://www.jeasyui.com/

6. Bootstrap  
           简洁,直观,强悍的前端开发框架,让web开发更迅速,简单
.http://www.bootcss.com/ 

7. Foundation
            Foundation框架总体来看要比Bootstrap略显高大上一点,但他们俩的设计理念都是非常清楚的, Bootstrap有引导的意思,它尝试处理你项目中的一切所需注册有基础,地基及支柱的意思,给你项目中强有力的创造与支持。相对于引导丰富的组件及插件,提供基金会仅了有限的几种元素,其目标是,即使你使用预定义的UI元素,也不应该与大家的网站长得太像。而引导则致力于提供所有定义好的元素,这样使得看起来许多网站都差不多。基础默认不带图标集,它推荐使用开源字体图标。与引导一样,基金使用网格流式布局将网页划分为12列,针对不同的设备显示不同的列数,实现响应式布局。
https://foundation.zurb.om/sites.html

8. jQuery
            jQuery是最常用的JavaScript库,它革命性的在客户端开发,将CSS选择器引入到DOM节点检索加链接来应用事件处理程序,动画和Ajax调用.jQuery近年来备受青睐,对于很一个需要的JavaScript的功能的项目来说,jQuery的的绝对是一个可行的选择。
 https://jquery.com/

9.阵营
         阵营起源于实的内部项目,因为该公司对市场上所有的JavaScript MVC框架,都不满意,决定就写自己 一套用来架设的Instagram的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了.React声称的英文一个用于构建用户界面的的JavaScript库,它专注于MVC开发的“视图”部分,并且可以轻松创建保留状态的UI组件。它是实现虚拟DOM的第一个库,内存结构计算差异,有效地更新页面
 .https: //reactjs.org/

10.Angular
          AngularJS [1]诞生于2009年,由Misko Hevery等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中
 .11.Vue

           Vue.js是一个构建数据驱动的网页界面的渐进式框架。由在美的谷歌工程师尤雨溪开发.Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件它不仅仅是易于上手,还便于与第三方库或既有项目整合.Vue.js自身不是一个全能框架-它只聚焦于视图层因此它非常容易学习,非常容易与其它库或已有项目整合另一方面,在与相关工具和支持库一起使用时,Vue.js也能完美地驱动复杂的单页应用.https://cn.vuejs.org/ 

12.Backbone

            支持jquery,自带路由,对象化视图,强大的同步机制减少页面大小从而加快页面显示   .http //backbonejs.org/ 

13.Ember

         一个用于创建web应用的JavaScript MVC框架,采用基于字符串的句柄条模板,支持双向绑定,观察者模式,计算属性(依赖其他属性动态变化),自动更新模板,路由控制,状态机等  .Ember公司使用自身扩展的类来创建灰烬对象,数组,字符串,函数,提供大量方法与属性用于操作 .https://www.emberjs.com/

3.常见问题

库和框架区别?

4.扩展思考

         从网页开发人员的角度:库可以很容易地被另一个库替换但框架不能 。如果您不喜欢的jQuery的日期选择器库,则可以使用其他日期选择器替换,例如引导日期选择器或pickadate  如果您不喜欢构建产品的AngularJS,则不能只替换任何其他框架您必须重写整个代码库与框架相比,大多数库的学习曲线要少得多例如:underscore.js是一个库,Ember.js是一个框架。库是您从代码中调用的模块,框架是调用代码的模块。这仅仅是一个集合的例程(函数式编程)或类定义(面向对象编程)。背后的原因只是代码重用,即获取已由其他开发人员编写的代码。类或例程通常在特定于域的区域中定义特定操作。例如,一些有数学库可以让开发人员只需调用函数而无需重做算法如何工作的实现。在框架中,所有的控制流都已存在,我们并且应该用我们的代码填写回复时一堆预定义的白 。框架通常更复杂。它定义了一个框架,应用程序定义了自己的特征以填充框架。通过这种方式,适当时框架将调用您的代码。好处是开发人员不需要担心设计是否良好 而只需要实现特定于域的功能

5.参考文献

       参考资料:HTTPS://blog.csdn.net/bluesky1215/article/details/68922920
   参考资料:HTTPS://stackoverflow.com/questions/148747/what-is-the-difference-between-a-framework-and -a-库?noredirect = 1&LQ = 1
            

6.更多讨论



猜你喜欢

转载自blog.csdn.net/qq_41459038/article/details/80929036