【总结】2016.12.07

计划

1. Input框在IOS下的fixed不起效问题
2. Emoji 输入
3. 头像剪切

实际

1. Input框在IOS下的fixed不起效问题 （4个小时）
2. Emoji 输入 （2个小时）
3. 头像剪切（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的，本来。