Chameleon
Chameleon/kəˈmiːlɪən/,简写CML
,中文名卡梅龙
;中文意思变色龙
,意味着就像变色龙一样能适应不同环境的跨端整体解决方案。
English Introduction | 中文介绍
文档
主站: CML.JS.org
仓库更新说明
本仓库仅包含编译时代码,全部开源代码参见:https://github.com/chameleon-team
本仓库分支说明
- master分支为稳定功能分支
- v0.0.x分支为0.0.x版本代码
- v0.1.x分支为0.1.x版本代码
为了稳定性可控,不会频繁提交master更新。 除了紧急bug修复,每份代码提交都有很严格的发布流程规范,会先在分支经历一段时间灰度期,确认稳定可用后才会合并到master, 进行中的项目分支介绍
CML 即 多端
一端所见即多端所见——多端高度一致,无需关注各端文档。
基于多态协议不影响各端差异化灵活性
web | 微信小程序 | native-weex | 百度小程序 | 支付宝小程序 |
---|---|---|---|---|
背景
研发同学在端内既追求h5的灵活性,也要追求性能趋近于原生。 面对入口扩张,主端、独立端、微信小程序、支付宝小程序、百度小程序、Android厂商联盟快应用,单一功能在各平台都要重复实现,开发和维护成本成倍增加。迫切需要维护一套代码可以构建多入口的解决方案,滴滴跨端解决方案Chameleon终于发布。真正专注于让一套代码运行多端。
设计理念
软件架构设计里面最基础的概念“拆分”和“合并”,拆分的意义是“分而治之”,将复杂问题拆分成单一问题解决,比如后端业务系统的”微服务化“设计;“合并”的意义是将同样的业务需求抽象收敛到一块,达成高效率高质量的目的,例如后端业务系统中的“中台服务”设计。
而 Chameleon 属于后者,通过定义统一的语言框架+统一多态协议,从多端(对应多个独立服务)业务中抽离出自成体系、连续性强、可维护强的“前端中台服务”。
跨端目标
虽然不同各端环境千变万化,但万变不离其宗的是 MVVM 架构**,Chameleon 目标是让MVVM跨端环境大统一。
开发语言
从事过网页编程的人知道,网页编程采用的是HTML + CSS + JS这样的组合,同样道理,chameleon中采用的是 CML + CMSS + JS。
JS语法用于处理页面的逻辑层,与普通网页编程相比,本项目目标定义标准MVVM框架,拥有完整的生命周期,watch,computed,数据双向绑定等优秀的特性,能够快速提高开发速度、降低维护成本。
CML(Chameleon Markup Language)用于描述页面的结构,我们知道HTML是有一套标准的语义化标签,例如文本是<span>
按钮是<button>
。CML同样具有一套标准的标签,我们将标签定义为组件
,CML为用户提供了一系列组件。同时CML中还支持模板语法,例如条件渲染、列表渲染,数据绑定等等。同时,CML支持使用类VUE语法,让你更快入手。
CMSS(Chameleon Style Sheets)用于描述CML页面结构的样式语言,其具有大部分CSS的特性,并且还可以支持各种css的预处语言less stylus
。
通过以上对于开发语言的介绍,相信你看到只要是有过网页编程知识的人都可以快速的上手chameleon的开发。
多端高度一致
深入到编程语言维度保障一致性,包括框架、生命周期、内置组件、事件通信、路由、界面布局、界面单位、组件作用域、组件通信等高度统一
丰富的组件
在用CML写页面时,chameleon提供了丰富的组件供开发者使用,内置的有button switch radio checkbox
等组件,扩展的有c-picker c-dialog c-loading
等等,覆盖了开发工作中常用的组件。
丰富的API
为了方便开发者的高效开发,chameleon提供了丰富的API库,发布为npm包chameleon-api
,里面包括了网络请求、数据存储、地理位置、系统信息、动画等方法。
自由定制API和组件
基于强大的多态协议,可自由扩展任意API和组件,不强依赖框架的更新。各端原始项目中已积累大量组件,也能直接引入到跨端项目中使用。
基于强大的多态协议,充分隔离各端差异化实现,轻松维护一套代码实现跨多端
智能规范校验
代码规范校验,当出现不符合规范要求的代码时,编辑器会展示智能提示,不用挨个调试各端代码,同时命令行启动窗口也会提示代码的错误位置。
渐进式跨端
既想一套代码运行多端,又不用大刀阔斧的重构项目?不仅可以用cml开发页面,也可以将多端重用组件用cml开发,直接在原有项目里面调用。
先进前端开发体验
Chameleon 不仅仅是跨端解决方案。基于优秀的前端打包工具Webpack,吸收了业内多年来积累的最有用的工程化设计,提供了前端基础开发脚手架命令工具,帮助端开发者从开发、联调、测试、上线等全流程高效的完成业务开发。
联系我们
Beatles Chameleon 团队
负责人:Conan
内部成员:透心凉、Sgoddon、动机不纯、Jalon、Jack、卡尺哈哈、change、Observer、Kevin、guoqingSmile、Mr.MY、JiM、lzc、名字待定
贡献者: luyixin、期待你加入