Touch UI 开发文档

Touch UI 开发文档

框架

为了让开发者便捷的进行移动开发,TouchUI基于vue.js构建了一套基础的移动框架。除了保留了vue.js所有的优秀特性,我们还根据移动端特性做了大量的扩充和优化。这里大致列举一下新增了哪些特性:

  1. 通过简单的json配置即可搭建出主要的界面框架;
  2. 封装了移动端事件,包括按下、长按、手指滑动等;
  3. 提供样式隔离机制,每个页面有独立的css不会相互干扰;
  4. 提供rpx单位方便做屏幕适配;
  5. 提供主题色机制;
  6. 提供多语言机制;
  7. 整合Animation动画库、自定义Loading库、iconfont图标机制;
  8. 开发体验优化,使用组件时直接写标签而不需要声明或引入脚本;
  9. 编译优化,在工程编译输出时,TouchUI编译器会根据这个页面使用的组件情况进行自动的按需编译,不会编译所有的组件库;
  10. 输出体积优化,编译输出后首次访问只需要加载几百K公用资源,访问其他页面时会差量加载资源。
  11. 语法与开发方式跟微信/支付宝小程序保持很大的一致性,这么做主要有两个目的:1)降低学习成本。会开发小程序就会使用TouchUI,学会了TouchUI就会开发微信小程序;2)可以方便代码复用,微信/支付宝小程序拿过来可以很快移植为TouchUI工程,开发了TouchUI工程可以方便的移植为小程序运行在微信/支付宝端。