前端有很多优美的框架和库,以及一些资源很多的网站和博客,今天我准备和大家分享分享

    框架

    库

    插件

    工具

    网站

(由于Vue和React的UI库比较多,我将在下一篇文章中展示)

框架

  Vue:

      Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。

      Vue 被设计为可以自底向上逐层应用。

      Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

      与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动

      链接:https://cn.vuejs.org/v2/guide/index.html

  React:

      React 是一个用于构建用户界面的 JAVASCRIPT 库。

      React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。

      React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。

      React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它

      链接:https://react.docschina.org/

  React Native:

      React Native使你只使用JavaScript也能编写原生移动应用。它在设计原理上和React一致,通过声明式的组件机制来搭

      建丰富多彩的用户界面。

      最终产品是一个真正的移动应用,从使用感受上和用Objective-C或Java编写的应用相比几乎是无法区分的。 React

      Native所使用的基础UI组件和原生应用完全一致

      链接:https://reactnative.cn/

  angular:

      完全使用JavaScript编写的客户端技术。同其他历史悠久的Web技术(HTML、CSS和JavaScript)配合使用,使Web应用

      开发比以往更简单、更快捷

      AngularJS主要用于构建单页面Web应用。它通过增加开发人员和常见Web应用开发任务之间的抽象级别,使构建交互式的

      现代Web应用变得更加简单。

      AngularJS的开发团队将其描述为一种构建动态Web应用的结构化框架

      AngularJS使开发Web应用变得非常简单,同时也降低了构建复杂应用的难度。它提供了开发者在现代Web应用中经常要用

      到的一系列高级功能

      链接:https://angularjs.org/

  Flutter:

      Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。

      Flutter可以与现有的代码一起工作。

      Flutter是完全免费、开源的

      Flutter是一款移动应用程序SDK,一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序

      链接:https://flutterchina.club/

  Taro(泰罗):

      一套遵循React规范的多端统一开发框架(京东的凹凸实验室开发)

      可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信/百度/支付宝/字节跳动小程序、

      H5、React-Native 等)运行的代码

      全面支持TypeScript

      链接:https://taro.aotu.io/

  Chameleon(变色龙):

      多端统一开发框架,“一端所见即多端所见”,你只需开发一次就能跑所有端(滴滴开发)

      独创强大的跨多端语法检查功能

      独创多态协议,轻松维护一套代码实现跨多端

      一键导出原生组件无污染引用原生组件

      链接:https://cml.js.org/#/

  UIkit:

     UIkit 是 YOOtheme 团队开发的一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。

      UIKit提供了全面的HTML、CSS及JS组件,它们使用简单,容易定制和扩展。

      基于LESS开发,代码结构清晰简单,易于扩展和维护,并且具有体积小、反应灵敏的响应式组件,

      你可以根据 UIKit 基本的风格样式,轻松地自定义创建出自己喜欢的主题样式。

      链接:http://www.getuikit.net/

  layUI:  

      layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,

      门槛极低,拿来即用。

      非常适合界面的快速开发。

      她区别于那些基于 MVVM 底层的 UI 框架,却并非逆道而行,而是信奉返璞归真之道。

      准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,

      让一切你所需要的元素与交互,从这里信手拈来 

      layui 兼容人类正在使用的全部浏览器(IE6/7除外),可作为 PC 端后台系统与前台界面的速成开发方案。 

      其独立组件layer 作为 layui 的一个弹层模块,是国内最多人使用的弹层模块

  Amaze UI:

      是一个轻量级(所有 CSS 和 JS gzip 后 100 kB 左右)、 Mobile first 的前端框架, 基于开源社区流行前端框架编写

      以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流

      面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。

      

  ramda:

     一款实用的 JavaScript 函数式编程库

      链接:http://ramda.cn/docs/

   lodash:

      是一个一致性,模块化,高性能的JavaScrip使用工具库

      链接:https://www.lodashjs.com/

   Moment:

      一个Javascript时间日期处理类库(大小约200多Kb)

      链接:https:http://momentjs.cn/   

  DayJS:

      一个轻量级的Javascript时间日期处理类库(大小约7kb)

      链接:https://www.npmjs.com/package/dayjs

   

插件

  Swipper:

      Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。

      Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。

      Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!

      链接:https://www.swiper.com.cn/

  Sortable.js:

      是一款轻量级的拖放排序列表的js插件(虽然体积小,但是功能很强大)

      链接:https://www.npmjs.com/package/sortablejs

工具:

  飞冰(ice):

      Iceworks工具,这是一个图形化界面的开发平台,它承载了ICE的物料体系和开发体验,飞冰(ICE)是一套基于React的中后台应用解决方案

      特意吹两句,开源没有多久,但是十分好用

      链接:https://alibaba.github.io/ice/