• 技术文章 >web前端 >H5教程

    目前流行的前端框架有哪些?

    2016-06-07 08:41:51原创2178
    最近接触了requirejs、backbone等移动开发框架,模块规范化的开发提高了效率,个人开发经验稍浅,请问一下国内前端移动端开发大家都在使用什么框架呢,那么PC端的对于中小型的项目大家会倾向于选择jq+bootstraps吗,还是用reactjs、angularjs……?

    回复内容:

    借鉴前端工程——基础篇文章里的内容,觉着科普的蛮好的,对我这样的初级蛮受用。刚好所用的图片里都差不多覆盖了一些常用的东西,直接拿来贴了。
    1.库/框架选型:
    图中的也有一些没用过,中小型pc端项目的话在做技术选型时会多去尝试未用过的,这样可以快速去实践新东西。

    pc端会使用jquery做一些效果处理,移动端一般用zepto,更轻便一些,更多的一些js的处理会用underscore,常用的图标会使用Font Awesome。



    react最近蛮火的,像 @onionBob 所说只是view这一层,所以facebook也提出了 flux来作为一套完整的解决方案。


    vue.js 也有在用,能从@勾三股四 的微博看出来他们都在推这些,我们团队也已经在用。
    个人现在的态度便是在自己的项目中尝试很多新东西,嗯,初生牛犊不怕虎。

    2.前端工程构建工具的话:gulp 和grunt ,个人比较喜欢 gulp,简单粗暴。

    3.JS/CSS模块化开发



    模块化Amd和Cmd其实用哪个都无所谓,自己熟练哪个就好,大家也都还在继续使用,但是~前端的发展真的蛮快的,玉伯也在自己微博上贴出了否定的态度:

    有评论给出的解释是:
    @春江一条小鱼:库和框架是对标准的一种扩展与补充。ECMAScript 6 + 出来后,很多功能在标准下能实现了,于是…

    其他的有用过webpack,比较推荐,嗯,理由也是简单粗暴,好使。

    其实,很多东西也还是一知半解,慢慢来吧~

    另外,刚好正在学react,页面还打开着,安利一些地址。
    官网地址:A JavaScript library for building user interfaces
    阮一峰:React 入门实例教程
    视频教程:[React.js中文教程]1.初识ReactJS(讲的太烂,直接跳过吧.)_土豆
    另外 @陈五百 给推荐的 react native资源也一并推荐:ele828/react-native-guide · GitHub 感觉主要还是看是什么项目吧。

    如果是纯移动端的话,zepto加frozenui加seajs挺好的。感觉bootstrap的响应式不适合纯移动端开发,因为太重了,对移动端载入速度影响很大,纯移动端还是小快灵比较好。

    如果是做H5那种活动页,推荐用motion.js,挺好用的,效果赞赞的。

    PC端的话,jq+bootstrap是个挺好的组合,或者用backbone也是挺普遍的,但是如果是开发企业管理系统那种的web页面可以考虑extjs,现在改名叫sencha了,组件多。相反,个人感觉react就不是很适合用来开发企业管理系统。

    react现在很火,发展也很快,可以先学习学习,不过react只是View这一层,是个库,并不是一个完整的框架。而Angular可以说是个大而全的框架,但是载入速度相对比较慢,还有就是Angular 2.0和1.0有很大不同,几乎是个推翻重做的感觉,所以现在如果用1.x的话,感觉会比较尴尬。

    另外,模块化的话,用seajs的也挺多。

    还有就是可以多关注一下打包工具,grunt,gulp和百度开发的FIS。 学好vue就可以了 我只想问一句 你考不考虑后端 然而 jQuery、Bootstrap、React、Angular 刚好都不是一个层面的,都是可以同时使用的。(React 和 Angular 配合稍微麻烦一点,但是也是可以的。)

    并不存在几选一的问题。

    Front-end Choice Paralysis 原答案, 苦大仇深, 怨念极重, 负能量满满, 已删除...
    --------------------
    说下基础架构 / 打包工具~
    不care架构的用 webpack, 大点项目, 希望长期维护的用 browserify.
    gulp/grunt 就是个 task runner, 还是别拿他简单的 concat 下做打包吧...

    框架
    1. 实习用的是 ractive, 写公司项目很好用, 后面用 vue 写的东西切过来不好使. 不过也还好.
    2. vue 正式工作使过, 比较 1w star 摆在那.
    3. angular 目前在使, 给我的感觉使下次不要再用这个了...
    4. react 单独拿出来说吧~

    React
    实习的时候学过, 玩过 jsx. 不喜欢. 但我觉得它是未来.
    1. 生态: GitHub trending 10/25, 你说呢
    2. 亲爹: Facebook 老爹, react人家在用, react-native 人家在用, 在推. 相比 angular 只是 G 爹的 side project 吧
    3. 挺复杂的...但前端就是挺复杂的啊, 人家给出了解决方案啊~

    btw. 现在在写 node 了, 偶尔写下前端(Angular). 所以不对请指正... jQuery
    FB系列:React/Flux/Redux
    TW系列:Bootstrap/Flight
    Google系列:Angular
    其他的好像都说到了。。
    工具:
    webpack/gulp/grunt/bower/bable/... Bootstrap+angularJS 不好意思 点进来以为是前端镜架……………………
    想换眼镜了。 大家觉得mui怎么样
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    上一篇:学不会 CSS? 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• HTML5 应用程序缓存(Application Cache)• HTML5中的表单• HTML 5已经出炉了!可否跳过4 直接学5呢!?• canvas需要在标签里直接定义宽高_html5教程技巧• 基于Modernizr 让网站进行优雅降级的分析_html5教程技巧
    1/1

    PHP中文网