修真院小课堂 - 目前流行的组件库有哪些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.扩展思考
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.更多讨论