项目总结

这次项目是一个H5移动端开发。做一个本地的公交卡充值APP。采用的是MUI框架。

对于这次遇到的问题我想从几个方面做一个总结。

规范方面：

1.文件夹里面不要有中文不要有中文！因为当时下载切图的时候没有注意，有一个图片的命名有中文字符，我在用Hbuider真机调试的时候界面一直运行不出来。

2.对于重复利用的代码写成一个函数。提高可用性。

3.全局变量用g开头写在前面，局部变量用_开头

4.写在mui.plusready()里面的东西需要真机调试才能起作用，浏览器不行。

html :

1.问题：我有页面A，存储着用户的卡片信息，当我点击卡片就进行充值，然后跳转到页面B进行充值。我现在需要在A页面跳转时把我的卡号获取。然后在input框显示。数据什么的我都已经获取到，但是就是在显示这一步出了问题

解决：因为我一直在修改input的InnerHTML，但是我忘了input框比较特殊，应该修改value值。

原因：我记得我还写过一篇文章，说Input标签是单标签，没有结束符，它所显示的文本信息放在value里面，如果我们直接改input标签的innerHTML/innerText就没有效果。
所以我们需要通过修改value值来修改显示的文本信息

2.用字符串直接赋值给innerhtml可以生成DOM元素。

css:
1.问题：有一个父盒子div，里面套了一个子div，我用opacity设置了父盒子的透明度，然后想让子盒子不透明。所以我设置子盒子的opacity为1，但是不起作用。

解决：通过rgba设置父盒子的透明度。

原因：两者都能实现透明效果，但是opacity作用于元素，会继承。rgba作用于元素的颜色或背景色。

js:
1.功能实现：点击空白处或者×都可以关闭弹窗。
给整个body设置一个事件监听，点我点击的时候，通过判断e.target的类名来决定相关操作。

mui:
1.手机显示数据的原理：手机通过webview显示网页数据
2.当我页面要获取参数的步骤，首先获取当前的webview，然后获取参数