精华内容
参与话题
问答
  • 前端框架

    千次阅读 2016-05-10 17:04:13
    前端框架

    Bootstrap 
    首先说 Bootstrap,估计你也猜到会先说或者一定会有这个( 呵呵了 ),这是说明它的强大之处,拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心,来让自己成长。结果受到周围各种基友的引诱开始了 Bootstrap 旅程。本人虽然是个设计+前端的万里有一的人才,但是老天只让我会用 PS 和各种设计工具却不给我跟设计妹子一样的审美,所以这也是我最初选择 Bootstrap 的原因之一,它让我做出来的东西好歹能在妹子面前装个逼,不过时间长了难免觉得 Bootstrap 美的让人烦躁, 但好在它的每个版本都会有很大的改变,不会让人觉得自己做的网站会跟很多网站撞脸。Bootstrap 的用法及其简单( 这也可能就是 Bootstrap 作者阅攻城士无数,了解他们痛的结果 ),以至于是个小前端都可以快速上手,几乎没什么学习成本。

    官网:http://getbootstrap.com/ 
    Github:https://github.com/twbs/bootstrap/ 
    作者:Mark Otto 和Jacob Thornton Star:93,112 
    总结:Bootstrap 最大的优势就是它非常流行,流行就代表你有问题就有很多人帮你解决问题,就代表装逼它就是利器,还有就是界面比较和谐,容易上手,关注它的童鞋应该发现最新 V4 版也开始支持 FlexBox 布局,这是非常好的升级体验。 劣势是 class 命名不够语义化,并且各种缩写,以至于我离了文档就是个菜,最近开始整混合 APP,选框架的时候首选就是它,但之前搞 PC 一直没注意,后来搞混合右键属性看它的时候,瞬间一阵凉风袭来,Bootstrap 好小,小到我只好选择别的框架。

    AUI 
    第三个是最近刚起来的AUI,虽然作者声称是专为APICloud开发者设计的一套UI框架,但实际它还是解决了很多移动前端开发的普遍问题,是主要面向混合开发的 CSS 框架。看起来作者比较猖狂,各种高级 CSS3 遍地使用,这让我也不得不去查查这些个 CSS3 的兼容性。不负众望果然选的都是兼容不错的属性,哈哈了一顿激动从前辈手上大胆认识了几个好东西,并且框架还提供了聊天界面、计数列表等组件,解决了很多复杂的让我骂娘的布局,现在可以直接拿走就用。

    Github:https://github.com/liulangnan/aui 
    官网:http://www.auicss.com/ 
    作者:流浪男 Star:92 
    总结:这个框架对我来说有个优点就是纯 CSS 框架,自己以前也就用过 Pure,自己有点 JS 能力,如果不是复杂的效果,找个纯 CSS 框架自己随便改改就可以,而现在 CSS3 也已经能够做到动画,效率、质量、高效全兼顾,所以还是选择了这种 CSS 框架。有一点觉得不满的是这框架的文档真的好那什么,说好的高大上呢。

    Amaze UI 
    第二个介绍的是妹子UI,最初使用它是因为本尊遇到了一个爱纠结细节设计士,有一次她跟我的字体较上真了,结果一句顶万句的 BOOS 夸了她,我只好根据她的想法去解决,结果最后找到了Amaze UI 框架( 我不介意你叫我懒淫 ),按照官方的话说就是 “基于社区开源项目构建的一个跨屏前端框架,以移动优先,从小屏到大屏,最终实现所有屏幕适配,适应移动互联潮流” 。但其实我就是看中它能解决国内浏览器存在的跨屏适配和兼容性问题。

    官网:http://amazeui.org/ 
    Github:https://github.com/amazeui/amazeui 
    所属公司:云适配 Star:6710 
    总结:Amaze UI 总的来说加入更多符合中国市场特性的元素,框架对跨屏、适配都做了比较好的处理并且准备了一系列的常用网页组件,为减少搞兼容、适配各种敲键盘的加班狗们的工作时间做了不小的贡献。框架还对中文排版优化,兼容中国本土主流浏览器、轻量化,不仅适用于桌面端,更适合移动端。

    Frozen UI 
    有段时间看到 QQ 瞬间高大上了,后来四处打听,原来 QQ 客服端也用了 混合开发,其中QQ会员前端用的是 Frozen UI,并且这套框架开源,欣喜若狂耐不住心里的寂寞直接上手试了一遍,初体验感觉基础样式效果简单色调清爽,有个比较活跃的社区所以组件什么的也比较丰富。

    Github:https://github.com/frozenui/frozenui 
    官网:http://frozenui.github.io/ 
    作者: QQVIP FD Team Star:1,067 
    总结:如果拿 Frozen UI 配合一些如 APICloud 用来做混合 APP 感觉就太酷了,或者原生的火鸡们拿去嵌套在应用中做前端开发,这个框架对 android 2.3 +、ios 4.0 + 做了兼容,或者拿来做 Web App 也是极好的选择,劣势的话从 UI 层面就可以看到了,谁让它是出生在QQ会员前端的呢。

    WeUI 
    WeUI和 FrozenUI都属于比较专一的框架,WeUI比FrozenUI更专一,话说连个官网都不搞,所有答疑都在 gitHub Issues 解决了,这个框架极其简单,体积当然就不用说了,模块也就 7 个左右,不过体量小做的却不错,口碑看 star 就够了,框架从 16/1/23 发版至今 github star 超过 7K,不过也不排除用户没地方发泄所以都跑到 git 上来,哈哈。

    Github:https://github.com/weui/weui 
    DEMO:http://weui.github.io/weui/ 
    Star:7,129 
    总结:看完微信设计团队设计的这套 DEMO,如果要做微信公众,这个二话不说必然是首选了。框架不好的地方简而言之就是框架本身应该就没考虑过让用户用到非微信的场景之下。

    SUI 
    “SUI 是一套基于bootstrap开发的前端组件库,同时它也是一套设计规范。通过SUI,可以非常方便的设计和实现精美的页面”。 果然还是直接引用官方给的枯燥无味广告要节省自己的脑细胞( 囧… ),当然了就像广告说的,如果你之前用过 Bootstrap, 那么可以轻松转向 SUI,这可能就是淘宝给前端屌丝们的福利了。

    Github:https://github.com/sdc-alibaba/sui 
    官网:http://sui.taobao.org/sui/docs/index.html 
    Star:120

    Semantic UI 
    倒数第三个是 Semantic UI,接触这个框架还是因为 Bootstrap,Semantic UI 刚上线 github 就受到大量开发者的关注,以至于很多人拿它俩对比各种挑刺各种夸,是好是坏不能单凭别人三句四句就抬起手指开始赞,用了以后感觉 UI 上跟 Bootstrap 没太多的区别,不过代码命名规范上却相差甚大,本人认为 Semantic UI 是不是就想做的不一样,它的命名全是采用复合的方式,类名特别的离散,用的时候你得很小心自己扩展或者新增的 class 命名与它的类名冲突。

    官网:http://www.semantic-ui.cn/ 
    Github:https://github.com/semantic-org/semantic-ui/

    Foundation 
    Foundation 算是框架界的元老啦,都说框架去的早,而这个框架一直到现在依然这么的热门,如果你比较介意 Bootstrap 开发撞脸的尴尬事情,那么你可以考虑使用 Foundation 。即使你使用预定义的 UI 元素, 也不会与其他网站太像,就像官方说的给开发者更灵活的框架体验。

    官网:http://foundation.zurb.com/ 
    Github:https://github.com/zurb/foundation-sites 
    Star:22,736

    UiKit 
    UIkit是YOOtheme团队开发的,在许多WordPress主题中都有应用(也就是如果你是个 WordPress 爱好者,那么这个框架应该比较适合深究),并且框架能够通过GUI编辑器和手动编辑,所以它提供了一个灵活、强大的自定义机制。框架借助LESS、jQuery、normalize.css及FontAwesome开源项目的独有特点,整合成了这么一款轻量级、模块化的前端框架。

    官网: http://www.getuikit.com/ 
    Github: https://github.com/uikit/uikit 
    作者:YOOtheme Star:6,372

    Pure 
    终于最后一个了,我和你一样好开森 (~ ̄▽ ̄)~),这个框架是我在做管理系统时接触的,选择使用也是因为框架小巧,并且是纯 CSS,没有太多的牵扯,好用来与其他框架快速结合使用。

    官网:http://purecss.io/ 
    Github:https://github.com/yahoo/pure/ 
    Star:13,592


    展开全文
  • 常用WEB前端框架大全

    千次阅读 2019-08-24 15:01:49
    常用WEB前端框架大全UI框架(Html/Css/JavaScript组合)BootStrapMaterializeJavaScript的类库框架VueVueVuetifyMuse-UIQuasar FrameworkElementVue MaterialiViewBootstrap VueKeen-UIVUXMint UIYDUI(Material ...

    UI框架(Html/Css/JavaScript组合)


    JavaScript的类库框架

    Vue

    React


    其它框架

    • MDUI(Material Design User Interface)

      相关网站:
      MDUI

    • Omi

      相关网站:
      Omi

    • San

      相关网站:
      San

    • 飞冰

      相关网站:
      飞冰


    如果发现有错误的地方可以在下发留言,我会审查并改正,谢谢!

    展开全文
  • web服务器和web框架的作用及其关系

    千次阅读 多人点赞 2018-10-15 21:24:27
    web服务器和web框架的作用及其关系 1.web服务器作用: 1)解析请求报文,调用框架程序处理请求。 2)组织响应报文,返回内容给客户端。 2.web框架程序的作用: 1)路由分发(根据url找到对应的处理函数) 。 2)在处理...

    web服务器和web框架的作用及其关系
    1.web服务器作用:
    1)解析请求报文,调用框架程序处理请求。
    2)组织响应报文,返回内容给客户端。
    2.web框架程序的作用:
    1)路由分发(根据url找到对应的处理函数) 。
    2)在处理函数中进行业务的处理。
    服务器和客户端之间的连接靠web服务器来维持,web服务器接收到请求后,将请求以及相关的参数传递给web框架,由框架负责生成内容,并将生成的内容传递给web服务器。所以web服务器的职责是接受并返回请求,web服务器的职责是内容生成服务器和客户端之间的连接靠web服务器来维持,web服务器接收到请求后,将请求以及相关的参数传递给web框架,由框架负责生成内容,并将生成的内容传递给web服务器。所以web服务器的职责是接受并返回请求,web服务器的职责是内容生成

    展开全文
  • 前端框架存在的意义

    千次阅读 2017-11-23 17:30:48
    对于前端框架存在的意义?这个问题我思考了很久,稍微有一点头绪,把自己的想法说出来我感觉非常的爽,前端框架为什么存在?这都是我们应该考虑的问题。


      对于前端框架存在的意义?这个问题我思考了很久,稍微有一点头绪,把自己的想法说出来我感觉非常的爽,前端框架为什么存在?这都是我们应该考虑的问题。


    前端框架为什么存在?

      有人可能会说:有产品就有它存在的价值,这样的思维对我来说是非常正确的,你是否也会想,前端框架为什么存在。

      主要是因为如果你不是技术人员的话,你可能不知道前端框架是什么?之前有过一篇文章介绍了前端框架是什么,如果你对前端框架不了解的话可以去UIleader看看,如果你是技术大神相信你也不用了解,因为你对前端框架的了解可能比我更加深刻。

      这里不和大家讨论怎么使用前端框架以及前端框架开发技术等方面,聊聊前端框架为什么而存在?可能会更让朋友喜欢。这也是因为我发现互联网中,技术大神太多,但是实际上自认为大神的比较多,能好好做事的却特别少,前端框架存在这么多年了,连一个分享前端框架存在意义的人都没有,实在是看不下去了。

     使用前端框架的好处?

      我发现,很多的网站都在使用前端框架,还有部分的APP也是,因为APP开发分为安卓和IOS,所以公司成本就会增加,就算使用现在市场中的框架也会存在这个问题,虽然使用框架能够减少开发时间,节约成本,但最终还是没有达到想要的结果。

      不要以为每个人的想法都是这样,有的人比较容易满足,在现阶段的框架中,我发现还没有真正成熟的(除了原生),等你能找到一款能够多端同步的时候,那可能才叫节约开发成本吧,不然怎么好意思说节约时间和开发成本呢?只能用间接性的节约。

      你可能对我说的有质疑,但你别着急,以后会给大家分享多端同步的框架,因为正在研发中就不方便告诉大家了,希望能够给各位哥哥们带来惊喜!

      这里具体说一下前端框架存在的意义

      其实很简单,做到一个程序员2-3天开发一个APP,这就的节约开发时间和成本,这才是前端框架存在的意义吧!每个人的想法不一样,这里只是说出了我的想法,你又是怎么看待前端框架存在的意义?

    本文有UIleader原创,转载请带来源:http://www.uileader.com/news/news_content_125.html?id=125

    展开全文
  • Web前端框架

    千次阅读 2016-07-08 17:09:27
    首先我想说明一下,我们通常说的js不是框架,是语言,即javascript,据最新世界编程语言排行榜来看,已经上升到了第7位,发展迅猛,其标准是ECMAScript,现在基本上是基于ECMAScript5。jQuery是用js写的框架,其在...
  • web前端框架

    千次阅读 2014-07-28 15:02:55
    前端开发并不是一个容易的工作,不仅需要...本文收集了14个响应式前端开发框架,可以帮助前端开发人员大大简化开发过程。针对每个框架,文中均指出了它所包含的UI组件及JavaScript插件。几乎所有的框架都采用了响应式网
  • web 移动前端框架

    千次阅读 2016-11-21 09:39:13
    随着手机的性能提升,加上移动热潮的退却,除了非常必要2C app需要用原生开发,其他基本上都...目前流行前端框架:  1、angular  2、VUE  3、react 目前流行 ui框架   1、ionic  2、sui  3、frozen u
  • Web前端框架学习—Bootstrap

    万次阅读 多人点赞 2017-11-15 09:32:47
    Bootstrap是一个非常好的前端框架,在前端时间的小项目中需要使用Bootstrap做前端,于是就学习了一下,觉得非常好用,推荐给新手。 一、 什么是Bootstrap?Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。...
  • Web前端开发框架对比

    千次阅读 2016-05-31 11:14:30
     Bootstrap(http://www.bootcss.com)是目前桌面端最为流行的开发框架,一经 Twitter 推出,势不可挡。Bootstrap 主要针对桌面端市场,Bootstrap3 提出移动优先,不过目前桌面端依然还是 Bootstrap 的主要目标...
  • Web框架前端框架以及Ajax的常用框架易混淆(混为一谈)  首先,要清楚web框架前端框架的以及Ajax的常用框架区别!之前我认为人家说的框架就是一个项目的框架模式,是否是嵌套宽假模式、还是悬浮框架模式、...
  • web前端框架选型

    千次阅读 2013-09-25 16:03:28
    1.1、界面使用脚本语言有html5,php5,css3,js动态库jquery等   1.2、html采用技术为最新html5技术,html5生成的页面在...   1.3、关于开源php框架 ... 1.3.1、52framework框架 http://www.52framework.com/
  • Web 前端框架 Angular

    千次阅读 2018-07-15 21:08:15
    Angular 详细介绍Angular 是一款十分流行且好用的 Web 前端框架,目前由 Google 维护。这个条目收录的是 Angular 2 及其后面的版本。由于官方已将 Angular 2 和之前的版本 Angular.js 分开维护(两者的 GitHub ...
  • web前端框架总结

    2016-12-01 14:53:14
    web前端框架总结 jquery:jquery是js的库,封装了大量的方法,解决了js跨浏览器兼容问题,简单优雅的操作dom。用jquery获取的对象是jquery对象,而用js获取的原生对象是dom对象 所以两者的属性和方法不能混用。 ...
  • python web前端框架

    千次阅读 2014-05-16 17:55:09
    自己用过的框架web.py, django
  • 以上对前端服务端环境和语言的单纯性要求太过复杂,所以我编写了一个轻量化、较为灵活、模块的MVVM前端框架——view。起始最初的想法是摆脱MVC进入MVVM,彻底摆脱PHP模板渲染做一个单纯的view,让项目做到“模块化+...
  • 作为前端开发者,各种框架的层出不穷,促使我们要不断学习才能防止落后,但是我们不可能做到每个框架都有学习的时间,我们只需要掌握流行的,坑少的即可。从以下三个方面了解目前流行的前端开发框架。 02. 跨多平台...
  • 目前主流的web前端框架有:Bootstrap、妹子UI、MUI移动前端框架等之外,国内的一些前端大神和前端大神团队琢磨出了以下几个不错的web前端框架。   第一款前端框架:FrozenUI – 专注于移动web的UI框架 ...
  • Amaze UI web mobile 前端框架

    千次阅读 2014-09-17 09:15:43
    目录结构 index.html - 空白 HTML 模板; blog.html - 博客页面模板(预览); landing.html - Landing Page 模板(预览); login.html - 登录界面模板(预览);...在 app.js 中编写 Jav
  • 我在网上看到QUICK UI这款前端框架做的很漂亮,组件也很丰富,可惜使用jquery开发的。现在流行的框架是vue、React和Angular这种前后端分离的框架,所以QUICK UI这个框架还有存在的意义吗?
  • Java Web前端到后台常用框架介绍

    万次阅读 多人点赞 2016-03-18 11:44:16
    一、SpringMVChttp://blog.csdn.net/evankaka/article/details/45501811Spring Web MVC是一种基于Java的实现了Web MVC设计模式的请求驱动类型的轻量级Web框架,即使用了MVC架构模式的思想,将web层进行职责解耦,...
  • SSM框架概念(什么是SSM框架

    千次阅读 多人点赞 2019-08-21 13:36:53
    SSM框架 全称为Spring+SpringMVC+MyBatis ,这个是继SSH之后,目前比较主流的Java EE企业级框架,适用于搭建各种大型的企业级应用系统。 ...常作为数据源较简单的web项目的框架。 Spring ...
  • web前端框架Hui使用

    千次阅读 2019-07-05 11:04:04
    最近在写SSM项目,没有太多时间去设计web前端,就想要学习使用web前端框架,在这里选择了Hui前端框架,以下是学习记录和心得。 1.下载前端框架 网址:http://www.h-ui.net/ 2.解压下载的文件 官方解释文档 3....
  • 如何搭建web前端框架

    千次阅读 2018-01-07 19:18:12
    1、确定项目使用的技术 根据项目的需求等来选择使用的技术(这里以angular4 + typsescript + nodejs+mongodb举例) 2、新建一个项目的工作文件夹 使用npm init初始化项目,根据问题配置,一般是直接回车使用默认...
  • Web前端框架 界面UI框架调查说明

    千次阅读 2015-02-13 18:38:03
    ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs...
  • 现在客户追求养眼的网页页面设计,以前的easyUI确实是丑,我也想换一个。请问有什么推荐吗?
  • 腾讯web前端框架JX

    千次阅读 2013-03-19 11:11:47
    JX 是模块化的非侵入式Web前端框架,开发于2008年,并于2009年开源于GoogleCode - http://code.google.com/p/j-et/,于2012年切换到Github,开始我们开源计划的新征途,请记住我们的最新开源地址:...
  • web前端框架小结

    2016-04-12 13:53:31
    我才接触web前端开发,目前我知道的web前端框架: dwz框架 组件貌似不太全 easyui框架 组件挺全的 bootstrap框架 页面挺高上的感觉
  • web前端常见框架总结 ui框架+js框架

    千次阅读 2017-11-02 18:27:57
    整理的一些了解的前端市场上主流使用的CSS和JS的框架 UI框架: 1、lay UI ... 简洁明了,返璞归真,包含常用的布局、字体、颜色、动画...中国首个开源跨屏的H5前端框架,移动优先的原则,包含众多类型免费模板和插件,

空空如也

1 2 3 4 5 ... 20
收藏数 179,991
精华内容 71,996
关键字:

web框架