爱创乐育

爱创课堂旗下IT教育培训品牌

开班时间 : 8 4

培养企业最需要的工程师

免费获取资料

相关咨询

FULLY MATCH ENTE

最新文章

推荐文章

有哪些不同的前端框架可供选择?
有哪些不同的前端框架可供选择?

有哪些不同的前端框架可供选择?前端框架中提供的包通常由HTML,CSS和JavaScript文件组成,用于确保应用程序中的各个页面具有统一的设计,排版,表单等。


1、Boostrap


Boostrap我最受欢迎的前端框架之一,当然是Bootstrap。虽然作为内部团队的工具而开发,但一旦发布,其采用率就会大大增加。它为常见的UI组件提供设计模板,如按钮,排版,表单,下拉列表,警报,选项卡,轮播以及可选的JavaScript扩展。


您可以轻松地使用Bootstrap创建响应式布局,Bootstrap 3通过其移动优先功能强调了这一点。使用Bootstrap在12列网格系统中组织元素的能力可跨设备提供干净,一致的设计。Bootstrap 使用Less样式表,但也已移植到Sass(作为单独的存储库维护),因此两者的用户都可以是内容。


由于其强大的支持,许多团队也更喜欢Bootstrap。Bootstrap目前在其GitHub存储库中有来自约900个贡献者的16,000多次提交。


今天在3.4%的网络上使用,在百万页的20%中使用。


优先考虑速度优先的项目。


预处理器:Less,Sass。


响应和移动优先。


2、Foundation


Foundation是一个响应式前端框架,用于为跨多个设备的站点创建快速原型和生产代码。就像Twitter是Bootstrap背后的支持者一样,Zurb是基金会背后的组织。您可以在华盛顿邮报的网站以及国家地理教育网站上看到基金会。Foundation基于940px网格系统,而Bootstrap基于1,170px网格布局。


使用Foundation的一个优点是能够快速启动原型,因为框架的裸骨结构和提供的启动器模板。就华盛顿邮报而言,设计团队能够在15分钟内创建故事原型来测试设计。基金会对GitHub上超过940名贡献者的超过14,000次提交提供了很好的支持。


有助于快速原型设计。


适用于Sass样式表。


提供更大的灵活性


预处理器:Sass。


该框架还提供业务支持,培训和咨询。


3、Skeleton


Skeleton是一个“简单,响应迅速的样板。”Skeleton非常适合小型项目,或者如果轻量级是优先级(它只有大约400行未压缩的代码)。样式设计更多的是一个起点,而不是UI框架。Skeleton因其轻巧的特性而非常适合以移动设备为主题的设计。


Skeleton也是初学者到前端框架的一个很好的起点。它有简洁的代码和简单的布局。由于缺乏CSS丰富性和模板,这也意味着在涉及更大的项目时会略有不匹配。原型设计也不是Skeleton中最快的。


轻量级框架,只有大约400行代码。


不适合大型项目; 缺乏广泛的模板。


非常适合以移动为中心的设计。


没有预处理器。


初学者的良好起点。


4、UI Kit


UI Kit元素易于定制和轻量级。它提供了用于快速构建Web界面的模板。除了包含所有HTML,CSS和JavaScript文件的安装包外,它还包含Sublime Text和Atom编辑器的自动完成包,以便用户不必一次又一次地查找UI Kit类名和标记。


Foundation,Boostrap和UI Kit之间的关键区别是网格系统。UI Kit不使用12列网格设置,而是将布局分解为三个组件,即网格,弹性和宽度。使用网格组件,可以根据需要创建任意数量的列。


响应轻便。


预处理器:Less,Sass。


不限于12列网格。


能够扩展和自定义图标。


如果大家对前端框架感兴趣的话,可以来爱创课堂参加前端框架培训免费试听,爱创课堂前端框架培训机构分为线上培训和线下培训两种方式,通过理论实践相结合的教学方式去传授小伙伴技术知识,是值得小伙伴选择的一所前端框架培训机构。