chameleon怎么读发音【第2017期】如何在滴滴落地 Chameleon

前言
变色龙在前端早读课上多次分享。目前Github有7.7k星。感兴趣的人可以多关注。今天早上看的文章是滴滴@JiM提交分享的。
@JiM，水滴风车终端技术组前端工程师，目前负责风车中变色龙的开发。
主要内容分为两部分
第一部分是变色龙的整个开发过程，包括前期调研、技术方案调研、技术实施等
第二部分，简要介绍目前滴滴有哪些业务在使用变色龙，以及如何解决申请过程中遇到的问题

文章图片

别人我就不多说了。首先，上图显示了滴滴目前的业务线使用情况

文章图片

您可以搜索:，& lt新橙色驾驶>:，& lt滴水和骑行>:，& lt滴灌>:，& lt滴滴差事>:，& lt绿色橙色自行车>:，& lt滴滴团队版>:，& lt滴滴企业>:，& lt橙色研究问卷>:，& lt智能交通代码>:，& lt橙研社>:滴滴各业务线的小程序都是用变色龙写的。有什么优秀的吗？如果有兴趣，可以去GitHub:https://github.com/didi/chameleon体验一波，小明星，谢谢支持。
CML简介
接下来介绍一下这次的主角
自从18年初开始研发变色龙，变色龙已经有了近两年的工作经验，时间过得飞快。变色龙这两年工作经验丰富。它不仅承载了滴滴出行的大部分前端业务，还将其精力贡献给了滴滴驾驶、滴滴跑腿、绿橙单车、橙研问卷、滴滴出行、滴滴企业出租车、滴滴打车团队版等多条业务线。目前，变色龙已经支持:H5/原生(weex)/微信小程序/支付宝小程序/百度小程序/QQ小程序/字节跳动小程序/fast应用
跨端开发背景
首先简单介绍一下跨端开发的背景。众所周知，前端圈是一个发展特别快的圈，甚至被广大开发者戏称为“前端娱乐圈”。原因是前端发展太快，今天很流行，明天可能就过时了。
一开始，大多数开发人员必须兼容所有浏览器，所以jquery让他们大放异彩。
后来前端逐渐模块化、标准化，这时候seajs和requirejs走上了历史的舞台。
后来nodejs的出现让前端生态爆炸发展壮大，出现了一些工程解决方案，比如webpack。到目前为止，各种小程序的出现，又一次使得一套代码的跨端开发和多端操作成为各个开发者面临的技术难题。

文章图片

那么如何才能真正做到一套代码，多端操作，真正彻底解放人力，加快提高效率呢？如何才能兼容各端的开发，真正让开发者不为多端改编和重复开发感到“秃头”和迷茫？
基于这样的背景，我们设想开发一个框架来满足这种跨端开发的需求。
变色龙的发展历程
接下来主要介绍滴滴开源框架变色龙的成长历程，以及它是如何在滴滴一步步诞生-成长-稳定，最终能够承担滴滴10+业务线的需求。
让我们了解一下它的:& lt成长>:& lt登陆应用>:一些故事。

文章图片

探索——出生时期的商业背景
在简介的背景下，滴滴出行的业务需求主要包括App(IOS/Android)、H5页面、微信小程序和支付宝小程序。
在多终端发展的背景下，原有的业务需求带来了很大的问题
重复开发代码无法复用沟通成本高在这种背景下，团队开始考虑开发一个开发框架，以节省人力，提高效率和速度。