• 前端框架结合


    Framework7

    Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。

    Framework7 最主要的功能是可以使用HTML、CSS和JS来开发iOS7应用。Framework7 是完全免费开源的。

    Framework7 并不能兼容所有的设备。她只专注于为 iOS 和 Google Material 设计提供最好的体验。

    http://www.framework7.cn/

    http://docs.framework7.cn/Index/form_elements.html

    SUI mobile

    SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。

    http://m.sui.taobao.org/

    MUI

    最接近原生APP体验的高性能前端框架

    Sea.js

     追求简单、自然的代码书写和组织方式

    更多信息:http://www.admin5.com/article/20160112/642447.shtml

    2015年已经过去了,作为一个亲历前端开发多年的开发者,目睹和见证了前端开发从最初的Javascript 语言类库到HTML5标准定稿后带来的Web Components 跨终端组件的快速发展。

      随着Web 越来越规范和标准的统一,Web组件化技术不断革新以及移动端开发不断升华的今天,我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点,希望这些与时俱进,具有行业代表性的项目能够越来越好,帮助到更多的前端开发者们。

      此榜单根据github上star数作为排名依据,一个人力量有限,如果收集有遗漏欢迎补充。(榜单中大部分为组件式框架,react、Angular等基础框架不在此篇讨论)

      1、 名称:Bootstrap

      

    1

      类别/语言:HTML、CSS、JavaScript

      创建者:Twitter

      人气:在Github上有91007 stars

      描述:主流框架中毋庸置疑的老大,Bootstrap 是基于 HTML、CSS、JavaScript的,它简洁灵活,使得 Web 开发更加快捷。

      核心概念/原则: RWD 和移动优先制。

      浏览器支持: Firefox, Chrome, Safari, IE8+ (你需要 Respond.js forIE8)

      响应式: Yes

      模块化: Yes

      2、名称:html5-boilerplate

      类别/语言:HTML、CSS、JavaScript

      创建者:Paul Irish

      人气:在Github上有32,349stars

      描述:HTML5 Boilerplate 帮你构建快速, 健壮, 并且适应力强的web app或网站。

      核心概念/原则:响应式

      浏览器支持:Firefox, Chrome, Safari, IE8+,Edge,Opera

      预处理器:None

      响应式:Yes

      模块化:Yes

      3、名称:Meteor

      类别/语言:HTML、CSS、JavaScript

      创建者:immir

      人气:在Github上有31,092 stars

      描述:Meteor是新一代的开发即时web应用的开源框架,它能帮助你在最少的时间内完成开发。

      核心概念/原则:响应式

      预处理器: Less

      响应式: Yes

      模块化: Yes

      4、名称:Semantic UI

      类别/语言:HTML、CSS、JavaScript

      创建者: Jack Lukic

      人气: 在Github上有22,325 stars

      描述: “基于自然语言有效原则的UI组件框架”

      核心概念/原则: 语义,标签的矛盾性、响应式

      浏览器支持:Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only),Android 4, Blackberry 10。

      预处理器: Less

      响应式: Yes

      模块化: Yes

      5、名称:Foundation

      类别/语言:HTML、CSS、JavaScript

      创建者: ZURB

      人气: 在Github上有22,206+ stars

      描述: “世界上最优秀的响应式前端框架”

      核心概念/原则: RWD 、手机优先、语义的

      浏览器支持: Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+

      预处理器: Sass

      响应式: Yes

      模块化: Yes

      6、名称:Materialize

      

    2

      类别/语言:CSS

      创建者:Google

      人气:在Github上有15,288stars

      描述:Materialize是一个个基于材料设计的一个现代化的响应式前端框架。他们做了最繁重的工作,为您提供默认的样式,结合了您的自定义组件。此外,他们还改进动画和过渡,为开发人员提供流畅的体验。

      核心概念/原则:响应式

      预处理器:Sass

      响应式:Yes

      模块化:Yes

      浏览器支持:Chrome 35+, Firefox 31+, Safari 7+, IE 10+

      7、名称:Pure

      类别/语言:CSS

      创建者: Yahoo

      人气: 在Github上有13,161 stars

      描述: “您可以在每一个web项目中使用的一组小的和响应式的CSS模块”

      核心概念/原则:SMACSS,极简的.

      浏览器支持:Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x

      预处理器: None

      响应式: Yes

      模块化: Yes

      8、名称:Vue

      类别/语言:CSS、JavaScript

      创建者:尤雨溪

      人气:在Github上有12,214stars

      描述:Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。

      核心概念/原则:响应式

      浏览器支持:Firefox, Chrome, Safari, IE9+,Android4.2+,iOS 7+

      预处理器:None

      响应式:Yes

      模块化:Yes

      9、名称:Skeleton

      类别/语言:CSS、JavaScript

      创建者:Dave Gamache

      人气:在Github上有10,622stars

      描述:Skeleton 是一个小的 JS 和 CSS 文件的集合,可帮你快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。

      核心概念/原则:响应式

      浏览器支持:Firefox, Chrome, Safari, IE10+,Opera

      预处理器:None

      响应式:Yes

      模块化:Yes

      10.名称: Amaze UI

      

    3

      类别/语言:HTML、CSS、JavaScript

      创建者:云适配

      最后更新时间:2015年12月

      人气:在Github上有6425 stars

      描述:Amaze UI是国内首个开源HTML5跨屏前端框架产品系列,中文排版支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。其中,Amaze UI Touch可以帮助开发者通过丰富的组件,快速构建出与原生APP相媲美的专属移动端的HTML5应用。

      核心概念/原则:组件化、移动优先、轻量级、高性能。

      浏览器支持: Firefox, Chrome, Safari, IE8+

      响应式: Yes

      模块化: Yes

      11、名称:UIkit

      类别/语言:HTML、CSS、JavaScript

      创建者: YOOtheme

      人气: 在Github上有6,050+ stars

      描述: “一个轻量级的和模块化的前端框架,用于快速开发和功能强大的web接口。”

      核心概念/原则:RWD, 手机优先.

      预处理器: Less, Sass

      响应式: Yes

      模块化: Yes

      浏览器支持: Chrome, Firefox, Safari, IE9+

      12、名称:Yui

      类别/语言:CSS、JavaScript

      创建者:Yahoo

      人气:在Github上有3,200+stars

      描述:Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证

      核心概念/原则:响应式

      预处理器: None

      响应式:Yes

      模块化:Yes

      浏览器支持:Firefox, Chrome, Safari, IE10+,Opera

      13.名称:kissy

      类别/语言: JavaScript

      创建者:淘宝前端

      最后更新时间:2015年7月

      人气:在Github上有2035 stars

      描述:KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。

      核心概念/原则: 模块化,跨终端,高扩展性

      模块化: Yes

      14.名称:MUI

      类别/语言: HTML、CSS、JavaScript

      创建者:Dclould

      最后更新时间:2016年1月

      人气:在Github上有2012 stars

      描述:MUI-最接近原生App体验的前端框架框架。

      核心概念/原则: 多端发布、高性能

      响应式: NO

      模块化: Yes

      15.名称:Arale

      

    4

      类别/语言: JavaScript

      创建者:支付宝前端

      最后更新时间:2015年7月

      人气:在Github上有1252 stars

      描述:Arale 是一个开放、简单、易用的前端基础类库。

      框架大小:未知

      核心概念/原则: 开放、简单、易用

      浏览器支持:Firefox, Chrome, Safari, IE6+

      响应式: Yes

      模块化: Yes

      16.名称:JX

      类别/语言:Javascript

      创建者:腾讯前端

      最后更新时间:2015年12月

      人气:在Github上有952stars

      描述:JX 是模块化的非侵入式Web前端框架,特别适合构建和组织大规模、工业级的Web App。

      核心概念/原则: 保持最优执行效率

      浏览器支持:兼容主流浏览器

      模块化: Yes

      17.名称:GMU

      类别/语言:HTML、CSS、JavaScript

      创建者:百度前端

      最后更新时间:2015年12月

      人气:在Github上有940stars

      描述:GMU是基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件! Web App。

      核心概念/原则: 简单易用、轻量级

      模块化: Yes

      18.名称:ZUI

      类别/语言: HTML、CSS、JavaScript

      创建者:蝉道

      最后更新时间:2015年7月

      人气:在Github上有616 stars

      描述:开源HTML5前端框架

      核心概念/原则:简单易用、轻量级、易于定制

      浏览器支持:未知

      19.名称:Clouda Touch.js

      

    5

      类别/语言:JavaScript

      创建者:百度云

      人气:在Github上有387 stars

      描述:Touch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。

      核心概念/原则: 无入侵设计、媲美原生的交互、极简的API

      模块化: Yes

      20.名称:Arkui

      类别/语言:HTML、CSS、JavaScript

      创建者:豆瓣

      人气:在Github上有129 stars

      模块化: Yes

  • 相关阅读:
    Redis 7.0 新功能新特性总览
    adb实现钉钉自动打卡 MKY
    vue2+webpack 转 vite
    zsh: command not found:nvm 的解决方案
    SSH keys 生成
    sass(dart sass)和nodesass 的区别以及 /deep/、::vdeep的支持
    nvm(node的版本管理)简介以及nvm管理node的命令介绍
    处理 code.matchAll(...) is not a function 问题
    package.json 里面的~、^
    处理 vite 里面 __require() 方法报错
  • 原文地址:https://www.cnblogs.com/xqschool/p/6307230.html
Copyright © 2020-2023  润新知