计划
- Input框在IOS下的fixed不起效问题
- Emoji 输入
- 头像剪切
实际
- Input框在IOS下的fixed不起效问题 （4个小时）
- Emoji 输入 （2个小时）
- 头像剪切（1.5小时）
总结
Input框在IOS下的fixed不起效问题
模拟评论的页面，在IOS下评论框不一定能固定在底部无论是改为position:absolute;还是position:fixed;都在IOS下有“飞起”的发生。猜测是因为IOS下fixed失效或者是position计算错误，导致显示位置上有偏差。
【解决】用弹性盒布局，上div设置overflow:scroll;代替body的scroll,下div放评论输入框。
在确定底部输入框暂时用这种解决方案的同时，添加一个顶部的滚动固定栏。因为不仅模拟底部输入框，也要模拟顶部一个固定的工具栏在滚动不可见时设置为顶部固定fixed，为看看两种布局能否很好地呈现。但是只要一用到fixed，在input框获取焦点弹出软键盘后，IOS的fixed似乎就不行了...大概尝试了一个钟左右，还是先放下这个问题。Emoji 输入
本来只是想大概看一下Emoji输入的，没想到一不小心越陷越深，花了两个多钟去研究和整理。其实就是编码的转来转去。同一套编码在安卓和IOS系统上显示不一样，在Android里微信和浏览器端也会有不一样的编码和显示。怀疑是搜狗输入法和微信共同弄的小特殊。头像剪切
插件cropper，看不懂代码，通过修改头像和自己做个简单的demo去熟悉剪切的初始化过程和设置属性，获取到最终剪切的图形（canvas），然后再转为base64。
$().cropper('getCroppedCanvas').toDataURL('image/jpeg')
- 今天状态不太佳，没有很好地把握侧重点，今天完全是可以弄React的，本来。
