TGFC Lifestyle - Powered by Discuz! Board

标题: 不大懂，现在比较流行的前端html框架是什么？ [打印本页]

作者: lvcha 时间: 2016-2-1 10:49 标题: 不大懂，现在比较流行的前端html框架是什么？

posted by wap, platform: Firefox
我还停留在jquery时代呢。
现在应该是啥了？
后端服务都写好了，rest的。
兼顾手机和pc，开发快点的。

作者: arex 时间: 2016-2-1 10:51

angularJS试试？

作者: lvcha 时间: 2016-2-1 10:52

posted by wap, platform: Firefox

引用:

原帖由 @arex 于 2016-2-1 10:51 发表
angularJS试试？

瞅瞅！谢

作者: cc0128 时间: 2016-2-1 11:14

posted by wap, platform: Samsung
react 或者angular js

作者: jzbora 时间: 2016-2-1 12:57

http://getbootstrap.com/2.3.2/index.html

作者: jinwyp 时间: 2016-2-1 13:07

posted by wap, platform: MAC OS X
https://github.com/jinwyp/frontend-you-know-nothing

作者: Tchaikovsky 时间: 2016-2-1 13:09

posted by wap, platform: Chrome
makrit

作者: 流浪的枪骑兵 时间: 2016-2-1 16:16

当然是angular

作者: 拍子 时间: 2016-2-1 16:30

posted by wap, platform: Android
vuejs

作者: jun4rui 时间: 2016-2-1 16:46

posted by wap, platform: Chrome
Angularjs是跳楼升级的，老子当年一个移动端帮别人用Angularjs 1.3做的项目，注释优秀得一塌糊涂用起来熟练级了，后来准备在1.4上试试新项目，结果变化太大只能放弃了。
另外对浏览器的兼容性，导致在国内基本没法用在PC上，除非你们公司完全不在乎低版本浏览器用户。
再次我强烈国内用户使用Avalonjs，反正什么基本双向绑定之类都有。我们的产品横跨PC、Mobile等各种设备这玩意还是立下不少功劳的，兼容性从IE6起碉堡了。

然后react可以慢慢再看，这个对前端思路有比较大的变化。而且多少还要看一点芭比或者webpack，一路下来需要学一些玩意，不像MVVM那种传传JSON一下就学会了。

另外Angularjs和React这种升级非常快，基本你翻网上和实体书的教程是没用的，因为变化太快书和网络教程基本都跟不上，你跟着这些走我恐怕你前几步就走不下去直接报错了，只能自己看官方网站的最新文档。Avalon但是是国内高手开发的。

本帖最后由 jun4rui 于 2016-1-31 20:49 通过手机版编辑

作者: arex 时间: 2016-2-1 17:01

引用:

原帖由 jun4rui 于 2016-2-1 16:46 发表
posted by wap, platform: Chrome
Angularjs是跳楼升级的，老子当年一个移动端帮别人用Angularjs 1.3做的项目，注释优秀得一塌糊涂用起来熟练级了，后来准备在1.4上试试新项目，结果变化太大只能放弃了。
另外对浏览 ...

刚看了下AngularJS 2.0了，几乎砍掉重来了...那么这个新的2.0会不会很好

作者: cc0128 时间: 2016-2-1 17:02

posted by wap, platform: Samsung
angular 1.3开始不支持ie9以下浏览器，小心。。。
如果要支持ie8 请用1.1还是1.2版本。。
angular从来不支持ie6，如果你跑得没问题，只能说你运气好。。

作者: lvcha 时间: 2016-2-1 17:03

posted by wap, platform: Firefox

引用:

原帖由 @arex 于 2016-2-1 17:01 发表
刚看了下AngularJS 2.0了，几乎砍掉重来了...那么这个新的2.0会不会很好

下午学习的结果是，只有高大上的浏览器才能用2

作者: jun4rui 时间: 2016-2-1 17:12

posted by wap, platform: Chrome

引用:

原帖由 @arex 于 2016-1-31 21:01 发表
刚看了下AngularJS 2.0了，几乎砍掉重来了...那么这个新的2.0会不会很好

2.0不好说啊，思路全变了，而且用的typescript，而且还在测试吧？由于1.3=》1.4跳楼式的经历导致我没敢看，先在react再说。react好歹用下es5-shim之类的玩意能在IE8上跑，如果某些功能不用IE6+es5-shim也能跑一下。

作者: mzds 时间: 2016-2-1 17:30

vue.js

作者: banditcat 时间: 2016-2-1 17:49

posted by wap, platform: iPhone
。。。。。。。

作者: 蓝蓝的天 时间: 2016-2-1 22:11

posted by wap, platform: GOOGLE Nexus 5
Angular升级太坑了。
React好一点

作者: zxsoft 时间: 2016-2-1 22:27

看楼主想做什么了。Angular我从0.9开始用，学习成本高点，特别是$scope的作用域，只用过jQuery的话一定会遇到很多坑，需要封jQuery组件为directive，需要学习用Angular开发的思路。但我觉得2.0还没必要学。还没发布，而且ts学习生本也很高。用IE8的话。就AngularJS 1.2.29。不用的话就1.5好了。

关于Avalon，我的意见是愖用。司徒正美国人的框架肯定不如Google大公司支持度好。文档和第三方组件支持也是问题。

vue.js虽然也是国人写的但情况好的多，社区还是比较活跃的。代码量也比较少，易读。扩展性也有，有vue-router，对应angular的ui-router。如果你想做小应用的话我推荐用，坑比angularjs少。缺点是IE8就别想了。Object.defineProperty机制在IE8上是polyfill不出来的。

还可以考虑riot.js。仅作参考。

React，我不太喜欢JSX，如果不是为了React Native，我个人不建议。

http://101.200.86.145/angulr/src/

这儿有套我买的模板。名字叫Angulr，并没有少个a。作者故意叫这个名字的。里面用到的AngularJs作主体框架。版本1.4.7，不支持IE8。你可以看看效果。里面样式用的bootstrap3，还有一些内置的展示组件。

所以做单页应用快速开发我推荐还是买套模板改比较快。当然要懂单页应用原理。比如AngularJs中非常经典的ui-router。

如果不想做单页应用。其实用不用Angular这种偏重量级的框架无所谓。只想用用页面小组件的话可以用vue.js就可以了。对一直用jQuery的开发人员来说好理解一些。

[ 本帖最后由 zxsoft 于 2016-2-1 22:29 编辑 ]

作者: Vladimir 时间: 2016-2-1 22:36

按目前的发展状况IE8基本都是别想了，除非用旧版。
react和vue都可以看看，angular目前分离有点大先观望着。

作者: xu33 时间: 2016-2-1 22:43

posted by wap, platform: iPhone
用react bat三家都用这个

作者: xdd 时间: 2016-2-1 23:28

angular 比较容易整理分离各模块的关系和功能，写一般的项目还是挺有效率的。说是2.0运行性能更高，完全推翻1.x的思路也是累人。还有就是结合sass做一些css3动画不要太方便...别的框架没怎么用过.

作者: alwaysyoung 时间: 2016-2-2 07:25

posted by wap, platform: SONY Xperia Z3
技术贴，马克一击

作者: iamppz 时间: 2016-2-2 07:36

posted by wap, platform: iPhone
刚从v2出来，一进tgfc俩技术帖，还以为走错地方了

作者: squallySP 时间: 2016-2-2 08:47

posted by wap, platform: 锤子 T1 4G
去年年初一个项目用的angular，初期各种爽快，开发到后期，功能多了就很辛苦，好多概念搞不懂。

今天做项目用vue.js，目前看起来不错。功能没有angular那么全，但是足够用了。

而且vue是中国人开发的，中文文档很舒服。
反观angular，要查点儿资料，动不动就指到Google的服务器上了，不翻看不到，太累。

本帖最后由 squallySP 于 2016-2-2 08:49 通过手机版编辑

作者: 蓝蓝的天 时间: 2016-2-2 08:56

引用:

原帖由 zxsoft 于 2016-2-1 22:27 发表
看楼主想做什么了。Angular我从0.9开始用，学习成本高点，特别是$scope的作用域，只用过jQuery的话一定会遇到很多坑，需要封jQuery组件为directive，需要学习用Angular开发的思路。但我觉得2.0还没必要学。还没发布， ...

这模板怎么样啊？行的话兄弟给指点下，我也买一套学学。

作者: jun4rui 时间: 2016-2-2 09:10

posted by wap, platform: 小米 NOTE
如果现在要做PC端，那Avalon真的是首选了，ie678几乎是唯一选择，也是中文的，还有QQ群直接找作者问就好了。

作者: 总是注册不成功 时间: 2016-2-2 09:24

posted by wap, platform: iPhone
知乎上vuejs 的作者很活跃，这是一个优势。
要说react angular好不好，大公司搞的当然好了，angular大包大揽，自成体系，react追求极简，要配合其它很多东西才能做一个真正有用的项目，就看你喜欢哪种风格了。

作者: zxsoft 时间: 2016-2-2 09:30

posted by wap, platform: MAC OS X

引用:

原帖由 @蓝蓝的天于 2016-2-2 08:56 发表
这模板怎么样啊？行的话兄弟给指点下，我也买一套学学。

很好啊。做开发要易维护的话。技术选型和代码组织方式都很重要。我比较不太想免费转发别人辛苦做的东西。所以要不您还是再买一套吧。在themeforest.net上搜angulr就找到这套了。当然买其他的也没问题。里面$ocLazyLoad的使用都封好了。

其实里面用的一些图表组件太简单，要换成echarts3。别的基本都可以直接用了。

作者: jun4rui 时间: 2016-2-2 09:42

posted by wap, platform: 小米 NOTE
新手转react需要一些时间，如果要求快就先别用，但是还是要慢慢学的。react很多UI都要自己封装

作者: sunrainnet 时间: 2016-2-2 10:03

。。。编程技术的更新太快了吧。。JQUERY又过时了？？

作者: 蓝蓝的天 时间: 2016-2-2 10:14

引用:

原帖由 zxsoft 于 2016-2-2 09:30 发表
posted by wap, platform: MAC OS X
很好啊。做开发要易维护的话。技术选型和代码组织方式都很重要。我比较不太想免费转发别人辛苦做的东西。所以要不您还是再买一套吧。在themeforest.net上搜angulr就找到这套了。当 ...

谢谢了，我去看看

作者: jun4rui 时间: 2016-2-2 10:15

posted by wap, platform: 小米 NOTE

引用:

原帖由 @sunrainnet 于 2016-2-1 14:03 发表
。。。编程技术的更新太快了吧。。JQUERY又过时了？？

第一版2006年出来的，都十年了！

作者: arex 时间: 2016-2-2 10:29

如果并不需要做单页应用，只是需要在页面里面方面的将接口返回的json渲染出来，取代以前手写填充干的那一部分工作，用什么前台的框架比较合适呢？

作者: jun4rui 时间: 2016-2-2 10:36

posted by wap, platform: 小米 NOTE

引用:

原帖由 @arex 于 2016-2-1 14:29 发表
如果并不需要做单页应用，只是需要在页面里面方面的将接口返回的json渲染出来，取代以前手写填充干的那一部分工作，用什么前台的框架比较合适呢？

任何mvvm框架都可以啊，前面说的AngularJS、vue、Avalon

作者: pop000ooo 时间: 2016-2-2 10:53

喷了
tg真是卧虎藏龙
想不到这么多搞前端的。。

作者: pop000ooo 时间: 2016-2-2 10:58

感觉vue性价比高些
简单，不想angular那么庞大，效率还可以
其实很多功能是用不上的

react是另外一个黑科技
不喜欢的看着jsx感觉恶心
习惯react数据流，界面更新的思想后
感觉她才最顺手

作者: terius 时间: 2016-2-2 21:42

posted by wap, platform: 华为 P8
不错，mark

作者: lrj2u 时间: 2016-2-3 11:07

这个图比较屌
[attach]820235[/attach]

作者: jun4rui 时间: 2016-2-3 11:08

posted by wap, platform: 小米 NOTE

引用:

原帖由 @lrj2u 于 2016-2-2 15:07 发表
这个图比较屌
820235

这图不错，加祭扫了

作者: bstdy 时间: 2016-2-3 13:23

mark

作者: EraserKing 时间: 2016-2-3 14:38

你们居然不提minggeJS！看不下去了

作者: jun4rui 时间: 2016-2-3 14:46

posted by wap, platform: Chrome

引用:

原帖由 @EraserKing 于 2016-2-2 18:38 发表
你们居然不提minggeJS！看不下去了

难道你是V2EX用户？

作者: kississik2 时间: 2016-2-3 15:12

posted by wap, platform: GOOGLE Nexus 5
knockout怎么样

作者: Vladimir 时间: 2016-2-3 15:19

引用:

原帖由 lrj2u 于 2016-2-3 11:07 发表
这个图比较屌
820235

这图有点误导人，还是声明下吧

作者: EraserKing 时间: 2016-2-3 16:55

引用:

原帖由 jun4rui 于 2016-2-3 14:46 发表
posted by wap, platform: Chrome
难道你是V2EX用户？

不管是混V2EX还是混Github的应该都听说过了吧

前段时间那么火，我觉得不混V也不混G的人听说过也不奇怪

作者: jun4rui 时间: 2016-2-3 16:57

posted by wap, platform: Chrome
最近V2EX说得比较多哈

作者: EraserKing 时间: 2016-2-3 17:03

引用:

原帖由 jun4rui 于 2016-2-3 16:57 发表
posted by wap, platform: Chrome
最近V2EX说得比较多哈

是的……
不过我不懂前段，看着玩玩……

作者: jun4rui 时间: 2016-2-3 17:12

posted by wap, platform: Chrome

引用:

原帖由 @EraserKing 于 2016-2-2 21:03 发表
是的……
不过我不懂前段，看着玩玩……

著作权归作者所有。
商业转载请联系作者获得授权，非商业转载请注明出处。
作者：Hun Soul
链接：https://www.zhihu.com/question/38441006/answer/76946964
来源：知乎

我觉得好不好应该由学习人员来说，因为一个库是让大众，让小白用着舒服，用着放心。所以库好不好完全是由大众来评测的，身为大众中的小白人员更要来评测了.从小妈妈,哦不对,是大家都叫我,学习JS一定要学习jquery,因为他方便,封装了Dom操作,Ajax,Animate..常用的操作，使JS变得简单,使Ajax操作触手可及,使Dom操作变得像每晚上撸*一样,一切都是那么顺手。本来嘛，学习个jquery库就行了,突然大家又说,jquery源码一定要读，评价一个前端开发人员的标准就是能否读完读懂j！q！u！e！r！y！源码,什么玩意,学个jquery还要去看源码,再说jquery源码好多的奇淫技巧，学这货做什么，我能从源码中学到啥？什么工厂模式，原型链，继承，重载，浏览器功能性判断,队列控制，这些都是jquery源码写的！什么玩意！学这些有个啥用。突然有一天,我无意中遇到了一个完美的库，她像jquery却比jquery长得更漂亮，那36D丰满的胸部一开就不像是隆德，那倾城倾国的容颜一看就不是整的，jquery在她面前什！么！都！不！是！她就是大名鼎鼎的minggeJS！！你无法想象她有多优雅，jquery能做的她都能做！她用了一个星期！一个星期就出现在我的眼前，没有一点点准备，你就这样悄然无息的出现在我眼前，出现在我心中！她比jquery瘦3倍！jquery重160kb,她！她仅仅重40kb！对！多么优雅的身躯，让我柔柔一握那她小蛮腰！多么完美！我看了她的源代码！多么优雅，多么精简，没有设计模式，没有繁杂代码！她的一切我都看得懂！看得清清楚楚一清二白！我哭了！这么精简优雅的库为什么这个时候才出现在我眼前，我想起了往日的坚信，我想起的夕阳下我和jquery的奔跑.我抹抹眼泪.我开始使用她! 我用她完成了前端最不可能完成的任务！做一段动画！So Beautiful！动画,是用CSS3精心打造的,她不仅仅支持chrome,而且还支持火狐,360浏览器,QQ浏览器,遨游浏览器,2345浏览器,就连IE10 她也是用CSS3实现支持的！而jquery呢？愚昧无知的jquery还在用队列来实现IE6,7，8，9的兼容！愚昧！这些浏览器也就家里那年老的父母用,父母不懂装浏览器,只会用那自带的IE浏览器,他们用的还是8,9代. 当我们想给父母发一段祝贺WEB时! 我们要让父母用上chrome浏览器用上最好的浏览器没有了minggeJS 我想,我的父母永远都不可能用上chrome浏览器感谢minggeJS！minggeJS! 不山寨jquery,只让jquery山寨, 而作者的发言也让我感到热血！激情澎湃！我给了他一个霸气的名字：MingGeJs，MingGeJs是什么？它是我一个星期完成的作品，它是一个JS类库，它拥有和JQUERY相同的语法，相同函数，相同的函数用法，但是动画，选择器性能，函数效率都在JQ之上，同时兼容IE 6 7 8，同时与JQUERY相兼容它的名字叫MingGeJs，MingGe就是我的大名，一看到插件名字，就知道作者是我，知道它是国产的，让别人知道国产类库一样做得很出色，出众本人文化程度不高，初中毕业！半句英文都不会，但是我相信只要肯努力一样可以实现自己的梦想。MingGeJS的梦想有点大胆，就是在全球范围内，占据JQUERY百分之50以上的用户份额霸气的发言,让我感觉到乡村那浓浓的贵族味道！啊！这就是贵族的味道!感谢MingGeJs！感谢作者,让我回到了激情燃烧的岁月
========================
我总觉得这货像段子

作者: EraserKing 时间: 2016-2-3 17:13

引用:

原帖由 jun4rui 于 2016-2-3 17:12 发表
posted by wap, platform: Chrome
著作权归作者所有。
商业转载请联系作者获得授权，非商业转载请注明出处。
作者：Hun Soul
链接：https://www.zhihu.com/question/38441006/answer/76946964
来源：知乎

我觉 ...

不是段子是高级黑……

作者: jun4rui 时间: 2016-2-3 17:29

posted by wap, platform: Chrome

引用:

原帖由 @EraserKing 于 2016-2-2 21:13 发表
不是段子是高级黑……

类似的兼容库以前用过一些总是有些小问题，最后还是安心用jquery了

作者: mting 时间: 2016-2-3 19:00

http://semantic-ui.com/

作者: LTFYH 时间: 2016-2-3 20:10

posted by wap, platform: Android
mark下吧，说不定会用到

作者: jinwyp 时间: 2016-2-3 21:53

posted by wap, platform: Chrome
还是学angularjs吧, 作为那个大图作者, 我还是推荐angular,

至于vuejs做小项目还可以, 各个方面差angular 太多. 其实只要是做项目,各个方面都会用到, 路由, 指令, 组件其实都是angular带起来的.

React 不知道为什么很多人推荐, 目前没有什么大项目在用除了facebook. 其实问题很多, redux/flux 其实是玩具. 没搞懂怎么火起来的.

作者: jinwyp 时间: 2016-2-3 21:55

posted by wap, platform: Chrome
还有angular2 变化很大,但基本概念和angular都是相通的, 其实学习完angular, 什么avalon vuejs 都是一样的, 因为很多地方都借鉴了angular

作者: jinwyp 时间: 2016-2-3 21:56

posted by wap, platform: Chrome

引用:

原帖由 @zxsoft 于 2016-2-1 22:27 发表
看楼主想做什么了。Angular我从0.9开始用，学习成本高点，特别是$scope的作用域，只用过jQuery的话一定会遇到很多坑，需要封jQuery组件为directive，需要学习用Angular开发的思路。但我觉得2.0还没必要学。还没发布，而且ts学习生本也很高。用IE8的话。就AngularJS 1.2.29。不用的话就1.5好了。

关于Avalon，我的意见是愖用。司徒正美国人的框架肯定不如Google大公司支持度好。文档和第三方组件支持也是问题。

vue.js虽然也是国人写的但情况好的多，社区还是比较活跃的。代码量也比较少，易读。扩展性也有，有vuerouter，对应angular的uirouter。如果你想做小应用的话我推荐用，坑比angularjs少。缺点是IE8就别想了。Object.defineProperty机制在IE8上是polyfill不出来的。

还可以考虑riot.js。仅作参考。

React，我不太喜欢JSX，如果不是为了React Native，我个人不建议。

http://101.200.86.145/angulr/src/

这儿有套我买的模板。名字叫Angulr，并没有少个a。作者故意叫这个名字的。里面用到的AngularJs作主体框架。版本1.4.7，不支持IE8。你可以看看效果。里面样式用的bootstrap3，还有一些内置的展示组件。

所以做单页应用快速开发我推荐还是买套模板改比较快。当然要懂单页应用原理。比如AngularJs中非常经典的uirouter。

如果不想做单页应用。其实用不用Angular这种偏重量级的框架无所谓。只想用用页面小组件的话可以用vue.js就可以了。对一直用jQuery的开发人员来说好理解一些。

这个模版怎么买?

作者: koholint 时间: 2016-2-3 22:02

还好没做前端，太可怕了。

作者: lrj2u 时间: 2016-2-3 23:40

引用:

原帖由 jinwyp 于 2016-2-3 21:53 发表
posted by wap, platform: Chrome
还是学angularjs吧, 作为那个大图作者, 我还是推荐angular,

至于vuejs做小项目还可以, 各个方面差angular 太多. 其实只要是做项目,各个方面都会用到, 路由, 指令, 组件其实都是 ...

喷了，原来这图的作者也在tg啊，你厉害！

欢迎光临 TGFC Lifestyle (http://bbs.tgfcer.com/)