当前位置:首页 » 网页前端 » 大前端组织架构
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

大前端组织架构

发布时间: 2022-04-04 23:00:29

Ⅰ 美团的前端架构是怎样的

美团最早的前端架构是基于YUI3来构建的,使用了YUI内部的Loader、模块、组件框架等基本思路和工具,围绕YUI我们开发了自己的公共底层库、Combo以及发布工具等[1]。
从公司拥抱移动互联网开始,到去年YUI停止更新,团队内部的前端架构已经抛弃了大而全的框架,开始朝百花齐放的方向发展,加上组织架构和产品线开始分化,前端架构也会根据不同产品的特点进行调整。目前公司业务和互联网技术发展很快,这个特殊的时期,一定程度的不统一是好事情,因为大家在不断探索新的、更好的可能。
总的说来,目前有以下几种架构形式:

yui + yui-config
react + browserify + yui
angular + browserify + yui
react + browserify
jquery + require
trunkjs + webcomponent

Ⅱ web前端职位等级怎么划分

任何职业都会分三六九等,更不必说前端技术工程师了,等级完全体现在技术能力的强弱上,十分客观明显。

前端开发工程师——有一定的项目执行能力,能娴熟的应用知识

高级前端开发工程师——能主动执行项目,辅助团队的整体工作,有创新精神,能将知识融会贯通。

高级的工程师和普通的工程师对于企业的贡献价值是完全不一样的,高级工程师可以简单地做到以下几点:

1、一开始学习都会选择在网上找资料,但要记住资料在精不在多,找一套适合自己且体系完整的资料是完全够用的,过多的资料不益于知识框架的构成,

2、学习的氛围是十分重要的,如果有很多人和你一起学习的话,会促进学习效率的提升。可以组织一些也要学习的人,建一个学习交流群,一起共同学习,交流经验。

3、也可以在上文组建的微信群里找一个学习伙伴,仿照上学时的学习小组的形式,俩人一起互相监督,互相鼓励学习,一起共同进步。

4、在学习的时候,一定要形成每天总结学习内容的规律,这样不仅能形成学习习惯,而且当学习内容积累到一定程度,还会给人带来成就感,会让学习更加有积极性。

5、只学习是一定不够的,前端是一种应用技术,还是要体现在实战上面。可以定期组织一些小伙伴,开展项目实战,在实战中总结经验,体会不足之处。一个好的项目经验也可作为找工作的优势之处。

我建立了一个交流学习前端的自学团,在自学团里会严格监督大家学习打卡,定期分享学习资料,定期组织项目实践,给大家匹配适合的学习伙伴。想要加入或者了解的话,可以私聊我或是给我留言。

Ⅲ 小前端+大平台组织结构的特点

没必要一直做梦,一直做点不现实的梦还不如赶紧去打工赚钱,来实现自己的梦。

Ⅳ UE UI 前端到底如何划分组织架构

作为前端工程师,个人总结学习成长的轨迹是:

【1】能用html+css把页面做出来,能用js实现动态效果。

【2】在1的基础上保证浏览器兼容性。

【3】在2的基础上开始出现代码洁癖,代码会逐渐趋向于简洁高效

【4】在3的基础上开始关注语义性、可用性和可重用性

【5】在4的基础上开始关注页面性能

【6】在5的基础上开始费劲脑汁的去寻思怎么能把开发效率也提升上来

Ⅳ 前端有什么框架呀

一、 Web前端框架之Angular 2+

Angular 2+优点解析:

Angular 2+ 的最大优势在于它的流行程度。也有人认为它和 Google 密切相关的名字,会影响团队使用它。Angular 1 的迅速流行是因为那些来自其他交互式应用程序开发环境的人会发现对于开发单页面 Web 应用程序具有相似的模型-视图模式。通过对 Angular 1 进行现代化演变和重新构建框架的某些部分,Angular 2+ 已经真正的爆发了,大量的正式的和非正式培训机构数量都让人印象深刻,开发者有很强的市场竞争力。对于用户来说它有一套用于构建用户界面的丰富组件,这也是本系列中少有的几个框架能够做到这点。

缺点解析:

我们觉得 Angular 框架着重于在单个页面应用程序中创建用户界面并没有处理构建完整的 Web 应用这个更大的关注点,如果不及早确定下来,这将会导致整个项目难以维护,在实际项目中,运行时提供不属于核心框架的技术往往让人觉得不可思议,这大大降低了 TypeScript 对最终开发者的价值。

发展方向:

Angular 5 刚刚发布,这看来是 Angular 已经成功的印证了快速发布版本的承诺,在 Google 的持续支持下,Angular 会越来越成熟。

像许多的大型组织一样,Google 具有多重(分裂)的人格,从外表上看,Angular 团队和那些专注于浏览器标准的团队之间显得很和谐。但我们的观点是,和谐只是一层薄薄的窗户纸。Angular 团队对于 Web 组件和渐进式 Web 应用没有一个真正解决方案。我们认为,业界普遍认可的标准将会在 Angular 框架中会逐步实现,这将会影响到如何更好的构建 Angular 应用将成为一个中/长期的风险。

使用环境:

如果你需要在一个大型的框架内获取技术资源,框架内的技术通常很容易移植;或者你需要在框架中训练开发人员,并且还要有一定的信心,他们会在短期内获得一定的开发能力,这样的话你可以考虑 Angular 2+ 。需要注意的是 Angular1(angular.js)与 Angular2+ 是截然不同的,其中的应用、技术和经验不能直接移植到 Angular2+ 的开发中去。

如果你的 Web 应用能够很好的转化为标准的模型-视图模式,那么你也可以忽略其他直接考虑使用 Angular2+ 。

如果你对 Google Material UX 设计模式满意,那么 Material Angular 是遵循该模式的一种快速、简单且可靠的方式。

二、Web前端框架之React + Rex

React + Rex优势解析:

React 和 Rex 的最大优势在于它们相对简单和专注。做一件事情并把它做好是非常困难的,但这两个库都很有效地完成了它们的目标。虽然对于某些状态容器方法可能是外部的,但大多数开发人员还是可以轻松掌握概念,并了解单向数据体系结构的好处,简化大量的用户界面应用程序。

缺点解析:

React 和 Rex 最大的弱点不是它们是什么,而是它们不是什么。要构建一个功能丰富的 Web 应用程序,你需要许多功能,一旦脱离 React 和 Rex 和其他一些库的核心,你将发现一个非常分散的社区,拥有无数的解决方案和模式,不容易整合在一起。

因此,虽然 React 和 Rex 都是非常专注的库,但缺乏经验的团队还是会很容易地生成不可维护的解决方案,而不是意识到他们所做的选择会导致性能不佳或错误。即使有经验的开发人员也可能意识到,一个松散的架构或惯例可能会在未来困扰他们。

假省钱是一种对自己的欺骗,组织范围内采用 React 和 Rex 将轻松降低无效率问题。没有其他库和模式的广泛约定和标准化,标准化 React + Rex 比较于我们正在采用的 JavaScript 来编写我们的应用程序效率要高。

发展方向:

Facebook 和 React 最近从繁琐的附加专利纠纷中抽离,他们认识到,就像其他项目一样,更广泛的社区能够提高自己的声音。我觉得这有助于 Facebook 意识到他们还不能更好地了解我们,相信我们来引导项目。希望这将继续贯穿项目的特点和技术方向。

很难预测 React 和 Rex 的未来。但是,将库集中在一起,确实会显着提高适应性,大多数React + Rex 模式都会促进一个分离的体系结构,从而可以轻松地进行重构和迭代。两年前,大家喜欢的还是React + Flux,但整个社区很快就拥抱了Rex。思维或模式的其他重大转变可能很容易被采纳。这种关键能力可能会持续到未来。

使用环境:

如果你很少需要手把手指导,并且正在寻找更好的库而不是全面的框架,那么 React + Rex 可能是正确的。在这一过程中,你不仅需要对你的团队和组织的能力保持诚实,还要在你的初始开发过程中,以及在整个应用程序的长期维护过程中保持诚实。

三、Web前端框架之Vue.js

vue.js优势介绍:

渐进式构建能力是vue.js最大的优势,vue 有一个简洁而且合理的架构,使得它易于理解和构建。

vue 有一个强大的充满激情人群的社区,这为vue.js增加了巨大的价值,使得为一个空白项目创建一个综合的解决方案变得十分容易。

缺点介绍:

在模型-视图应用程序和状态容器类型的应用程序之间的互相转换可能会令人感到困惑,即使没有完美包含一个模式到另一个模式的完美转换,但让人感觉希望能维持两个模式的相关性。对于那些期待vue.js完美解决方案,并可能导致难以维护不一致的应用程序的人来说,这至少是令人困惑的。

一个更大的挑战是vue.js依赖于一个单独的人,很明显,其他的项目基本是由一个组织提供支持,但这让人感觉更加有意义,虽然它有一个强大文件的社区和许多有创新的新增项目,但是 vue 核心的开发基本落在一个人身上。

我们很高兴看到 vue 更加容易接受新兴的标准方法,但是它的类似于 Web 组件的模式,而不是真正的 Web 组件,这可能是 vue 所得不偿失的地方。

发展前景:

虽然vue.js有相当广泛的应用,但也很难预测在中期发展中这个势头能持续多久,它不是由一个商业组织直接支持并维护,因此,这很大程度上依赖于维护者的生存能力和继续维护下去的愿望来决定。

它也表现出了一定程度的语言适应能力,并且随着某些模式的落伍和失宠而继续保持自身语言的现代化和时代性,目前没有迹象表明vue.js架构将来无法适应进一步发展。

使用场景:

如果你有一个传统的Web应用程序,并需要一个强壮稳健的应用程序层,那么vue.js 可能是一个很好的选择,它有清晰的模式,即使没有经验的团队也能正确或者错误的使用它。尽管vue UX框架没有开箱即用的功能,但在vue.js上也能大量持续性构建应用,这将有利于你的项目。

Ⅵ 结合案例,分析小前端+大平台组织结构的特点

摘要 平台型组织可以说是OD家族中最受欢迎、也是当下关于OD众多话题中最热门的一种组织形式。

Ⅶ 大前端做什么工作岗位

web前端开发可以做哪些工作:
一、HTML5开发工程师
HTML5开发工程师是学习HTML5大前端技术最基本的选择方向。目前,HTML5大前端面临的主要问题是从业人员泛滥,真正掌握技术的人才稀缺,因此高端的HTML5大前端工程师受到企业的重视与青睐。
二、Web架构师
随着互联网技术的发展,有关HTML5大前端的知识得到了很好的沉淀,再加上培训机构的助力,学员更加容易成为一名优秀的架构师。当然,想要成为一名合格的Web架构师需要学习的知识有很多,如,后端技术、DBA、Platform等内容。而这些内容的学习需要实操项目作为支撑,但只要勤加练习,一定能够成为一名合格的Web架构师。
三、自主创业
学习HTML5大前端技术后,也可以选择自主创业,在创业过程中挑战与机遇并存。这就需要学习HTML5大前端的人员能够将自己的视野更多放在行业的动态、产业链的动态、相关产品领域的动态。在注重细节的同时,增强自己把控一个产品乃至一个公司命运的能力。
以上我的回答希望对你有所帮助

Ⅷ 各大公司推行大前端组织架构的目的有哪些

纵观前端发展的历程,经历了大概 Web 1.0时代,Web 2.0时代,以及 “云+端”的时代。

前面两个时代,本质上,都是因为前端能力有缺陷,我们在拼命的完善前端在表达方面的能力。

然而在当前时代,前端的能力趋于稳定和完备的时候(React, Vue, Angular, Webpack等等技术的稳定和完备),我们要解决的就不再是前端职能本身的缺陷和瓶颈了,而是如何做为一个技术人,利用技术和工程的力量解决行业以及商业的问题。

Ⅸ 前端页面都用什么框架能快速组织呈现前端HTML页面

使用前端框架或者模板;前端框架有bootstrap、function、angaler.js等等;或者网上购买模板等;