微信通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能，对上层提供了一套完整的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，需要避免一次设置过多的数据!

孝感运维小程序电脑

　　具体页面开发对于业务页面的开发，可以将页面视为一个页面组件。在这个页面组件，完成了以下工作：负责初始化组件state（微信）负责组合子view组件形成页面效果（开发者）确定js与view匹配的数据（开发者）负责注册业务逻辑对象提供的业务逻辑方法（开发者）负责管理业务逻辑对象（开发者）1）index。wxml2）index。js页面wxml与页面js的通信如下（简化了微信框架的工作）在页面开发我们需要注意的有：index。

　　4）提交审核和发布完成小程序开发后，可以提交代码至微信团队审核，审核通过后即可发布!模块化：UI组件设计在开发时，与视图相关的组件模块化时，我们可能需要注意一下。例如弹框，在H5中，我们一般是将其封装成一个模块组件，这样可以复用。在小程序中，视图只能在wxml中，不能动态生成.首先，我们看一下微信的弹窗的视图组件modal，微信之前给的api是这样的(该组件微信已经使用其他方式实现，这里用它来描述问题)：看到这样，你是否有联想，如果一个页面需要使用100个弹框，开发者需要创建100wxml组件，及注册对应的100个确定按钮的事件，100个取消按钮的事件。

　　template，这些模版具有自己独立的作用域。这样就完成了页面级的开发~~YES。小程序与H5的区别在具体写代码，小程序与H5的开发有什么区别呢？javascript：限制：通过传入字符串来执行代码的能力都禁用了出于安全考虑，凡是通过传入字符串来执行代码的能力都禁用了！具体被禁掉的原生功能有：newFunction、eval、Generator！这是同时也比较有效的避免了类似H5中xss的问题。禁掉的这些功能，对我们开发来说影响比较显著的应该是字符串转json，以往我们都是通过newFunction、eval来处理后台cgi的返回！