前端框架整理

前端框架 - 幕布

前端框架

 

• Cash
  • 适用于现代浏览器的荒谬的jQuery替代品
    • Cash是现代浏览器（IE11 +）的一种荒谬的jQuery替代方案，它提供了jQuery样式的语法来处理DOM。利用现代浏览器功能来最小化代码库，开发人员可以在文件大小的一小部分使用熟悉的可链接方法。与jQuery达到100％的功能均等并不是一个目标，但是Cash很有帮助，涵盖了大多数日常用例。
    • https://github.com/kenwheeler/cash
• Zepto
  • 用于现代浏览器的极简JavaScript库，具有与 jQuery兼容的API。 如果您使用jQuery，您已经知道如何使用Zepto。
    • 虽然100％的jQuery覆盖率不是设计目标，但提供的API与jQuery对应的API匹配。我们的目标是拥有一个约5-10k的模块化库，并通过 熟悉且通用的API 快速下载并执行，因此您可以专注于完成工作。
    • https://zeptojs.com/
• mpvue
  • http://mpvue.com/
  • 一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。
• getuikit
  • 一款轻量级、模块化的前端框架可快速构建强大的web前端界面
  • http://getuikit.net/
  • http://getuikit.net/docs/core.html
  • https://github.com/uikit/uikit
• 所有演示应用程序之母
  • “所有演示应用程序之母” —由React，Angular，Node，Django等提供支持的示例性全栈Medium.com克隆
  • https://github.com/gothinkster/realworld
• 一个高效，可表达，可扩展的HTML模板库，用于JavaScript
  • Efficient, Expressive, Extensible HTML templates in JavaScript
  • https://lit-html.polymer-project.org/
  • https://github.com/Polymer/lit-html
• 轻量、简单、好用、灵活的 MVVM 框架。
  • https://yoxjs.github.io/yox/#/
• Minimal templating on steroids
  • 它使用模板和输入对象来生成HTML或其他文本格式。车把模板看起来像带有嵌入的车把表达式的常规文本。
  • https://handlebarsjs.com/
• AppRun
  • AppRun是一个JavaScript库，用于使用Elm启发的体系结构，事件和组件来构建可靠的高性能Web应用程序。
  • AppRun is a JavaScript library for building reliable, high-performance web applications using the Elm inspired Architecture, events, and components.
  • https://apprun.js.org/
  • https://github.com/yysun/apprun-site
  • https://github.com/yysun/apprun
• Storybook是一个开源工具，用于为React，Vue和Angular隔离开发UI组件。它使构建令人惊叹的UI变得井井有条，高效。
  • 更快地构建防弹UI组件
  • https://github.com/storybookjs/storybook
  • https://storybook.js.org
• Material UI 是一套实现了 Google 的 Material Design 全新设计语言的 CSS 框架
  • React components that implement Google's Material Design
  • https://material.io/design/introduction
  • https://reactjs.org
  • https://gitee.com/mirrors/Material-UI
• React
• Angular
• Vue
• Ember
• Web Components
• Meteor
• Blaze
• Vanilla JS
• Next.js
• https://material.io/design/
• Material Components
  • Svelte 3的Material UI组件，可以在您的应用程序中使用
  • https://material.io/components
  • https://getmdl.io/components/index.html
  • https://sveltematerialui.com
• 适用于网络的模块化和可自定义的Material Design UI组件
  • https://github.com/material-components/material-components-web
•  lowdb是由Lodash支持的小型本地JSON数据库（支持Node，Electron和浏览器）
  • https://github.com/typicode/lowdb
• 让MVVM跨端环境大统一
  • 真正专注于让一套代码运行多端的开发框架，提供标准的MVVM架构开发模式统一各类终端
  • https://cmljs.org/#/
• Web的自动化审核，性能指标和最佳实践
  • Lighthouse分析Web应用程序和网页，收集现代性能指标以及对开发人员最佳实践的见解
  • https://github.com/GoogleChrome/lighthouse
• 键入时设置输入文本内容的格式
  • Cleave.js的目的很简单：帮助您自动设置输入文本内容的格式。
  • https://nosir.github.io/cleave.js/
  • https://github.com/nosir/cleave.js/
• 下一代块样式编辑器。 免费。 使用乐趣。
  • Editor.js是用于富媒体故事的块样式编辑器。它以JSON而非干净的HTML标记输出干净的数据。更重要的是，Editor.js设计为可扩展和可插入API。
  • Next generation block styled editor.Free. Use for pleasure.
  • https://editorjs.io
• Squeezer Framework-构建无服务器dApp
  • Squeezer是一个平台，可让新进入的区块链开发人员轻松构建无服务器的dApp。
  • https://github.com/SqueezerIO/squeezer
• 时尚，模块化的开源JavaScript文件上传器
  • Uppy可以从本地以及从Dropbox或Instagram等远程位置获取文件。凭借其无缝集成，可靠性和易用性，Uppy确实是您文件上传的最佳朋友。
  • https://uppy.io/
  • Uppy是一个时尚且模块化的文件上传器。它从本地磁盘，Google云端硬盘，Instagram，远程URL，照相机等获取文件，然后将它们上传到最终目的地。它快速，易于使用，并且让您比构建文件上传器更担心更重要的问题。
  • https://uppy.io/docs/
  • https://github.com/transloadit/uppy/
  • Web浏览器的下一个开源文件上传器
  • Uppy是一个时尚，模块化的JavaScript文件上传器，可与任何应用程序无缝集成。它快速，易于使用，并且让您比构建文件上传器更担心更重要的问题。
• Zero configuration web framework.
  • https://zeroserver.io/?#getting-started
• A fast, small-but-mighty, familiar fish...errr, router*
  • https://github.com/lukeed/trouter
• 极速零配置Web应用打包工具
  • https://parceljs.org/
  • https://webpack.js.org/
• Polka是极少的高性能Express.js替代产品。是的，你说得对，Express是已经超快＆不是那个大🤔 -但是Polka显示（以某种方式）有改进的空间！
  • Polka is an extremely minimal, highly performant Express.js alternative. Yes, you're right, Express is already super fast & not that big 🤔 — but Polka shows that there was (somehow) room for improvement!
  • https://github.com/lukeed/polka
• svelte-mui
  • Simple Svelte 3 UI components
  • https://github.com/vikignt/svelte-mui
• svelte
  • 强的Web应用程序
  • Svelte是一种全新的构建用户界面的方法。像React和Vue这样的传统框架会在浏览器中完成大部分工作，而Svelte会将其转变为在构建应用程序时发生的编译步骤。
  • Svelte不会使用虚拟DOM差异之类的技术，而是编写可在您的应用程序状态更改时通过外科方式更新DOM的代码。
  • Svelte是构建Web应用程序的新方法。这是一个使用声明性组件并将其转换为有效JavaScript的编译器，可通过外科方式更新DOM。
  • https://svelte.dev
  • https://sapper.svelte.dev
  • https://github.com/sveltejs/svelte
  • 目的
    • 静态编译，无需引入框架自身
    • 一个 Svelte 组件是静态编译，所有需要的运行时代码都包含在里面了，除了引入这个组件本身，你感觉不到框架存在。
    • 编写更少代码
    • svelte 模板提供一些简便的用法，在维护和编写上都变得更简单，代码量更少（维护的代码），这些模板会编译为最终的js 代码。
    • 只会打包使用到的代码
    • 即 tree shaking，这个概念本来也是作者首先提出来的，webpack 是参考了 rollup。
    • 无需虚拟 DOM 也可进行响应式数据驱动
    • 更便捷的响应式绑定
    • 既有响应式数据的优点，v3 版本也解决了 vue 数据绑定缺点，用起来十分方便。
• quasar
  • https://github.com/quasarframework
  • https://quasar.dev
  • Build high-performance VueJS user interfaces in record time
  • Build responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue.
  • https://quasar.dev/
  • https://github.com/quasarframework/quasar
  • https://quasar.dev/start/pick-quasar-flavour
• browserify
  • browserify plugin for riot files
  • https://github.com/riot/rollup-plugin-riot
  • https://github.com/riot/riotify
• riot
  • Riot为所有现代浏览器带来了自定义组件。它旨在为您提供Web组件API原生的所有功能。
  • Simple and elegant component-based UI library 
  • https://github.com/riot/riot
  • https://riot.js.org/
  • https://github.com/riot/examples
  • https://riot.js.org/documentation
• Mithril
  • Mithril is a modern client-side JavaScript framework for building Single Page Applications. It's small (< 10kb gzip), fast and provides routing and XHR utilities out of the box.
  • Mithril是用于构建单页应用程序的现代客户端JavaScript框架。它体积小（<10kb gzip），速度快，并提供开箱即用的路由和XHR实用程序。
  • https://mithril.js.org/index.html
• hyperapp
  • The tiny framework for building web interfaces. 
  • https://hyperapp.dev/
  • https://github.com/jorgebucaran/hyperapp
• Inferno
  • Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
  • Inferno是一个快速，类似于React的库，用于在客户端和服务器上构建高性能的用户界面。
  • https://github.com/infernojs/inferno
  • https://github.com/infernojs
  • https://infernojs.org/docs/guides/installation
• https://webcomponents.dev/
• omi
  • https://codepen.io/omijs/pen/PMZWNb
  • 前端跨框架跨平台框架
    • 将Web组件，JSX，虚拟DOM，功能样式，观察或代理合并到一个体积很小且具有高性能的框架中。一次编写组件，在任何地方都可以使用，例如Omi，React，Preact，Vue或Angular。
    • http://tencent.github.io/omi/
    • https://github.com/Tencent/omi
    • https://tencent.github.io/omi/site/docs/index.html
  • Build cross platform desktop apps with Omi.js and Electron.js 基于Omi.js和Electron.js构建跨平台的桌面应用
    • https://github.com/Wscats/omi-electron
  • https://tencent.github.io/omi/packages/omim/docs/build/cn.html#/text-field?index=6&subIndex=0
• NoahV
  • NoahV是一个基于vue开发的前端开发框架，主要适用于监控运维、数据分析等场景，同时也适用于常见的后台管理系统
  • https://baidu.github.io/NoahV/#/guide/about
• Vue.js
  • Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。
  • Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。
  • 另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
  • http://cn.vuejs.org/
• Mint UI
  • mint-ui 是有饿了么前端团队推出的基于Vue.js的移动端组件库，Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。
  • 通过它，可以快速构建出风格统一的页面，提升开发效率。真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。
  • 官网：http://mint-ui.github.io/#!/zh-cn
• Element
  • Element，一套为开发者，设计师和产品经理准备的基于Vue 2.0的桌面端组件库，是饿了么前端开源维护的Vue UI组件库,组件齐全，基本涵盖后台所需的所有组件
  • 官网：https://element.eleme.cn/#/zh-CN
• iView
  • iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。
  • 其特性为高质量、功能丰富、友好的 API ，自由灵活地使用空间、细致、漂亮的 UI、事无巨细的文档、可自定义主题
  • 官网：http://v1.iviewui.com/
• Vant
  • Vant轻量、可靠的移动端 Vue 组件库特性 60+ 高质量组件、 95% 单元测试覆盖率、完善的中英文文档和示例、支持按需引入、支持主题定制、支持国际化、支持TS、支持SSR等。
  • 官网：https://youzan.github.io/vant/#/zh-CN/intro
• Layui
  • Layui 定义为“经典模块化”，并非是刻意强调“模块”理念本身，而是有意避开当下 JS 社区的主流方案，试图以尽可能简单的方式去诠释高效！
  • Layui 提供了丰富的内置模块，他们皆可通过模块化的方式按需加载。
  • Layui可作为 PC网页端后台系统与前台界面的速成开发方案。
  • 官网：https://www.layui.com/
• uni-app
  • uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS，Android，H5，以及各种小程序（微信/支付宝/百度/头条/ QQ /钉钉）等多个平台。
  • 即使不跨端，uni-app同时也是更好的小程序开发框架。
  • 官网：https://uniapp.dcloud.io/
• Ant Design
  • Ant Design是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
  • Ant Design服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。
  • 官网：https://ant.design/index-cn
• reactjs
  • https://reactjs.org.cn/
  • https://reactjs.org/
  • https://preactjs.com/