前端的技能日渐更新,最近有空,将前端常见的结构总结了一下,在开发的过程之中,有了这些,不断能够提高自己的工作效率,还能够在工作之余了解更多。
1.Layui
Layui
是一款采用本身模块标准编写的国产前端UI结构,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。从中心代码到API的每一处细节都经过精心雕刻,十分合适界面的快速开发。,从中心代码到API的每一处细节都经过精心雕刻,十分合适界面的快速开发。Layui还很年青,首个版别发布于2016年金秋,她差异于那些根据MVVM底层的UI结构,却并非逆道而行,而是信仰返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端东西的复杂装备,只需面对浏览器本身,让全部你所需要的元素与交互,从这儿信手拈来。
经典模块化前端结构
2.NEC:
你是否常常碰到以下问题:你总是看不懂他写的代码,或许读起来很吃力;你需要改他的代码却无从下手,或总是要去问他这儿是什么改了会不会影响其他代码;你和他一同开发一个产品,你总是怕代码和他有冲突或互相影响;你的代码在屡次保护使命之后变得越来越臃肿,越来越难以保护,处理以上问题只需一种办法——读咱们的标准!
国产web前端结构引荐之–NEC
3:amazeUI
之前公司的网站被黑客攻击之后,整个网站的东西都用不了了,处于丢失和瘫痪的状况,楼主毫不犹豫在这个网站上找了一个结构,仅仅两三天的时刻,就成功挽救了这一糟糕的局势,仍是要感谢咱们这强壮的结构,妹子UI,适配pc端和移动端,功用彻底,网站开发什么的,都SO
easy
我国首个开源HTML5跨屏前端结构.
4.NEJ
NEJ全称:NiceEasyJavascript是由网易前端组工程师们建议创建的简练,美观,真正的跨渠道web前端开发结构;在适配性上支持桌面及移动渠道、浏览器及混合运用开发,补丁模式无缝扩展适配渠道,装备方法灵敏定制目标渠道
5.boostrap
这个我就不多说了,大多数人都在用这个结构来开发,官方文档的API完整可靠,还有各种Bootstrap相关优质项目引荐,前端开发首选结构
简练、直观、强悍的前端开发结构,让web开发更迅速、简略。
6:Foundation
Foundation是一个易用、强壮而且灵敏的呼应式前端结构,用于构建根据任何设备上的呼应式网站、Web运用和电子邮件。结构语义化、移动设备优先、彻底可定制。
呼应式前端结构
7.Jquery代码库
根据Jquery的开源网页用户界面代码库:
8.jQuery插件库
史上最全的jQuery作用,包含了开发所需要的一切需求的demo,如果有不会的东西,就来jQuery插件库吧,这儿总有一些你想要的,还在等什么?
9.FrozenUI
随心所用的款式组件,更显灵动的JS插件,酷炫好玩的案例秀,供给的Animation
case,把事务上有趣好玩的案例沉淀下来,协助日后能更快速找到规划创意。Frozen
UI是一个开源的简略易用,轻量快捷的移动端UI结构。根据手Q款式标准,选取最常用的组件,做成手Q公用离线包减少请求,升级方法友好,文档完善,现在全面运用在腾讯手Q增值事务中。
移动端开发专用结构:
10:SUI
SUI
是一套根据bootstrap开发的前端组件库,一起她也是一套规划标准。通过SUI,能够十分方便的规划和完成精美的页面。一起sui还有移动端版别msui,msui是阿里巴巴共享事务事业部UED团队的著作。目的是为了手机H5页面供给一个常用的组件库,减少重复工作。
建立手机H5运用:
11:AUI
AUI
2.0是一套全新的AUI结构,在1.X根底上进行了从头架构。结合实际项目动身,站在开发者和项目的视点,从头界说AUI结构。在2.0中运用了大量弹性呼应式布局,采用容器+布局结构+控件的嵌套形式,方便开发者快速布局款式。咱们充分吸取了AUI运用者的反馈定见和学习了市场上其他优秀UI结构,完成了2.0版别的开发。2.0遵循Google
Material规划标准,运用MIT开源协议。
12:MUI:
最接近原生APP体会的高功能前端结构,相信这个咱们都不生疏:鉴于之前的许多前端结构(特别是呼应式布局的结构),UI控件看起来太像网页,没有原生感觉,因而追求原生UI感觉也是咱们的重要目标MUI以iOS渠道UI为根底,弥补部分Android渠道特有的UI控件
13:SemanticUI
Semantic作为一款开发结构,协助开发者运用对人类友好的HTML语言构建优雅的呼应式布局。更快地规划赏心悦目的网站
Aliceui是支付宝的款式处理方案,是一套精选的根据spm生态圈的款式模块集合,是Arale的子集,也是一套模块化的款式命名和组织标准,是写CSS的更好方法。
H-ui是轻量级前端结构,简略免费,兼容性好,适用于我国网站。H-ui是一个相对生长比较慢的前端结构,相比现在职业众多结构还有许多不足。但初心不改,实实在在把事做好,做用户最喜欢的结构。
weUI是一套同微信原生视觉体会共同的根底款式库,由微信官方规划团队为微信Web开发量身规划,能够令用户的运用感知愈加一致。包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。
YDUI
Touch专为移动端打造,在技能完成、交互规划上兼容干流移动设备,确保代码轻、功能高;运用Flex
技能,灵敏自如地对齐、缩短、扩展元素,轻松搞定移动页面布局;完成强壮的屏幕适配布局,等比例适配一切屏幕。什么?用得不开心?轻松切换px;自界说JavaScript组件、Less文件、Less变量,定制一份归于自己的YDUI;
html静态网页模板免费
网页模板:https://www.zmzmb.com/a/web/