20年下半年开发的H5编辑器 H5-Dooring 目前已经成功迭代到2.0版本, 从最开始的基本页面生成框架到现在的支持更丰富的组件资源,交互能力和数据追踪能力, 期间做了很多的设计和迭代,也收获了很多网友的反馈和启发, 也有很多志同道合的朋友加入进来一起让 H5-Dooring 变的更好更强大, 在此特意分享一下我们最新的版本和功能.

设计初衷

最开始开发这个项目的主要目的是提高个人和企业开发 H5 页面的成本和效率, 可以通过搭积木的方式, 利用已有组件库或外部组件资源(正在设计)搭建出适合不同场景的 H5 应用, 并且支持一键下载代码, 让技术人员轻松将H5页面部署到自己的服务器中. 我之前也做过很多代码生成的小应用, 但是都是为程序员少写代码而设计的, 不足以成为一个真正的开源项目, 所以笔者打算把H5-Dooring好好落地, 做成一个真正有价值的项目.

接下来我将介绍最新版H5编辑器的功能.

1. 新增画布大小调整功能

2. 支持组件动画

3. 支持组件交互(文本, 按钮, 图片, 表单)

4. 新增多页面切换组件(Page Tab)

5. 视频组件支持自动全屏控制

我们可以轻松使用H5-dooring来搭建一个业务承载页面, 移动端站点等, 之前还有个朋友问过我为什么项目利使用了这么多组件在预览H5页面的时候速度还是很快, 这里我说明一下具体的实现方式, 如下图:

所以说我们移动端的产物和依赖的资源非常少, 并且在webpack层和服务器层做了优化, 所以移动端访问H5页面会非常快, 这块优化笔者后期会详细介绍, 目前对性能这块还在持续优化.

后续我们会持续更新, 敬请期待.

在线使用地址:http://h5.dooring.cn