关于后端程序员写前端用什么框架更好?

640

作者:图书馆煮饭少年

地址:http://www.360doc.com/content/16/0527/21/26662048_562854438.shtml


几年前,还是痴迷java的那会儿,我也曾纠结于前端框架的选择。试图找出一套一劳永逸的前端框架继承到项目架构中。搜遍全网得出以下结论:

各大前端框架可以按照“封装度”的标准来区分。

设计刚出的一套网页皮肤,封装度为0。层层封装到可以直接用后台语言写页面,封装度为10。那么我是这样来区分前端框架的。

1级——纯html+css


放5年前,基本就是用Dreamweaver刚排出来的页面或者网页查看源代码扒下来的皮肤。不涉及到js,就是纯页面皮肤。
--------------------------------
2级—— bootstrap系列
bootstrap的出现是一个里程碑事件。发源于twitter,引入了不少html5/css3的特性。由于它对响应式的支持以及良好的体验,给人一种耳目一新的感觉。其源码,不管是css还是js都值得学习一下,看后经常会有“原来还可以这样做”这种恍然大悟的感觉。不过归根结底是一套ui皮肤+少量js组成的框架,属于封装度偏低的框架。经典页面大概是这样:
640
--------------------------------
3~4级—— metronic/adminLTE系列
基于bootstrap或者其他1级框架,然后集成了各种jQuery插件、富文本编辑器等js库,组成的一个大杂烩工具包和案例库。皮肤基本是基于bootstrap自定义的一套主题。案例比较详尽,开发的时候找到需要的组件把前端代码复制粘贴,再稍微调试一下就能达到良好的视觉效果。根据集成的第三方库的多少,基本可以划分到3~4级封装度这样的范围。这个级别的框架的代码更多的是属于粘合剂,将各种不同的第三方库的前端代码粘合起来。经典页面大概是这样:
640
--------------------------------
5级—— jQuery-ui
这里要单独把jQuery-ui拿出来讲,并不是因为它的封装度有多高,而是我认为它是一个分界点。jQuery以下级别的框架,代码以css为主,自身的js代码少,框架量级更轻,更灵活,更适合互联网web产品。jQuery以上级别的框架,属于前端的重度封装,通过框架暴露的接口进行开发,开发人员甚至不需要太多前端知识,只需要详细查看框架的开发文档即可。jQuery以上级别的框架更适合传统管理软件的开发。
--------------------------------
6~7级—— easy-ui/DWZ
easy-ui基于jQuery-ui,不过具有更丰富的组件库。貌似商业版收费很高。听说某大型国企花了大价钱购买下来使用。DWZ是国产框架中我认为综合表现还不错的,完全免费,有问题可以在他们的QQ群里提。其余的之前还用过金蝶的operamasks-ui,不过现在好像已经不更新了。这一类级别的框架还有一个另外的称呼——“富客户端框架”,意思就是重度js框架。使用起来开发效率很高,当年也是一度百花齐放,框架辈出。经典页面大概是这样:
640--------------------------------
8级—— extjs系列
extjs属于前端框架领域中的庞然大物,封装程度很高,具有自成体系的元素选择引擎和浏览器兼容方案,js写法上也有自己的方式。组件很多很全。只看extjs的官方文档和示例几乎不必学习任何其他的前端知识就可以做出“很漂亮”的前端页面。当然页面很容易“撞衫”。使用时间长了,会对其产生严重依赖,离开extjs,几乎不会写前端页面了。经典页面大概是这样:
640
--------------------------------
9级——vaadin/GWT
最后一级,也是封装度最高的一级,也就是所谓的使用后台语言写前端。如果说之前的八级至少前端和后端还是相对分离的,后台程序在java中写,前台程序在html或者js中写;那么这一级别的框架简直会颠覆你的认知!只需在后台使用java写好了类和对象,并设置好相关的属性,网页的元素是自动通过后台对象生成的。这当然有好处,妈妈再也不用担心我不会写js和css了。然而就学一下html/css/js真的那么难吗?个人认为,尽管GWT有google的这么强悍的背书,但是这种9级封装的本质上把前后台耦合得更紧密。一个人做一个项目还可以考虑,但是一个团队前后台分离、模块化开发的时候,使用这种框架是一种灾难!所以我是极度不建议使用9级封装框架的。
--------------------------------

综上,针对不同的编程方式,给出以下参考:

1 DOP(Deadline Oriented Program,面向截止日期编程)的程序猿们有两种选择:a、努力学习html/css/js,使用2~3级框架;b、看不上前端代码的,6~8级是不错的选择。对于业务优先、老板整天嚷嚷时间有多紧、客户有多急切的项目,你可以直接选b了,我觉得老板是不会给你时间学习html/css/js的。

2 EOP(Experience Oriented Program,面向用户体验编程)的程序猿们,大多数做的是追求极致用户体验的互联网产品吧。那果断选1级封装度的框架,可适当借鉴2~4级的框架。

3 MOP(Money Oriented Program,面向人民币编程)对于一直做后台,趁过年放假想赚个外快的程序猿们,我知道你们也不想在前端领域有多大发展,搞好后台就足够一辈子衣食无忧了,所以还是选择6~8级吧。

此外,需要考虑搜索引擎优化的项目,慎用富客户端或者重ajax应用。

什么?你还需要考虑ie6的兼容性?出门左转有一面墙,你可以撞上去了,不送!

最后告诉大家,这些都是几年前我为了治疗自己的选择恐惧症而进行的一些分析。

现在,答主我已经不再纠结各种前端框架了。因为心中有剑,枝叶、落花皆可为剑。

----------------------------------------


有朋友提到backbonejs/angularjs/reactjs/vuejs这些新兴框架,感觉很有必要补充完善一下这个答案。

大约五六年前,前端还是一个边缘岗位,前端的工作中:css方面的由设计师用dreamveaver等工具顺带就做了;js方面的由后台程序员写写实现了效果就行了。

究其原因,主要还是由于当时在html5尚未大面积支持的情况下,浏览器网页端的表现力有限。为增强表现力甚至还需要依靠flash的支持。近几年随着移动端的兴起以及html5/css3等技术的推广,web端表现力日渐丰富,也越来越复杂。

计算机这门学科就是这样,当一件事物复杂到一定程度就一定有人抽象出各种框架来提高可维护性与可扩展性。

传输复杂了,有了osi 7层和5层框架;服务器集群复杂了,有了云计算各种框架;乃至销售问题复杂了,也有人总结出《销售技巧xx招》…这种抽象也是人类的一种基本思维方式。

前端岗位正是在网页前端复杂性逐渐增加的推动下产生的。说实话,很多老程序员以前是是看不上前端行业的,认为无非是一些奇巧淫技而已。而现在,以javascript为基础的前端技术已经成功逆袭,nodejs的发展更是让js有了扬眉吐气的一天。

现在回过头来看backbonejs/angularjs/reactjs/vuejs系列框架,它们其实并不是给后台程序员准备的框架。不要轻信它们官网上的提到的“简单易用快速上手”之类的宣传语,那不是跟后台程序员和js初学者说的。如果你对js原型链、作用域、异步回调的概念还很模糊,用了这些框架只会让自己陷入泥潭难以自拔!

虽然你也可以将这些框架简单粗暴得划分到7级封装度左右,但是我并不认为这些“深度前端”框架适合后台开发者。

当然啦,事无绝对,如果你像我一样兴趣广泛,喜欢折腾,前后端双修,那你自然清楚该选什么前端框架,也就不会到知乎上来问这个问题了。

这就是现在的我,有了一定的前端功力,开源社区的森林里那么多丰富的资源,枝叶、落花都是利刃,也无需在框架上纠结了。

推荐阅读

  • A站被黑,千万数据被倒卖,安全、安全!

  • MySQL大表优化方案

640?

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/43938.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

一个后端程序员如何被公司逼的开始写前端代码!奉劝各位最好选择前后端分离的公司...

hello~各位读者好,我是鸭血粉丝(大家可以称呼我为「阿粉」),在特殊的日子里,大家要注意安全,尽量不要出门,无聊的话,就像阿粉一样,把时间愉快的花在学习上吧。 事情起因 阿粉自从学会…

负责淘宝业务前端开发9年,聊聊我的心得

本文作者永霸负责了淘宝PC改版,他坚信历史的发展是螺旋式上升的,那些只要认为是对的事情,未来一定会发生/被证实的。 文章指路:淘宝PC改版!我们跟一位背后付出6年的男人聊了聊…… 缘起 本人自 14 年校招加入淘宝 UED&…

人工智能写一封种子信,真诚又用心(挽回必备神器)

用ChatGPT写情话就是让电脑来帮你写一些浪漫的话,比如表达你对恋人的爱意、想念之情等等。这种技术叫做自然语言生成,它会根据你给出的主题、口吻和语气等因素,自动生成一段与之匹配的情话或情书。 借助ChatGPT写情话,可以让普通人…

微调BaiChuan13B来做命名实体识别

传统上,一般把NLP的研究领域大致分为自然语言理解(NLU)和自然语言生成(NLG)两种。 NLU侧重于如何理解文本,包括文本分类、命名实体识别、指代消歧、句法分析、机器阅读理解等; NLG则侧重于理解文…

为业务场景打造技术矩阵,网易智企畅谈融合通信与 AI 商业化最佳实践

在 QCon 全球软件开发大会 2022上海站上,一场特殊的专题吸引了与会者的目光。 与其他以个人身份参与的出品人不同,《融合通信技术探索与 AI 技术商业化实战》这一专场的出品人是一个略显神秘的“技术俱乐部”——网易智企技术委员会。 设立 7 大分委会&a…

Qcon · 上海丨融合通信技术探索与 AI 技术商业化实战专场,看看网易智企都将分享哪些干货?...

沟通和交流是人与人产生信息交换的重要方式,从文字到图片,再到音视频,云通信已成为连接的“刚需”底层技术。伴随着物联网、VR/AR、5G 等新场景应用的出现,云通信的应用边界正在不断外延,也为各类厂商带来了新的挑战。…

来,亮点抢先看!网易智企机器之心即将联合发布 AI 白皮书

可信 AI、多模态等前沿 AI 技术离我们还有多远?风控系统布局中,如何构建快速识别能力?如何高效降低资源消耗?如何实现敏捷响应?如何获得具有场景泛化能力的 AI 算法模型?如何更好驾驭音频技术和视频处理技术…

网易云信 Crash 异常治理实践 | 智企技术委员会技术专题系列

前言 Crash(造成用户无法使用客户端所承载的服务)作为客户端稳定治理的最主要问题之一。云信作为国内业界领先的 RTC/IM PaaS 服务商,对于客户端 SDK(PaaS 服务商对外服务的主要载体)的 Crash 治理再重视也不为过。关于…

面向企业服务,网易智企的深耕与拓进

编辑:阿由 设计:紫菜 机会总是留给有准备的人,以及企业。 新冠病毒给商业带来的影响,比想象中更大。不过,得益于数字化转型,部分企业不仅表现出足够的业务韧性,甚至还迎来了一波新的发展高峰。 …

社交出海,网易智企与亚马逊云科技齐助力

互联网与移动应用的快速发展为游戏、社交、即时通讯等行业带来了新的体验,人们可以借助数字化的平台随时随地的进行娱乐活动并与人交流互动。但这一数字世界中也并非只有阳光,海量的信息传递难免掺杂着各类不良的信息,对于互联网业务的经营者…

网易智企:做正确的事,然后相信持续创新的复利效应

上世纪 70 年代,日本正式超越德国成为世界第二大经济体。彼时的企业们雄心勃勃,在电器生产、汽车、半导体等诸多行业都做到了全球领先水平。 但先发者未必总是正确。在取得领先优势后,许多企业陷入了狭隘的“创新怪圈”,追求极致…

【亚马逊运营】不得不防!恶意投诉层出不穷,跨境卖家该如何应对?

众所周知,侵权一直都是亚马逊不可触碰的红线,一旦被投诉成功,轻则listing下架、库存积压,重则店铺被关、资金冻结。 后果有多惨重,卖家懂,无良同行更懂,想出各种恶意投诉套路来“借刀杀人”。 …

亚马逊、eBay新品期没有出单怎么办?自养买家号的重要性和技巧

一:新品期没有出单怎么办? 1.刚开始,低bid 调整,20元预算,让位置可以靠后点,因为前期跟前面比,比不赢,不如去后面比。 2.价格不是由卖家单一决定,而是由市场决定的。 3.切记自嗨型…

跨境电商遭遇知识产权侵权如何成功申诉?

本博主原文链接:跨境电商遭遇知识产权侵权如何成功申诉? 对于从事海外电商行业的卖家来说,最让人恐惧的问题之一无疑就是知识产权侵权的问题。有时一天有好几个品牌向法院递交侵权诉状。虽然国内没有太强的知识产权保护意识,但是这…

亚马逊信用卡手机号关联被封了怎么申诉解封?

亚马逊信用卡手机号关联被封了怎么申诉解封? 1.若是跟违规封号的账户关联,那基本是回天乏术,救不回来 2.若是新旧账户关联,那么可以选择关闭掉其中一个账户来寻求解封 3.如果卖家和买家账户形成关联,那么申诉的几率会相…

跨境电商培训分享:亚马逊账号被封怎么办 亚马逊账号申诉步骤

亚马逊店铺被封是亚马逊卖家最不愿意看到的,毕竟这个问题处理起来是非常麻烦的,那么如果遇到亚马逊账号被封应该怎么处理呢?亚马逊账号申诉步骤又是怎么样的呢?今天海熹跨境人才网就来和大家分享一下这个问题的处理方法,一起来了解一下吧。…

亚马逊申诉信怎么写?快速申诉秘诀

亚马逊关联申诉需要多久会收到回复?亚马逊的回复周期是1-25天,在提交申诉7天后还没回复的话,可以再次提交。正常情况下,7天以内是会有回复的,最快当天就会回复。但是也有亚马逊商家跟小编反应,他的一个封号…

亚马逊产品申诉信怎么写?亚马逊受限ASIN如何申诉

相信你经常在朋友圈会刷到 非常多卖亚马逊账号的服务商; ​ 是由于跨境电商渠道中; 亚马逊账号的注册难度大,资料繁琐 渠道规矩较多,账号很软弱; 造成账号异常的珍贵; 点击此处添加图片说明文字 有一个根本的常识来是: 那个跨境电商渠道…

GPT-4初体验!

作为去年12月初ChatGPT的第一批用户,这几个月一直在见证OpenAI和ChatGPT在NLP大模型和通用人工智能(AGI)上的狂飙。 月中GPT-4发布的时候,觉得暂未开放多模态输入功能的话,先暂不升级账号。但随着ChatGPT全面接入笔者日…

2023 年前端十大 Web 发展趋势

很长一段时间,Web 开发的前景似乎没有什么进展(2016 年至 2021 年),但在刚刚过去的 2022 年中确实又猛窜了一波。今天主要想跟大家聊聊最新 Web 开发趋势。相信这波浪潮会继续激发 Web 开发者的关注,对万象更新的 2023…