H5站前端开发框架选用哪一种?

女码农 发布于 2016/08/05 17:59
阅读 5K+
收藏 7

Linux基金会免费官方培训及考试申请即将截止,戳这里申请!>>>

1.新开发H5站,前端开发框架用哪一种?

有人说: AngularJS体量太大,现在都用轻量级的Vue.js.

也有人说,前端用Zepto

更多的人是推荐用Vue.js.

研究新技术的人推荐新开发H5站前端用React.

想问大家大型电商网站究竟用哪一种前端框架才符合技术趋势?

2.AngularJS和Jquery能混用吗?

 

加载中
0
eechen
eechen
Zepto是一个兼容jQuery API的轻量级JS库,但Zepto不兼容jQuery插件,而且速度也没有jQuery 2快. zepto.min.js是25KB,jquery-2.2.4.min.js是84KB,体积上看的确Zepto更小. 但更小并不意味着执行效率更高,有人测试过,jQuery2效率要比Zepto高不少. 而且就算不谈效率,用jQuery2也能保证功能性和使用各种jQuery插件. jQuery2是官方对jQuery的重构,抛弃IE6/7/8的历史包袱,更加高效, 并且jQuery2兼容jQuery1插件(比如幻灯片插件flexslider),适合应用于没有IE困扰的移动浏览器.

jQuery 3 Browser Support:
Chrome, Firefox, Safari, Opera, IE 9+, iOS 7+, Android 4.0+
iPhone 4S可升级到iOS 9.
2016年6月Android版本份额:
Android 2 份额约  2%
Android 4 份额约 53% (WebView自Android 4.4起采用Chromium内核)
Android 5 份额约 35%
Android 6 份额约 10%
注:Android 3.x是Google针对平板开发的系统.
如果你需要支持IE6-8和Android 2,那就用jQuery 1.
如果你需要在移动应用上使用jQuery,那你就用jQuery 3.
其实大可不必纠结各版本的区别,因为API基本都是相同的.
我分别用jQuery1,2,3来跑flexslider这个支持触屏滑动的jQuery幻灯片插件,都是正常的.

jQuery Mobile官方提供了一个测试版本的Download Builder
可以用来定制自己用到的功能,比如触摸事件(Touch Events):
访问 http://jquerymobile.com/download-builder/
勾选 Events 下的 Touch 然后点击页面下方的 Build My Download 下载.
jquery.mobile.touch.min.js 只有8KB.
Touch events including:
touchstart, touchmove, touchend,
tap, taphold,
swipe, swipeleft, swiperight,
scrollstart, scrollstop
注意:jQuery Mobile 1.4.5 还不支持 jQuery 3,所以可以配合 jQuery 2 使用.

jQuery在移动Web开发同样是一把瑞士军刀.
jQuery已经用帮我们在桌面上填了IE的坑,同样也能帮我们填移动的坑.
1
hzajie
hzajie

1、选哪个要根据你自己的实际情况,其实每一种都有自己的优点或缺点。

2、一般来说,AngularJS和Jquery不能混用.

0
_Oak_
_Oak_

angularJS 和 react 是趋势.

Vue.js,ember.js , backbone.js等都比较经典流行的,都看看学学

0
溱
欢迎进坑
0
cyper
cyper

关于前端的选型, 可以看看飞哥的博客: https://github.com/xufei/blog/issues, 具体在#24上有讨论: https://github.com/xufei/blog/issues/24,  看起来京东商城的部分模块用的angular1.x,,  我们公司有些也是. angular1.x最成熟.  我现在的项目还在用backbonejs + zepto, 比较原始.

zepto是jquery的精简版, 你会jquery就会zepto, 因为API一模一样, 如果开发移动端可以用zepto替换掉jquery. 因为移动端全是webkit内核, 不用考虑firefox和IE, 用zepto体积更小, 速度更快


0
开源无憾
不要纠结用什么工具,关键是技术原理以及基本功。所谓的H5技术,主要技术难点在js上,尤其是浏览器端js,node环境下的js只是辅助,其次是CSS功底,HTML技术本身没有复杂的技术栈。jq和zepto只是解决浏览器兼容性的库,pc端可以考虑用,移动端用不着。ng和vue是前端mvc/mvp/mvvm框架,这里框架的几大基本原理必须弄清楚,且必须熟悉ES5、DOM以及浏览器提供的一些常见API,否则别用。react是个视图层框架,推荐学习,不用纠结原理。
0
红薯官方
红薯官方
除了vue,楼主知道 avalon.js 吗?这个MVVM也挺好用的呢。
eechen
eechen
去哪儿网前端架构师钟钦成开发的AvalonJS支持低版本IE,他的见解可以看看: http://www.csdn.net/article/2015-05-11/2824656
0
eechen
eechen
AvalonJS作者钟钦成(去哪儿网前端架构师)的见解:
http://www.csdn.net/article/2015-05-11/2824656
基本就是说后台开发可以考虑用AvalonJS/ExtJS这些框架,
在重SEO的前端就算了,还是老老实实用jQuery吧.
0
eechen
eechen
AngularJS前后端分离后的单页应用的缺陷: 首先,AngularJS不支持IE8,根据百度统计,IE8/7/6至少还有25%的使用份额,装机份额可能更大。 所以,如果你要开发面向国内大众用户的Web服务,显然你不能忽视这1/4的IE使用者。这时,你还得用jQuery 1。 移动端硬件资源有限,AngularJS这类复杂的前端框架体验并不好。 其次,AngularJS之类在前端渲染HTML的单页应用,不利于SEO, 因为搜素引擎抓到的是JS代码,而不是服务器端模板引擎输出的HTML实际内容。 如果你要求搜索引擎抓取你的JS代码后执行获取内容,这抓取的成本就显得比较高了, 显然现在的搜索引擎还不能广泛做到这一点。 最后,用户可以修改浏览器端代码逻辑,所以仍然避免不了需要服务器端进行逻辑验证。 所以说,以后在服务器端用PHP等模板引擎生成HTML依旧是主流,AJAX和JSON继续充当辅助。
女码农
女码农
回复 @eechen : 是的,AngularJS和jQuery,完全两个世界的东西,AngularJS是框架,而jQuery是操作DOM的库,所以不是一个概念。
eechen
eechen
回复 @女码农 : AngularJS只会挑战jQuery生态,Bootstrap才是能跟jQuery合得来的新伙伴.
eechen
eechen
回复 @女码农 : AngularJS和jQuery,完全两个世界的东西,扬jQuery必然会抑AngularJS,矛盾的存在.
女码农
女码农
AngularJS和jQuery混用能解决你所说的这些问题吗?
0
i5--lou
i5--lou

作为一个新人,你首先不应该想的是要选择哪一个框架,因为真正到岗之后,这些都是已经选好的,而一个有能力的部门CTO是不会让新人来做这些高风险的事情,所以你要做的其实很简单,就是拥有夯实的基础,

打个比方说,如果你连js异步回调,函数申明这些都不了解,去学习那些框架也没有申明意义不是嘛

零七九三
零七九三
回复 @女码农 : 不赞同
女码农
女码农
新人更要从框架大方向学起才好!
返回顶部
顶部