首页 web前端 Layui教程 前端框架除了layui还有哪些

前端框架除了layui还有哪些

Jul 11, 2019 pm 05:07 PM
前端框架

前端框架除了layui还有哪些

目前最热门的前端框架

1、bootstrap

目前最流行的 HTML, CSS 和 JavaScript 框架,用于开发响应式,移动端先行的 web 项目

gethub:https://github.com/twbs/bootstrap

官网:http://getbootstrap.com/

2、vue

一个用以创建用户接口的直观、快速、简洁的 MVVM 框架

gethub:https://github.com/vuejs/vue

官网:https://vuejs.org/

3、angular.js

Google推出的MVVM框架,它会通过双向数据绑定自动从你的UI(视图)同步数据到javascript模型。

gethub:https://github.com/angular/angular.js

官网:https://angularjs.org/

4、react

Facebook 推出的一款声明式的,高效的,灵活的用于创建用户界面的JavaScript 库

gethub:https://github.com/facebook/react

官网:https://reactjs.org/

5、webpack

一个现代 JavaScript 应用程序的静态模块打包器

gethub:https://github.com/webpack/webpack

官网:https://webpack.js.org/

UI框架

1、react-native

一个基于 React 的创建原生APP的框架,它使用与React相同的设计,允许您从声明性组件组成丰富的移动UI。

gethub:https://github.com/facebook/react-native

官网:http://facebook.github.io/react-native/

2、layer

layui框架下的一个弹出层框架 pc和移动端都可使用 简洁方便

官网:http://layer.layui.com/

3、video.js

Video.js - 开源的 HTMl5 和 Flash 视频播放器

gethub:https://github.com/videojs/video.js

官网:https://videojs.com/

相关推荐:《layui框架教程

css框架

1、animate.css

跨浏览器的CSS3动画库,使用方便

gethub:https://github.com/daneden/animate.css

官网:https://daneden.github.io/animate.css/

2、Font-Awesome

图标字体和 CSS 套件,Font Awesome 是一整套包含 585 个象形矢量图标的字体库,由 Dave Gandy 创建和维护,在Twitter上保持更新最新版本的发布

gethub:https://github.com/FortAwesome/Font-Awesome

官网:https://fontawesome.com/?from=io

3、Hover

CSS3鼠标移到元素上面的动画效果,可运用在超链接、按钮、logo、SVG、图片等等。能够很方便地使用在你自己的元素上,支持 CSS、Sass、LESS

gethub:https://github.com/IanLunn/Hover

官网:https://ianlunn.github.io/Hover/

4、metro-ui-css

用于构建Windows 8 Metro UI样式界面的CSS样式

gethub:https://github.com/olton/Metro-UI-CSS

官网:https://metroui.org.ua/examples.html

可视化视图框架

1、d3

一个针对 HTML 和 SVG 的 JavaScript 可视化库

gethub:https://github.com/d3/d3

官网:https://d3js.org/

2、three.js

JavaScript 3D 库,该项目旨在创建一个轻量的,易用的 3D 图形库 

gethub:https://github.com/mrdoob/three.js

官网:https://threejs.org/

3、echarts

百度团队开发的一款商业级数据图表

gethub:https://github.com/apache/incubator-echarts

官网:http://echarts.baidu.com/

4、Chart.js

使用 标签的简洁的HTML5图表

gethub:https://github.com/chartjs/Chart.js

官网:https://www.chartjs.org/

以上是前端框架除了layui还有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

React与Vue的对比:如何选择合适的前端框架 React与Vue的对比:如何选择合适的前端框架 Sep 26, 2023 am 09:15 AM

React与Vue的对比:如何选择合适的前端框架前端开发中,选择合适的框架对于项目的成功至关重要。在众多的前端框架中,React和Vue无疑是最受欢迎的两个选择。本文将通过对比React和Vue的优缺点、生态系统、性能以及开发体验等方面,帮助读者选择适合自己项目的前端框架。一、React和Vue的优缺点对比React的优点:组件化开发:React将UI拆分为

VUE是用于前端还是后端? VUE是用于前端还是后端? Apr 03, 2025 am 12:07 AM

Vue.js主要用于前端开发。1)它是一个轻量级且灵活的JavaScript框架,专注于构建用户界面和单页面应用。2)Vue.js的核心是其响应式数据系统,数据变化时视图自动更新。3)它支持组件化开发,UI可拆分为独立、可复用的组件。

PHP中如何进行前端框架和后端框架的集成? PHP中如何进行前端框架和后端框架的集成? May 13, 2023 am 08:06 AM

随着Web应用程序开发的日益复杂和需要的交互性越来越高,使用前端框架和后端框架已经变得非常普遍。在此过程中,集成前端框架和后端框架也成为必不可少的步骤,以确保应用程序的顺畅运行和高效性能。本文将重点介绍在PHP中如何进行前端框架和后端框架的集成。前端框架和后端框架概述前端框架是一个通用的术语,它指的是应用程序的用户界面和交互功能。HTML,CSS和Java

Java框架与前端框架整合的常见挑战及解决方案 Java框架与前端框架整合的常见挑战及解决方案 Jun 05, 2024 pm 01:30 PM

Java后端框架与前端框架整合面临的常见挑战包括:跨域请求问题:解决方案:使用CORS中间件或添加CORS标头。视图模板集成:解决方案:使用前端框架适配器或无服务器函数处理HTML渲染。数据格式转换:解决方案:使用通用数据模型或中间层进行转换。事件处理:解决方案:使用事件总线或WebSockets实现跨框架事件通信。状态管理:解决方案:使用单一状态管理系统实现跨框架状态共享。

HTML与CSS vs. JavaScript:比较概述 HTML与CSS vs. JavaScript:比较概述 Apr 16, 2025 am 12:04 AM

HTML、CSS和JavaScript在网页开发中的角色分别是:HTML负责内容结构,CSS负责样式,JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容,确保语义化。2.CSS通过选择器和属性控制网页样式,使其美观易读。3.JavaScript通过脚本控制网页行为,实现动态和交互功能。

了解vue.js:主要是前端框架 了解vue.js:主要是前端框架 Apr 17, 2025 am 12:20 AM

Vue.js是由尤雨溪在2014年发布的渐进式JavaScript框架,用于构建用户界面。它的核心优势包括:1.响应式数据绑定,数据变化自动更新视图;2.组件化开发,UI可拆分为独立、可复用的组件。

如何利用PHP进行响应式设计 如何利用PHP进行响应式设计 Jun 06, 2023 am 10:50 AM

随着移动设备的普及,响应式设计成为了如今网站开发的一种不可忽略的技术。它可以让网站在不同尺寸的屏幕上呈现出最佳的视觉效果和用户体验。而作为一门广泛使用的编程语言,PHP可以在响应式设计中发挥着重要的作用。在本文中,我们将探讨如何利用PHP进行响应式设计。一、响应式设计的基础在进行响应式设计之前,我们需要先了解网页的基本组成部分。通常情况下,一个网页主要分为三

一文聊聊Vue中的KeepAlive组件 一文聊聊Vue中的KeepAlive组件 Nov 14, 2022 pm 08:21 PM

最近看 Vue 相关的知识点,看到 KeepAlive 组件时比较好奇它是怎么做到组件间切换时不重新渲染的,于是便稍微深入的了解了一下。如果你也有兴趣想要了解一下具体内部怎么实现的或者说有一定的了解但是不够熟悉,那么正好你也可以一起巩固下。

See all articles