研发同学在端内既追求H5的灵活性，也要追求性能趋近于原生。面对入口扩张，主端、独立端、微信小程序、支付宝小程序、百度小程序、安卓厂商联盟快应用，单一功能在各平台都要重复实现，开发和维护成本成倍增加。迫切需要维护一套代码可以构建多入口的解决方案，历经近20个月打磨，滴滴跨端解决方案Chameleon终于发布。真正专注于让一套代码运行多端。
设计理念软件架构设计里面最基础的概念“拆分”和“合并”，拆分的意义是“分而治之”，将复杂问题拆分成单一问题解决，比如后端业务系统的”微服务化“设计；“合并”的意义是将同样的业务需求抽象收敛到一块，达成高效率高质量的目的，例如后端业务系统中的“中台服务”设计。
而Chameleon属于后者，通过定义统一的语言框架统一多态协议，从多端（对应多个独立服务）业务中抽离出自成体系、连续性强、可维护强的“前端中台服务”。
跨端目标虽然不同各端环境千变万化，但万变不离其宗的是MVVM架构思想，Chameleon目标是让MVVM跨端环境大统一。
学习全景图开发语言从事过网页编程的人知道，网页编程采用的是HTML+CSS+JS这样的组合，同样道理，chameleon中采用的是CML+CMSS+JS。
JS 语法用于处理页面的逻辑层，与普通网页编程相比，本项目目标定义标准MVVM框架，拥有完整的生命周期，watch，computed，数据双向绑定等优秀的特性，能够快速提高开发速度、降低维护成本。
CML（ChameleonMarkupLanguage）用于描述页面的结构，我们知道HTML是有一套标准的语义化标签，例如文本是<span>按钮是<button>。CML同样具有一套标准的标签，我们将标签定义为组件，CML为用户提供了一系列组件。同时CML中还支持模板语法，例如条件渲染、列表渲染，数据绑定等等。同时，CML支持使用类VUE语法，让你更快入手。
CMSS (ChameleonStyleSheets)用于描述CML页面结构的样式语言，其具有大部分CSS的特性，并且还可以支持各种css的预处语言 lessstylus。
通过以上对于开发语言的介绍，相信你看到只要是有过网页编程知识的人都可以快速的上手chameleon的开发。
丰富的组件在用CML写页面时，chameleon提供了丰富的组件供开发者使用，内置的有 buttonswitchradiocheckbox 等组件，扩展的有 c-pickerc-dialogc-loading等等,覆盖了开发工作中常用的组件。
丰富的API为了方便开发者的高效开发，chameleon提供了丰富的API库,发布为npm包 chameleon-api，里面包括了网络请求、数据存储、地理位置、系统信息、动画等方法。
自由定制API和组件基于强大的多态协议，可自由扩展任意API和组件，不强依赖框架的更新。各端原始项目中已积累大量组件，也能直接引入到跨端项目中使用。
智能规范校验代码规范校验，当出现不符合规范要求的代码时，编辑器会展示智能提示，不用挨个调试各端代码，同时命令行启动窗口也会提示代码的错误位置。
渐进式跨端既想一套代码运行多端，又不用大刀阔斧的重构项目，可以将多端重用组件用Chameleon开发，直接在原有项目里面调用。
先进前端开发体验Chameleon不仅仅是跨端解决方案。基于优秀的前端打包工具Webpack，吸收了业内多年来积累的最有用的工程化设计，提供了前端基础开发脚手架命令工具，帮助端开发者从开发、联调、测试、上线等全流程高效的完成业务开发。
评论