全国更大诚信黑客接单,网上信誉黑客联系方式两部手机能用

访客4年前黑客文章810

Controlling complexity is the essence of computer programming.
随着前端开发复杂度的日益提升,组件化开发应运而生,并随着 FIS、React 等优秀框架的出现遍地开花。这一过程同样发生在美团,面临业务规模的快速发展和工程师团队的不断扩张,美团历经引入组件化解决资源整合问题、逐步增强组件功能促进开发效率、重新打造新一代组件化方案适应全栈开发和共享共建等阶段,努力“controlling complexity”。本文将介绍美团组件化开发的实践过程。

组件化 1.0:资源重组
在美团早期,前端资源是按照页面或者类似业务页面 *** 的形式进行组织的。例如 order.js 对应订单相关页面的交互,account.css 对应账户相关页面的样式。这种方式在过去的较长一段时间内,持续支撑了整个项目的正常推进,功勋卓著。
2016325100542747.png (1048×600)

随着业务规模的增加和开发团队的扩张,这套机制逐渐显示出它的一些不足:

1.资源冗余

页面的逐渐增加,交互的逐渐复杂化,导致对应的 css 和 js 都有大幅度增长,进而出现为了依赖某个 js 中的一个函数,需要加载整个模块,或者为了使用某个 css 中的部分样式依赖整个 css,冗余资源较多

2.对应关系不直观

没有显而易见的对应规则,导致的一个问题是修改某个业务模块的 css 或者 js 时,几乎只能依靠 grep。靠人来维护页面模块 html、css 和 js 之间的依赖关系,容易犯错,常常出现内容已经删除但是 css 或 js 还存在的问题。

3.难于单元测试

以页面为最小粒度进行资源整合,不同功能的业务模块相互影响,复杂度太高,自动化测试难以推进。
2013 年开始,在调研了 FIS、BEM 等方案之后,结合美团开发框架的实际,美团初步实现了一套轻量级的组件化开发方案。主要的改进是:

1.以页面功能组件为单位聚合前端资源
2.自动加载符合约定的 css、js 资源
3.将业务数据到渲染数据的转换过程独立出来


相关文章

关于黑客学习的网站(黑客免费自学网站)

关于黑客学习的网站(黑客免费自学网站)

本文导读目录: 1、自学网络技术,哪个网站比较好? 2、黑客请进!!!!!!!!!! 3、信息安全技术专业的相关学习网站有哪些? 4、谁有教黑客的网站啊!本人想学,本人天天被别人黑,一天系...

青岛市新增1例确诊病例详情公布-青岛12例确诊多数是结核病人

青岛市新增1例确诊病例详情公布-青岛12例确诊多数是结核病人

青岛市的肺炎疫情早已不断了好几天了,近几天出来青岛市全员紧密配合dna检测,青岛市卫健委立即的采用了有关疫情防控对策,依据最新动态显示信息,10月14日0—24时,青岛增加1例当地病案,这例病案是十一...

找黑客改成绩被勒索-黑客通过手机号查身份证号码(知道电话号码怎么查身份证号码黑客)

找黑客改成绩被勒索-黑客通过手机号查身份证号码(知道电话号码怎么查身份证号码黑客)

找黑客改成绩被勒索相关问题 黑客如何查询到个人信息的相关问题 如何用记事本编程黑客 高考志愿会被黑客篡改吗(高考志愿篡改案判)...

找一个黑客朋友-手机黑客工具箱(中文版超强黑客工具箱)

找一个黑客朋友-手机黑客工具箱(中文版超强黑客工具箱)

找一个黑客朋友相关问题 黑客入侵模拟器手机版相关问题 黑客可以通过手机号干什么 游戏黑客技术网(黑客游戏网) 黑...

用什么语言黑客(黑客使用的语言)

用什么语言黑客(黑客使用的语言)

本文导读目录: 1、入黑客要学哪些语言哪些知识? 2、黑客刚开始学的是什么编程语言? 3、黑客的编程语言 4、黑客需要掌握哪些编程语言 5、现在黑客一般都用那些语言 比较实用这篇文章的...

加油站可以拉黑客户吗(加油站让接电话吗)

加油站可以拉黑客户吗(加油站让接电话吗)

中国石油加油卡进入黑名单是怎么回事? 1、中国石化加油卡灰卡的意思是加油卡在加油的过程中,会因为加油卡扣款前拔卡产生加油卡被置灰(以下简称灰卡)的现象。灰卡在解灰前不能加油。2、我的加油卡是提前拔卡,...