记一次H5开发App经验分享

在大学为了能够有一定的开发经验，选择学校的科研训练作为自己的第一次项目实践。

       项目设计开发

       我们团队做的是一款医学测试类App，我负责前端开发。

       首先编译器选择的HbuilderX轻便型编译器，主要是借用它提供和安卓模拟器（我所使用的是夜神模拟器（端口号为62001）和海马玩模拟器（端口号为26944））实时更新和打包功能。

       随后开始重点页面的代码的编写，在编写的过程中发现理清要完成的功能逻辑很重要。刚开始因为页面本身的js逻辑有点复杂，因而花费了较多时间来完成。再完成页面功能之后调整页面排版，让页面整体居中，以适应手机屏幕（这是一种老式写法）。

       然后开始其他页面的代码的编写，底部导航使用上课老师教的创建webview窗口的方法，登陆注册页面使用自带的，另外有两个页面使用常用的方法获取设备高度以达到自适应的要求。

       再完成所有页面之后除了页面UI不够好看和与后端交互的未完成之外，其他功能基本完成。达到项目的预期要求。

       项目交互开发

       这块主要是和写后端代码的人交流比较重要。作为前端人员，必须知道页面需要显示什么、通过什么方式从后端获取以及获取到如何显示。当然，我也有参与数据库的设计，所以我知道需要的数据是否都有设计完成。所以说项目开发过程中沟通真的很重要。

       项目UI开发

       根据各个团队成员的审美我们开始了项目的二次开发------UI美化。这可是个脑力活，看得多了也会造成审美疲劳吧。根据每个人不同的建议以及翻看专业书籍完成每个页面UI的设计与开发，包括如何排版、取哪种色调搭配、如何进行更好的交互，效果对于专业人士来说一般差，对于学生来说还是一般一般的。

       项目二次开发

       在19年的暑假完成的，随后书写。