封装可以考虑aop的方式动态的注册卸载！定义组件的通用模版aop方式封装组件的逻辑1）组件的默认配置：2）组件的封装实现组件的使用：1）在页面wxml中引入组件的模版2）在页面js中，随时不限次数使用弹框目前该组件微信已经封装（api:wx.showModal()调用弹框），不过action不能自动更新的特性依旧存在，开发者如果需要自定义其他带有交互的UI组件时，依然会遇见以上问题，可以参考以上解决思路！

　　微信通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能，对上层提供了一套完整的JavascriptApi，使得开发者能够非常方便的使用到微信客户端提供的各种基础功能，快速构建一个应用.框架设计如下：框架提供了自己的视图层描述语言WXML和WXSS，以及基于JavaScript的逻辑层框架，并在视图层与逻辑层之间通过单向数据绑定进行数据传输，使开发者更加聚焦于数据与逻辑上！支持的特性接下来我们来看一下，微信框架具体提供的特性：wxml：一切皆组件（视图组件）view组件（类似H5中的div）input组件（type=digit，有带小数点的9宫格键盘）modal弹窗组件（对应的wxml、效果如下）（该组件已换js实现wx!

咸宁提供小程序手机

　　showModal()）更多wxml组件，请查看微信公众平台小程序文档功能API：支付微信信息的获取网络请求录音上传/下载文件webSocket访问相册更多详细的API，请查看微信公众平台小程序文档其他：下发消息通知简要的统计（pv、uv）现在我们来具体开发~小程序的开发流程获取微信小程序的AppID创建项目创建项目，需要通过开发者工具来完成！（工具在微信小程序公众平台下载）编写代码首先我们来看一下小程序的目录结构：微信对小程序的开发有些规定上图左侧3个文件是放在小程序的根目录中，其他文件由开发者自由控制。

　　这显然是不合理的!能不能在框架上进行封装成一个通用组件，开发者只需传入对应的事件句柄即可?后期微信可能会考虑封装吧~NO~.为什么呢？我们从框架组件设计来看，框架本身采用面向状态的编程方式，组件部分类似redux的设计（实际不是redux实现的）组件的View在action操作后，只能通过action的业务处理进行更新View！而框架是单向数据绑定，无法自动更新。对于这一类View组件自带action的，建议进行必要再封装!

　　js中的data数据只读页面js中，data数据是需要约定为只读!框架是单向数据绑定，修改data中的数据不会自动更新View；更新view，需要使用setData()方法。setData()更新View时，与data中的数据进行Diff比较，不同才会更新.这样如果直接修改data，很容易造成data中的数据与View不一致。setData单次设置的数据不能超过1024kB，需要避免一次设置过多的数据。