草丁图书馆

  1. 首页 > 生活杂烩 >

前端框架有哪些，前端啥也不会面试过了

小知识


前端有哪些框架 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的通用样式 。
web前端开发框架有哪些 对于想转行的小伙伴 ， 小蜗这里整理了一份系统的学习路线 ， 可按照这份大纲一步一步来学习 ， 先将基础打好 ， 再学习框架部分 ， 希望可以帮到你~
第一阶段：专业核心基础
阶段目标：
1. 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发 。
2. 熟练运用HTML+CSS特性完成页面布局 。
4. 熟练应用CSS3技术 ， 动画、弹性盒模型设计 。
5. 熟练完成移动端页面的设计 。
6. 熟练运用所学知识仿制任意Web网站 。
7. 能综合运用所学知识完成网页设计实战 。
知识点：
1、Web前端开发环境 ， HTML常用标签 ， 表单元素 ， Table布局 ， CSS样式表 ， DIV+CSS布局 。 熟练运用HTML和CSS样式属性完成页面的布局和美化 ， 能够仿制任意网站的前端页面实现 。
2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端 。 熟练运用CSS3来开发网页、熟练开发移动端 ， 整理网页开发技巧 。
3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析 。 能够熟练使用 less、sass完成项目开发 ， 深入了解BootStrap 。
4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战 。 通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计 。
第二阶段：Web后台技术
阶段目标:
1. 了解JavaScript的发展历史、掌握Node环境搭建及npm使用 。
2. 熟练掌握JavaScript的基本数据类型和变量的概念 。

推荐阅读


上一篇：清热解毒的药有哪些，儿童清热消积的药有哪些

下一篇：【作用】四季海常的功效与作用