H5站前端开发框架选用哪一种?
1.新开发H5站,前端开发框架用哪一种?
有人说: AngularJS体量太大,现在都用轻量级的Vue.js.
也有人说,前端用Zepto
更多的人是推荐用Vue.js.
研究新技术的人推荐新开发H5站前端用React.
想问大家大型电商网站究竟用哪一种前端框架才符合技术趋势?
2.AngularJS和Jquery能混用吗?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(16)
新人更要从框架大方向学起才好!
回复
不赞同
作为一个新人,你首先不应该想的是要选择哪一个框架,因为真正到岗之后,这些都是已经选好的,而一个有能力的部门CTO是不会让新人来做这些高风险的事情,所以你要做的其实很简单,就是拥有夯实的基础,
打个比方说,如果你连js异步回调,函数申明这些都不了解,去学习那些框架也没有申明意义不是嘛
AngularJS和jQuery混用能解决你所说的这些问题吗?
回复
AngularJS和jQuery,完全两个世界的东西,扬jQuery必然会抑AngularJS,矛盾的存在.
回复
AngularJS只会挑战jQuery生态,Bootstrap才是能跟jQuery合得来的新伙伴.
回复
是的,AngularJS和jQuery,完全两个世界的东西,AngularJS是框架,而jQuery是操作DOM的库,所以不是一个概念。
AngularJS前后端分离后的单页应用的缺陷: 首先,AngularJS不支持IE8,根据百度统计,IE8/7/6至少还有25%的使用份额,装机份额可能更大。 所以,如果你要开发面向国内大众用户的Web服务,显然你不能忽视这1/4的IE使用者。这时,你还得用jQuery 1。 移动端硬件资源有限,AngularJS这类复杂的前端框架体验并不好。 其次,AngularJS之类在前端渲染HTML的单页应用,不利于SEO, 因为搜素引擎抓到的是JS代码,而不是服务器端模板引擎输出的HTML实际内容。 如果你要求搜索引擎抓取你的JS代码后执行获取内容,这抓取的成本就显得比较高了, 显然现在的搜索引擎还不能广泛做到这一点。 最后,用户可以修改浏览器端代码逻辑,所以仍然避免不了需要服务器端进行逻辑验证。 所以说,以后在服务器端用PHP等模板引擎生成HTML依旧是主流,AJAX和JSON继续充当辅助。
AvalonJS作者钟钦成(去哪儿网前端架构师)的见解:
http://www.csdn.net/article/2015-05-11/2824656
基本就是说后台开发可以考虑用AvalonJS/ExtJS这些框架,
在重SEO的前端就算了,还是老老实实用jQuery吧.
去哪儿网前端架构师钟钦成开发的AvalonJS支持低版本IE,他的见解可以看看: http://www.csdn.net/article/2015-05-11/2824656
除了vue,楼主知道 avalon.js 吗?这个MVVM也挺好用的呢。
不要纠结用什么工具,关键是技术原理以及基本功。所谓的H5技术,主要技术难点在js上,尤其是浏览器端js,node环境下的js只是辅助,其次是CSS功底,HTML技术本身没有复杂的技术栈。jq和zepto只是解决浏览器兼容性的库,pc端可以考虑用,移动端用不着。ng和vue是前端mvc/mvp/mvvm框架,这里框架的几大基本原理必须弄清楚,且必须熟悉ES5、DOM以及浏览器提供的一些常见API,否则别用。react是个视图层框架,推荐学习,不用纠结原理。
欢迎进坑
angularJS 和 react 是趋势.
Vue.js,ember.js , backbone.js等都比较经典流行的,都看看学学
1、选哪个要根据你自己的实际情况,其实每一种都有自己的优点或缺点。
2、一般来说,AngularJS和Jquery不能混用.
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的坑,同样也能帮我们填移动的坑.