H5编辑器简介H5DS（HTML5设计软件）这是一款基于WEB的H5创作工具。让不会写代码的人也能轻松快速的制作H5页面。界面如下：注册->登录->新建H5->编辑H5（添加页面、添加图层、拖动设置参数）->预览/保存/发布->结束开源地址https://gitee.com/676015863/H5DS官网http://www.h5ds.com功能模块：1.首页、登录、注册2.新建H5、删除H5、修改H53、页面布局四大模块（置顶、页面列表、层列表、操作区、查看区、快捷菜单）4、基本参数（主图、名称、描述、背景、翻页动画、背景音乐、加载动画）5、上传图片、删除图片6、新建页面（选择一个模板，创建空白模板）7.设置页面参数（背景、锁定翻页、自动翻页、修改名称、复制、删除）8.添加图片图层（选择图片、裁剪图片、设置坐标、拖动、旋转、缩放,透明度,圆角,阴影,边框)9.给图层添加动画效果,动画队列,排序,删除,设置参数10.添加触发交互效果11.添加文字图层,设置文字12,图层列表操作,复制,删除、排序13、快捷菜单14、保存、发布、手机预览技术选择Jquery2x：DOM和事件操作，目前没有框架能比得上ES6：这个就不多说了，很强大，自带模板引擎，语法简洁，支持类，继承，各种新的API，构建前端大型web应用的语言不是typescript，所以选择ES6Webpack：现在流行的不是必须的，执行效率高（一开始是gulp，不过后来效率太低，换成了webpack）~git：代码管理，大家都在用，大家都认同，不多说了~Eslint：前端代码验证，结合vscode真的很好用，不黑不吹~Node+express：因为对其他技术不熟悉，我只是一个前端~Mysql：关系型数据库比较适合现在的业务逻辑，也有利于后期的多语言开发代码规范JS规范：1、命名规范：变量名均以驼峰命名2、this作为变量时，统一使用self（优先），that3，jquery对象命名统一以$**命名(eg:$box)4.其他遵循Eslint规范5.有详细注解规范CSS规范：1.UI组件库，CSS类名用mt-**定义，避免与其他名字冲突。2、id统一命名，驼峰命名3、CSS属性命名约定：“.模块名-函数名”子模块继承父模块的CSS名称，然后加上“父模块-子模块名”文件夹命名约定:1.文件夹统一命名，驼峰命名2.大模块/子模块/孙子模块作者说：这个编辑器扩展性强，CSS3动画，canvas特效，页面类型，图层类型，交互事件等都可以后期扩展以满足各种复杂的需求。所有交互数据都缓存在本地。保存操作是用户感知不到的，图片也缓存在本地。大大节省了性能开销！
