2018-07-13 发布 react+mobx 构建H5制作工具项目经验总结

内容大纲：

• 1、功能介绍
• 2、技术架构
• 3、性能优化
• 4、细节分享
• 5、开源说明

一、项目功能介绍

很久没写过技术类的文章了，这次给大家分享一个近期的项目，采用react+mobx+jquery构建的大型工具类项目。查看项目网址。

如果用过易企秀，maka或者百度H5，搜狐快站的朋友应该对这个工具是非常熟悉的，用户通过托拉拽等操作，即可轻松实现HTML5代码的编辑工作，大大节约了开发成本，也可以对模板进行二次编辑，快速生成新的H5页面，今天的主角是H5DS (全称：HTML5 Design software) 这是一款WEB的H5制作工具。让不会写代码的人也能轻松快速上手制作H5页面。

 

做产品前，规划很重要，这将直接决定项目的成败！有的项目需要1年，2年或者更长的时间去规划，规划 好了才能厚积薄发！这时候我们需要逃离程序员的思维，不要单纯的从程序开发的角度去看待整个项目！

1. 产品思维：程序员在要求产品经理懂一些代码的时候，作为程序员也要有产品思维，在做产品前，心里得有个谱，要做一个怎样的产品（大型项目，小型项目，精品项目，随便搞搞练手…）？面向的用户群体（to C, to B，面向设计师，面向程序员…）？产品定位（面向高端用户，面向低端用户）？用户群体的需求特征（懂程序&#x