【月总结】2016.12

**** 这个月做了的事情：****

• 小研究&小问题

  1. H5 video标签 控制播放的事件 ,安卓下与IOS下的一点小区别
  2. IOS在软键盘显示时候，position:fixed失效，底部固定(输入评论)不用fixed，改用弹性盒布局(flex:1和固定高度)
  3. Emoji的字符研究
  4. 脚本规范约定与快速查找文件

• React

  1. 实现骑士团首页、商品列表页，购物车。
  2. 了解React环境的搭建配置
  3. 目录结构设计
  4. 尝试了用ES5和ES6两种写法，比较两种写法的不同，总结了一些容易出现低级错误的地方
  5. 每次做项目都会不太记得之前的看过的知识，做好一些知识点记录链接，以防需要时能快速查找
  6. 对props和state的理解不够深刻，常常乱用。
  7. get React生命周期，React Route基本用法，fetch用法，对输入框的处理， 在渲染时用shouldComponentUpdate避免不必要的渲染
  8. 使用一些原生js的时候有点慢

• 项目

  1. 页面实现与对稿
  2. 页面交互尝试和加载模板设计
  3. 页面转jsp后的页面交互
  4. 简单的组件抽离
  5. jsp修改，交互优化，页面优化
  6. 项目设计模式的总结和项目总结
  7. 项目注意事项总结 (input用flex会导致文字无法居中,滚动条可以设置样式，但微信端安卓下浏览器用z-index：-1会导致第二“滚动条”的出现，float布局的位置出现, js判断从上一页面是返回还是进入等问题）

• CSS

  1. 是否需要满屏宽问题，设width还是设margin,padding固定
  2. div设置高度还是margin,padding
  3. 弹性盒布局
  4. 用css画icon，对border-radius和box-shadow有新的认识

• ES6

  1. 解构赋值的理解
  2. Module
  3. 作用域

• 书籍

  1. 《引爆点》第一章
  2. 《切尔诺贝利》一半

• 电影

  1. 《十二夜》*2次 + 总结
  2. 《永恒》+总结
  3. 《致青春2》
  4. 《真爱至上》

• 不足

  1. 用时较长的项
     • 写模板引擎
     • 项目目录解构设计
  2. 回顾总结时发现不足：有些情况写的不详细，重现不了场景，例如 “用了错误的方法对待一个检查”，没写清用了什么样的错误方法，现在不记得

**** 计划了还没完成的：****

• ES6
  1. ES6的Promise对象没有看
  2. Class没有认真看基础知识，仅仅是在用
• CSS
  1. 没有做侧边栏和底部固定工具栏的demo
• 用React临摹骑士团
  1. 计划页面较多，没有全部完成