系统调试问题记录、修改+TODO

整体：

1.页面元素定位尽量不用float，父子元素之间的相对定位用position left right来做比较好。
2.div覆盖问题：用z-index设优先级，父元素relative。TO DO：这两个元素相互转换。
3.选择哪种元素显示单个句子比较合适：label、input、textarea？数据传输过程要把数据转成一个整体的字符串===》后台在解码过程中要分句、句子长度记录、打包后传输、前台处理–>页面展示处理（动态添加和删除元素：
多种方法：innerHTML，createElement，appendChild，要同时考虑动态控件添加事件的问题，尝试后选第三种，比较合适。给动态添加的元素复制用createTextNode+appendchild比较方便。
但是好像在前面对翻译要处理的时间会比之前变长一点，TO DO：要想想能不能尽量减少处理时间。但是单句处理不用像之前一样传那么多东西在前后台，有时候还要超出限度传不了，还挺好。
TO DO：动态删除，remove（）怎么总是卡住了。。
4.元素根据内容自动调整高度：多种方法：height+min-height;清除浮动；添加左右不可浮动的子元素。嵌套的div太多，限定height比较简单，但是只能传递一次。。。元素浮动怎么这么。。，都已经absolute了怎么还是感觉不太行。。。
5.交互控件的动态显示：要在用户有交互动作后再显示出来那些交互相关的元素，解码过程中传过来的数据处理了在给页面显示，在app.py里先第一步处理，到页面里就只需要for循环赋值，display属性也要改，debug后不能忘了调回来。
6.单句交互后，数据传回来要和之前看上去有差别，TO DO：改颜色。单句交互现在只考虑一次只交互一个词，那就可以省掉之前写的一些有的没的的记录了，细心！
7.遇到前后台都不报错的但又卡住的情况，先看是不是页面哪里弄错了，再按过程看过去。
8.命名规范一点，乱七八糟的，debug print的时候搞个format来print，感叹号少一点。
9.翻译结果的情况感觉都是前半句比较好，后半句有些多余，看inference过程中的时间步输出。TO DO：再仔细看看，问问，找东琪要个她的模型试试。
10.中间版本太多了。。找时间清理一下
11.腾讯Balancing Quality and Human Involvement: an Effective Approach to Interactive Neural Machine Translation出来了要记得看看。
12.