- data-binding
- modularization
- UI composition
- event-driven collaboration between components
- Enter the
at-new-architecture
folder - Use
make start
to start up an asset server(default: localhost:3000) and begin coding immediately. - Any changes in folder
assets
will be immediately complied topulic
folder, and it will automaticly reflesh the browser. - Use
make build-opt
to create your optimized application. The deployable source will be output to a 'dist' folder. - See the Mimosa project for details on how to customize the solution and use other features.
示例提供了:兴趣点(interesting-point),工具栏(toolbar),蒙版(mask)三个widget的简单实现以及它们的组合。
按照以下顺序查看:
- 兴趣点widget:
assets/App/widgets/interesting-point
- 蒙版widget:
assets/App/widgets/mask
- 工具栏widget:
assets/App/widgets/toolbar
- 蒙版和兴趣点组合widget:
assets/App/widgets/mask-interesting-point
最后以一个route的view把上面的toolbar的widget,mask-interesting-point的widget组合起来:
assets/App/route/mask
示例涵盖以下特性:
- widget的构建
- widget之间组合
- widget之间的嵌套
- widget之间通过events进行通信
- 和data-bus进行数据交互
- 自动化测试
- 可视化测试
- Routers