精华内容
下载资源
问答
  • ZensUI为前端开发者提供了一个易上手的、语义化的、高兼容性前端UI框架。致力于帮助开发者可以快速构建自己的web应用。
  • 前端各个框架兼容性

    千次阅读 2017-06-06 20:07:42
    JS框架:angular.js和react.js和Avalon.js和vue.js和backbone.js和Node.js AngularJS(IE9)1.0(IE8) react.js (IE9) ...backbone 需要另写js操作dom,开发较麻烦,但兼容性好 (其他MVVM框架, KnockoutJS(IE6), Emb

    JS框架:angular.js和react.js和Avalon.js和vue.js和backbone.js和Node.js

    AngularJS   (IE9)1.0(IE8)

    react.js        (IE9)

    关于ReactJs支持IE8问题

    我在开始也遇到了你这个问题,因为我引入的顺序是这样的:

    <script type="text/javascript" src="build/react.js"></script>
    <script type="text/javascript" src="build/JSXTransformer.js"></script>
    <script type="text/javascript" src="build/es5-shim.min.js"></script>
    <script type="text/javascript" src="build/es5-sham.min.js"></script>

    后来我把它们的顺序调整一下就可以了,你不妨也试试看:

    <script type="text/javascript" src="build/es5-shim.min.js"></script>
    <script type="text/javascript" src="build/es5-sham.min.js"></script>
    <script type="text/javascript" src="build/react.js"></script>
    <script type="text/javascript" src="build/JSXTransformer.js"></script>

    Avalon.js     (IE6)

    vue.js           (IE9)

    backbone 需要另写js操作dom,开发较麻烦,但兼容性好

    (其他MVVM框架, KnockoutJS(IE6), EmberJS(IE8), WinJS(IE9))
    展开全文
  • 前端热门框架兼容性

    千次阅读 2017-02-22 10:54:39
    MVVM框架,Avalon.js与avalon.mobile(IE6), KnockoutJS(IE6), AngularJS(IE9), EmberJS(IE8), WinJS(IE9) )

    MVVM框架,Avalon.js与avalon.mobile(IE6), KnockoutJS(IE6), AngularJS(IE9), EmberJS(IE8), WinJS(IE9) )

    Vue.js

    Vue.js @尤雨溪 老师写的一个用于创建 web 交互界面的库,是一个精简的 MVVM。从技术角度讲,Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来。实际的 DOM 封装和输出格式都被抽象为了Directives 和 Filters。Vue.js和其他库相比是一个小而美的库,作者的主要目的是通过一个尽量简单的 API 产生可反映的数据绑定和可组合的视图组件,感觉作者的思路非常清晰。

    优点:

    简单:官方文档很清晰,比 Angular 简单易学。
    快速:异步批处理方式更新 DOM。
    组合:用解耦的、可复用的组件组合你的应用程序。
    紧凑:~18kb min+gzip,且无依赖。
    强大:表达式 & 无需声明依赖的可推导属性 (computed properties)。
    对模块友好:可以通过 NPM、Bower 或 Duo 安装,不强迫你所有的代码都遵循 Angular 的各种规定,使用场景更加灵活。

    缺点:

    新生儿:Vue.js是一个新的项目,2014年3月20日发布的0.10.0 Release Candidate版本,目前github上面最新的是0.11.4版本,没有angular那么成熟。
    影响度不是很大:google了一下,有关于Vue.js多样性或者说丰富性少于其他一些有名的库。
    不支持IE8:哈哈不过AngularJS 1.3也抛弃了对IE8的支持,但是 @司徒正美 老师的avalon是支持IE6+的,应该下了很多努力去优化。这一点对于那些需要支持IE8的项目就不好了,不过这也是web前端开发的一个趋势,像IE低版本就应该退出历史舞台了,通过改变我们的前端思维,而不是顺应那些使用老版本而不去升级的人。 @玉伯老师就说过一句话,我觉得说的非常好“这年头,支持 IE6、7 早就不再是特性,而是耻辱。努力推动支付宝全面不支持 IE6、7,期待更多兄弟加盟”。

    AngularJS

    AngularJS最近很火,追随者也很多。 Superheroic JavaScript MVW Framework
    官方说得很朴素:“完全使用JavaScript编写的客户端技术。同其他历史悠久的Web技术(HTML、CSS和JavaScript)配合使用,使Web应用开发比以往更简单、更快捷“。当你学习它的时候,我相信你会被它的很多新特效所吸引。

    优点:

    动态视图:以前从来没有想过js可以如此扩展HTML的属性,但是AngularJs做到了,它替我们静态的HTML加了很多扩展性功能,有一种让HTML由死变活的感觉。
    完善:是一个比较完善的前端MVW框架,包含模板,数据双向绑定,路由,模块化,服务,依赖注入等所有功能,模板功能强大丰富,并且是声明式的,自带了丰富的 Angular 指令。
    Google维护:AngularJS有Google来维护,无疑有了一个强大的后台,对于推广和维护明显比Vue.js和avalon有优势,社区也非常活泼,能够很好促进它的发展。
    AngularJS & Ionic:Ionic: Advanced HTML5 Hybrid Mobile App Framework,这俩就是一个好基友,Ionic通过用AngularJS为了创建一个框架,最适合开发的丰富和强大的应用程序。上次于知乎答了一个相关问题做webapp开发,性能和效率最好的框架和打包app平台分别是哪个? - 汤威的回答,详细可以见这里。

    缺点:

    大而全:学习起来有难度,对于我来讲学习曲线很曲折,比较难理解一些。
    推翻重写:前段时候逛社区发现AngularJS2.0会把之前的推翻重写,两个框架的改变很大,基本是两个框架了,等于是说等到2.0出来后又需要从头开始,不过又说回来, http://www.jb51.net/article/79637.htm这篇文章很好说明了AngularJS2.0的变化。
    不支持IE8以下,貌似2.0变得只支持移动端了,等到出来后再看吧。

    Avalon.js

    Avalon.js是 @司徒正美 老师所写的个简单易用迷你的MVVM框架,它最早发布于2012.09.15,为解决同一业务逻辑存在各种视图呈现而开发出来的。常常可以看到老师推广他的Avalon.js,出了很多教程,无疑对国内学习Avalon.js的人提供了巨大方便。

    优点

    使用简单,在HTML中添加绑定,在JS中用avalon.define定义ViewModel,再调用avalon.scan方法,它就能动了!
    兼容到 IE6 (其他MVVM框架,KnockoutJS(IE6), AngularJS(IE9), EmberJS(IE8), WinJS(IE9) ),另有avalon.mobile,它可以更高效地运行于IE10等新版本浏览器中
    没有任何依赖,不到5000行,压缩后不到50KiB
    支持管道符风格的过滤函数,方便格式化输出
    局部刷新的颗粒度已细化到一个文本节点,特性节点
    要操作的节点,在第一次扫描就与视图刷新函数相绑定,并缓存起来,因此没有选择器出场的余地。
    让DOM操作的代码近乎绝迹
    使用类似CSS的重叠覆盖机制,让各个ViewModel分区交替地渲染页面
    节点移除时,智能卸载对应的视图刷新函数,节约内存
    操作数据即操作DOM,对ViewModel的操作都会同步到View与Model去
    自带AMD模块加载器,省得与其他加载器进行整合。

    缺点

    1,对数组的过滤没有angular那么方面,avalon的过滤器只能用于ms-text, ms-html

    2,没有英文文档,宣传受到限制

    3,OniUI的皮肤不够好看,许多人说要配合boostrap,但社区还没有人主动站出来做这事

    展开全文
  • 前端框架

    千次阅读 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


    展开全文
  • 有时候公司里面的项目要求兼容ie8,之前做过jQuery和JavaScript的一些ie8不支持用法的整理,最近搜集了一些可以兼容ie8的前端框架,写篇博客记录下来~ 1.jQuery(这个就是我现在用的~) 2.react@0.14+antd@1 如果...

    有时候公司里面的项目要求兼容ie8,之前做过jQuery和JavaScript的一些ie8不支持用法的整理,最近搜集了一些可以兼容ie8的前端框架,写篇博客记录下来~

    1.jQuery(这个就是我现在用的~)

    2.react@0.14+antd@1

    如果需要用redux,使用react-redux@4.4 / redux@3.5

    3.anujs  (https://www.npmjs.com/package/anujs)

    4.司徒正美(avalon.js)

    5.3.X bootstrap  (https://getbootstrap.com/docs/3.3/getting-started/#support

    6.jQuery+backbone.js+Underscore.js ( https://backbonejs.org/   /  https://underscorejs.net/

     

    上面就是整理的兼容ie8的框架,总体来说,不建议使用低版本的MVVM框架,后期不确定东西比较多。

    【如有侵权,请联系】

    展开全文
  • 2018几大主流的UI/JS框架——前端框架

    万次阅读 多人点赞 2018-07-28 11:37:07
    这一年中有很多热门的前端开发框架,下面源码时代web小编为大家总结2016年至今最受欢迎的几款前端框架。 在这互联网飞速发展的信息时代,技术的更新迭代也在加快。目前看来,火了十几年的Java技术现在仍然是棵常青...
  • Tiny前端框架

    2014-11-22 22:59:02
    非常不错的后台管理系统界面。bootstrap 做出来的。目前最强的前端框架。 特点: 组件丰富 兼容性好 修改容易 扩展方便 性能能好 内存回收强 界面好看 免费分享 更换皮肤 支持窗口小组件 流式布局
  • avue前端框架 v2.7.5

    2021-01-12 14:25:26
    为您提供avue前端框架下载,Avue.js是基于现有的element-ui库进行的二次封装,从而简化一些繁琐的...浏览器兼容性支持所有符合ES5标准的浏览器(不支持IE8及以下版本)。avue前端框架 更新日志:v2.7.5电脑端优化优化
  • avue前端框架 v2.7.4

    2020-12-15 13:21:23
    为您提供avue前端框架下载,Avue.js是基于现有的element-ui库进行的二次封装,从而简化一些繁琐的...浏览器兼容性支持所有符合ES5标准的浏览器(不支持IE8及以下版本)。avue前端框架 更新日志:v2.7.4电脑端修复修复
  • weweb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。如果你熟悉vue的语法,也可以使用wepy编写小程序,再通过weweb转换后将...
  • H-ui前端框架 3.1.3.3

    2021-05-01 16:06:42
    H-ui前端框架是在bootstrap的思想基础上基于HTML、CSS、JS开发的轻量级WEB前端框架,开源免费,简单灵活,兼容性好,满足大多数中国网站。H-ui前端框架 3.1.3.3 更新日志:2020-07-02增加全选功能:jQuery....
  • 一款很强大的前端框架,包含了基本前端用到所有内容,兼容性强。
  • 前端框架分类

    千次阅读 2017-11-03 15:36:07
    前端框架比较繁多,分了以下类主要有基于js的类库框架(主要分为纯类库和包含设计模式的类库)、UI框架、可视化组件等。 想补充一点的楼主暂时知道WPF、AngularJS和VUE.JS是用的MVVM,感觉MVVM很牛逼,其实...
  • 目前主流的web前端框架有:Bootstrap、妹子UI、MUI移动前端框架等之外,国内的一些前端大神和前端大神团队琢磨出了以下几个不错的web前端框架。   第一款前端框架:FrozenUI – 专注于移动web的UI框架 ...
  • Web前端框架

    千次阅读 2015-11-24 19:41:09
    一、前端框架介绍 1、前端、后端 那么首先什么事前端呢? 有前端肯定就会有后端。 大家都知道,我们在浏览器上浏览网站的数据都是来自服务器端处理提供的。那所谓前端就是指我们在浏览器上所见到的UI界面和交互,...
  • H-ui前端框架 3.1

    2017-05-26 20:12:08
    H-ui前端框架是在bootstrap的思想基础上基于HTML、CSS、JS开发的轻量级WEB前端框架,开源免费,简单灵活,兼容性好,满足大多数中国网站。
  • MDUI 是一个基于 Material Design 的前端框架。 特性: 1、轻量级 CSS 文件仅 32KB minified + gzip JavaScript 文件仅 19KB minified + gzip 2、多主题 CSS 文件中已经包含了 19种主色主题、16种强调色主题、1种...
  • H-ui前端框架 3.0

    2017-04-20 09:05:21
    H-ui前端框架是在bootstrap的思想基础上基于HTML、CSS、JS开发的轻量级WEB前端框架,开源免费,简单灵活,兼容性好,满足大多数中国网站。
  • ...14个响应式前端开发框架。几乎所有的框架都采用了... 使用这些前端框架,有如下好处:  跨浏览器。这一点已被证实。  一致。UI组件,如导航、按钮、标签、表单、下拉框、表格……,在设计上保持风格一致。  ...
  • X-admin-v2.2前端框架

    2020-06-20 21:18:13
    X-admin基于layui的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序。创立于2017年初,为了敏捷WEB应用开发和简化企业应用开发而诞生的
  • H-ui 前端框架-免费

    千次阅读 2016-08-25 15:37:10
    H-ui 前端框架 架起设计与后端的桥梁 轻量级前端框架,简单免费,兼容性好,服务中国网站。 http://www.h-ui.net/
  • AKjs是一款基于jQuery的移动端前端框架。AKjs插件中含着移动端常用的功能效果,以及简单明亮的CSS样式库。该移动端前端框架对IOS和安卓系统的微站兼容性很完美。
  • 前端框架学习

    千次阅读 2017-11-03 09:33:43
    BUI是十分适合作为后台管理系统的前端框架,因为: (1)后台管理系统数据以表格形式呈现,然后就是增删查改等操作,分页等功能,使用起来十分便利。 (2)BUI还提供了数据统计显示的各种图片,什么折线图、...
  • H-ui前端框架 v3.1.3.2

    2021-04-22 12:33:26
    H-ui前端框架是在bootstrap的思想基础上基于HTML、CSS、JS开发的轻量级WEB前端框架,开源免费,简单灵活,兼容性好,满足大多数中国网站。H-ui前端框架 v3.1.3.2 更新日志解决标签重复问题; 去掉无用的隐藏文件; ...
  • 10大H5前端框架

    千次阅读 2019-10-24 08:49:28
    作为一名做为在前端死缠烂打6年并且懒到不行的攻城士,这几年我还是阅过很多同门从知名到很知名的各种前端框架,本来想拿15-20个框架来分享一下,但在跟几个前辈讨教写文章的技巧时果断被无情的打击了,所以这里我...
  • 各种前端框架您应该选择哪个 用编程的话来说所有操作都可以分为前端和后端前者用于处理网站或应用程序的客户端而后者则用于服务器端前端开发人员的主要关注点包括用户界面 UI响应式 Web 设计可访问性和兼容性所有...
  • 几款常用的高质量web前端框架

    万次阅读 多人点赞 2017-09-20 17:06:18
    Web前端框架就是为了节约开发成本和时间,一般开发一个项目都会用到前端框架(除非自己有前端开发团队),根据我经验找的几款web前端框架做出了分析。都是个人意见,仁者见仁智者见智。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 62,105
精华内容 24,842
关键字:

兼容性最好的前端框架