-
让品牌有温度、有情感
专注品牌策划15年
Bootstrap 3
AngularJS
Bootstrap 3 Mobile组件，比如switches, overlays和sidebars，这些都是bootstrap中没有的。
AngularJS modules， 比如 angular-route, angular-touch 和 angular-animate
html基础框架（html的基础框架）
发布时间：2023-04-14 02:59:08
稿源：
创意岭 阅读：
110
大家好！今天让创意岭的小编来大家介绍下关于html基础框架的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等
只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端
创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解SEO相关业务请拨打电话175-8598-2043，或添加微信：1454722008
本文目录:
一、前端常用的框架有哪些？
给大家介绍几个在Web前端界比较优秀的前端框架。
1、Bootstrap
Twitter出品的Bootstrap在业界是非常受欢迎的，以致于有很多前端框架都在其基础上开发，如我们熟悉的WeX5就是在Bootstrap源码基础上优化而来的。我相信大多数接触过前端开发的同学多少都了解过这个优秀的前端框架。Bootstrap是基于HTML、CSS和Javascript的，它简洁灵活，可以使得Web开发更加敏捷。
它提供优雅的HTML和CSS规范，在jQuery的基础上进行更加个性化和人性化的完善。兼容大部分jQuery插件，并包含了丰富的Web组件，如下拉菜单、按钮式下拉菜单、导航条、按钮组、分页、缩略图、进度条和媒体对象等。自带了13个jQuery插件，其中有模式对话框、标签页、滚动条和弹出框等。
2、Foundation框架
Foundation框架总体来看要比Bootstrap略显高大上一点，但他们俩的设计理念都是非常清楚的，Bootstrap有引导的意思，它尝试处理你项目中的一切所需。Foundation有基础、地基及支柱的意思，给你项目中强有力的创造与支持。相对于Bootstrap丰富的组件及插件，Foundation仅提供了有限的几种元素，其目标是，即使你使用预定义的UI元素，也不应该与大家的网站长得太像。
而Bootstrap则致力于提供所有定义好的元素，这样使得看起来许多网站都差不多。Foundation默认不带图标集，它推荐使用开源字体图标。与Bootstrap一样，Foundation使用网格流式布局将网页划分为12列，针对不同的设备显示不同的列数，实现响应式布局。但Foundation不支持旧版本浏览器。其他特性如有兴趣可进一步了解。
3、Curl
Curl 是一个命令行工具，用于通过 HTTP(s)、FTP 和数十种其它协议进行请求。使用Curl可以进行文件下载、检查响应标题和自由访问远程数据。
在 Web 开发中，Curl 经常和 RESTful API 一起使用，用于测试连接。
# Fetch the headers of a URL.curl -I http://google.comHTTP/1.1 302 FoundCache-Control: privateContent-Type: text/html; charset=UTF-8Referrer-Policy: no-referrerLocation: http://www.google.com/?gfe_rd=cr&ei=0fCKWe6HCZTd8AfCoIWYBQContent-Length: 258Date: Wed, 09 Aug 2017 11:24:01 GMT# Make a GET request to a remote API.curl http://numbersapi.com/random/trivia29 is the number of days it takes Saturn to orbit the Sun.
Curl 命令可能比上述代码更复杂。有许多选项用于控制 headers、Cookie、身份验证等。了解更多，请阅读Everything curl。
4、Tree
Tree 是一个小型的命令行实用程序，它将目录中的文件以可视化的方式进行显示。它采用递归运行的方式，遍历每个级别的嵌套并绘制所有内容的格式树。这样就能快速的浏览并查找需要的文件。
tree.├── css│ ├── bootstrap.css│ ├── bootstrap.min.css├── fonts│ ├── glyphicons-halflings-regular.eot│ ├── glyphicons-halflings-regular.svg│ ├── glyphicons-halflings-regular.ttf│ ├── glyphicons-halflings-regular.woff│ └── glyphicons-halflings-regular.woff2└── js ├── bootstrap.js └── bootstrap.min.js
还可以使用简单的 regEx 模式来过滤结果：
tree -P '*.min.*'.├── css│ ├── bootstrap.min.css├── fonts└── js └── bootstrap.min.js
5、Tmux
根据维基的解释，Tmux 是一个终端复用器。通俗的说，它是一个能将多个终端连接到单个终端会话的工具。
Tmux允许用户在终端中的程序之间切换，添加屏幕窗格，并将多个终端连接到同一个会话，使其保持同步。在远程服务器上工作时，Tmux 特别有用，因为它允许用户创建新的选项卡，而无需再次登录。
6、du
du命令用于生成关于文件和目录的空间使用情况的报告。du很容易使用，可以递归地运行，遍历每个子目录并返回每个文件的大小。
du 的常见用例是：当某个驱动器的空间不足，用户不清楚每个存储器的大小。使用此命令可以快速查看每个文件夹所占用的存储空间，从而找到占用最大空间的存储器。
7、AUI
AUI是最近流行起来的，作者声称是专为APIClound设计的一套框架，解决了许多移动端开发实际中遇到的许多问题，是一个纯CSS框架。使用容器+布局+模块的构建方式，JS辅助，更自由更灵活更易于扩展使用。遵循Google Material设计规范，完美适配各个机型。面向HTML5，使用CSS3实现动画交互，轻量级高性能。AUI是使用MIT License授权，你可以复制、出售。目前最新版本2.0。
8、Amaze UI
这是称为妹子UI的开源框架，据称是中国首个开源HTML5跨屏前端框架。妹子UI以移动优先为理念，从小屏逐渐到大屏，实现响应式网页。Amaze UI包含20+个CSS组件、20+个JS组件，更有多个包含不同主题的Web组件。相比国外框架，妹子UI关注中文排版提供本地化支持。面向HTML5开发，使用CSS3来实现动画交互，轻量级高性能。
9、Frozen UI
Frozen UI是一款开源，简单易用，轻量敏捷的移动端框架。基于手Q样式规范，目前全面应用于企鹅手Q增值业务中。基础样式效果简单色调清爽，社区活跃，组件自然不少。包括按钮、列表、表单、通知、提示条、弹出框、选项卡等等常用组件。还包括一个FrozenJs的JS组件库。可以在主流的Android和IOS上应用。基本样式使用离线包的方式减少请求提供快速接入方案。当然，根据网友反映，也存在大大小小的bug。不过总体来说，还是值得一用的。奇怪的是，Github上显示的最后更新时间是一年前，难道已经没人维护了吗？
# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run du on each file/folder in current directory.du -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos
还有一个相似的命令 df（Disk Free），使用df会返回有关可用磁盘空间的各种信息。
以上介绍了现在热门的几个Web前端框架，以及它们的主要功能，希望对大家学习Web前端有所帮助。
二、HTML、CSS、JavaScript的学习顺序应该是什么？
最先需要学习的是 HTML，HTML 是开发设计网页页面最基础的语言表达，CSS 和JavaScript 的使用是根据 HTML 的，因此务必先学习培训 HTML，将网页页面的基本上框架搭建下去，在使用 CSS 开展装饰。学习培训 HTML 以后，在开展 CSS 的学习培训，或是二者同时进行学习培训。如果将 HTML 构建的网址比成是毛胚房，那样 CSS 便是对它开展室内装修。
CSS 是用于变更款式设计方案的，装饰网址，提高客户体验度。最终学习培训 JavaScript。JavaScript 用于界定网页页面的个人行为，提高网页页面的互动性。在我们将一个房屋装修完成后，就必须考虑到其程序模块，也就是想让它完成哪种实际操作。HTML、CSS、JavaScript 三门语言表达的学习培训并没分为很清楚的主谓层级，完全可以交叉学习培训，提升印像，且可以让你更快的知道源代码的应用。
但是需要注意的是，大家学习时必须从最基础的英语的语法标识开始学习，循序渐进，提高学习效率。如果只是做一个静止的网页页面，上边的是彻底足够了，可是假如想要做动态性的，这个时候就要逐渐学习php了。 新手入门php相比于JS会更不便一些, 由于运作php必须有许多关键点要解决, 因此一本好的入门书籍是非常重要的, 这一w3school上面的php帮不上什么忙了。
入掌握JavaScript：因为你是想倾向于前端工程师，因此务必深入了解JavaScript，对JavaScript原型链、功效域链、程序设计模式都深入分析。多参照顺利的OOP程序设计模式，多研究框架源代码：如jQuery、prototyp、Ext等，都会有非常好的研究价值。
三、常用的前端框架有哪些？
1. Twitter BootStrap （Apache v2.0；响应式）
时髦、直观并且强大的前端框架，让Web开发变得更加容易。
2. Foundation （MIT；响应式）
最先进的响应式前端框架。
3. 960gs（GPL&MIT；响应式）
960gs提供了一个简单的网格系统，适合快速开发。
4. Skeleton（MIT；响应式）
非常漂亮的Web模板，适合响应式、移动友好的开发。
5. 99lime HTML KickStart（Free）
适合网站快速开发的极简HTML构建模块。
6. Kube（Free；响应式）
面向专业人员的CSS框架。
7. Less Framework（MIT；响应式）
自适应的CSS网格系统。
8. Flameinwork（Free）
适合懒人开发者的前端微框架。
9. G5 Framework（Free）
(x)HTML5、CSS、PHP前端开发框架。
10. Easy Framework（Free）
Easy Framework是一个一体化前端解决方案，分structural、 presentational、interactive三层。
11. Blueprint（Free）
一个旨在减少开发时间的前端框架。
12. YAML（Creative Commons）
(x)HTML+CSS框架，适合开发现代化浮动布局。
13. BlueTrip（Free）
一个功能全面、并且美丽的CSS框架，适合于Blueprint搭配使用。
14. YUI3:Grids CSS（BSD）
YUI Grids CSS是最著名的CSS框架之一，是由Yahoo开发小组开发而成。 YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度，六种不同的模板。
15. 52framework（Creative Commons）
对HTML5支持非常好，简单易用。
16. elastiCSS（MIT）
一个基于Web接口和印刷布局的简单CSS框架。
17. Emastic（Free）
一个与众不同的CSS框架。
18. Fluid 960 Gride System（GPL/MIT）
Fluid 960 Grid System的模版是根据Nathan Smith之前的作品而创建的。即960 Grid System：传承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS（MIT）
一个面向对象的CSS框架，能让你的工作流更加简洁。xCSS基于CSS，可以在开发复杂样式时，提供面向对象的工作流。
20. EM CSS Framework（MIT/GPL）
EM CSS Framework提供了一个960px宽 + 12 列网格系统 + CSS的通用样式。
四、html5 app开发框架有哪些
①：PhoneGap
PhoneGap 恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的cordova 商业版本。
②：Ionic
IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用 JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。
③：Mobile Angular UI
Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。
Mobile Angular UI的关键字有：
响应式媒体查询是将bootstrap作为单独的文件，你只需要包含你所需要的东西。Mobile Angular UIu并不包含任何jQuery依赖，你需要做的只是通过一些AngularJS指令创建友好的用户体验。
④：Intel XDK
Intel XDK 是Inter开发的一款跨平台开发工具，我们可以很容易的通过Intel XDK开发应用，你需要做的只是下载他们的应用开发工具 ，有Linux、Windows和Mac版，它还提供了很多个开发框架，比如Twitter bootstrap, jQuery Mobile 和 Topcoat.
⑤：Appcelerator Titanium
Appcelerator’s Titanium 不同于其它框架的是，它是一个开源的框架。
Titanium是混合式移动应用开发的一站式解决方案，你只需要下载 Titanium studio就可以解决所有的事情，Titanium SDK包含了很多手机平台的APIs和后端云服务。
Titanium使用 Alloy，Alloy是一个快速开发的手机应用MVC框架， 模块式开发可以大大减小开发时间，提高代码复用。
⑥：Sencha Touch
Sencha Touch 同样也是HTML5手机应用跨平台开发框架，运行iOS/Android/Blackberry。它已经诞生很多年了，现在已经成为很常用的混合式编程开发框架。
Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。
⑦：Kendo UI
Telerik’s Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。
Kendo UI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。
以上就是关于html基础框架相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
html网页的基本结构（html网页的基本结构包括哪些部分）
赣公网安备 50019002502384号
