一、性能优化

1. 加载速度：选择H5封装UI框架时，首先要考虑的是其加载速度。 加载速度快可以提高用户体验，减少用户等待时间。 一些轻量级的UI框架，如Weex、Vue等，具有较快的加载速度。

2. 优化渲染：H5封装UI框架应具备高效的渲染能力，减少重绘和回流，提高页面性能。 例如，React利用虚拟DOM技术，实现高效的渲染。

3. 资源压缩：选择框架时，应关注其资源压缩能力，如图片、CSS、JS等。 资源压缩可以有效减少文件大小，提高页面加载速度。

二、组件丰富性

1. 基础组件：H5封装UI框架应提供丰富的基础组件，如按钮、输入框、下拉菜单、标签等。 这些组件可以满足大多数项目的需求。

2. 高级组件：框架还应提供高级组件，如图表、地图、轮播图等。 这些组件可以提高项目的美观度和交互性。

3. 扩展性：选择框架时，要关注其扩展性，是否支持自定义组件和插件。 这样可以方便开发者根据项目需求进行二次开发。

三、易用性

1. 代码结构：H5封装UI框架的代码结构应清晰，易于阅读和维护。 例如，Vue、React等框架采用组件化开发，使得代码结构更加清晰。

2. 学习曲线：选择框架时，要考虑其学习曲线。 一些框架可能功能强大，但学习成本较高。 例如，Vue、React等框架相对易于上手。

3. 文档支持：框架应提供完善的文档，包括API、示例、教程等。 这有助于开发者快速掌握框架的使用方法。

四、社区活跃度

1. 生态系统：H5封装UI框架的社区活跃度越高，其生态系统越完善。 例如，React、Vue等框架拥有庞大的社区和丰富的插件。

2. 修复速度：社区活跃度高的框架，修复漏洞和bug的速度更快。 这有助于保证项目的稳定性和安全性。

3. 交流平台：框架应提供良好的交流平台，如论坛、QQ群、微信群等。 这有助于开发者解决问题、交流心得。

五、兼容性

1. 浏览器兼容性：H5封装UI框架应具备良好的浏览器兼容性，支持主流浏览器。 例如，Vue、React等框架具有较好的兼容性。

2. 移动端适配：随着移动设备的普及，H5封装UI框架应具备良好的移动端适配能力。 例如，Bootstrap、Amaze UI等框架具有优秀的移动端适配能力。

六、定制化

1. 主题定制：H5封装UI框架应支持主题定制，以满足不同项目的风格需求。 例如，Element UI、Ant Design等框架支持主题定制。

2. 自定义样式：框架应支持自定义样式，方便开发者根据项目需求调整样式。 例如，React、Vue等框架支持自定义样式。

七、安全性

1. 防御XSS攻击：H5封装UI框架应具备防御XSS攻击的能力，确保项目安全。

2. 数据绑定：框架应支持数据绑定，避免直接操作DOM，减少安全风险。

综上所述，选择H5封装UI框架时，需要综合考虑性能优化、组件丰富性、易用性、社区活跃度、兼容性、定制化和安全性等多个因素。 以下是一些热门H5封装UI框架的简要介绍：

1. Bootstrap：一款流行的响应式前端框架，适用于各种设备。 具有丰富的组件和插件，但加载速度较慢。

2. jQuery UI：基于jQuery的前端UI框架，具有丰富的组件和插件。 学习曲线较低，但兼容性较差。

3. Vue：一款流行的前端框架，采用组件化开发，具有良好的性能和易用性。 社区活跃，生态系统完善。

4. React：一款流行的前端框架，采用虚拟DOM技术，具有高效的渲染能力。 社区活跃，生态系统完善。

5. Angular：一款功能强大的前端框架，具有丰富的组件和指令。 但学习曲线较高，兼容性较差。

6. Ant Design：一款基于React的UI框架，具有丰富的组件和插件。 支持主题定制和自定义样式。

7. Element UI：一款基于Vue的UI框架，具有丰富的组件和插件。 支持主题定制和自定义样式。

选择H5封装UI框架时，要结合项目需求和自身技术水平，综合考虑以上因素，选择最适合自己的框架。