前端有很多优美的框架和库,以及一些资源很多的网站和博客,今天我准备和大家分享分享
(由于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/
网站
SegmentFault思否): 链接:https://segmentfault.com/
掘金:
链接:https://juejin.im/timeline
博客园:
链接:https://www.cnblogs.com/
CSDN:
链接:https://www.csdn.net/
W3School:
链接:http://www.w3school.com.cn/
51CTO:
链接:http://www.51cto.com/
小老弟,看完了?看完了能不能给个推荐或者赞啊,躺等一手