个人报告

经过了一学期的开发，在前端这块学到了许多，也发现了不会的更多，踩过许多坑，最终把项目的基础功能大致完成。以下是学习过程中用到的各种工具的总结。

前端开发环境（基于mac）

Sublime text3

• st3是一款轻量级文本编辑器，支持插件扩展，通过各种插件的安装可以自由。
• st3是免费的，所以可以去官网下载https://www.sublimetext.com/3
• 首先要安装Package Control，https://packagecontrol.io/installation
• 安装完Package Control就可以下载各种个性化插件，选择自己需要的就行，https://www.zybuluo.com/king/note/47271
• 除此之外，也可以配置自己的喜好配置个性化的主题，http://www.jianshu.com/p/13fedee165f1

artTemplate

• artTemplate是一个js的模板引擎，https://github.com/aui/artTemplate
• 使用方法：
  • 去artTemplate的github下载template.js或者template-native.js文件然后引用到需要使用的页面中
  • 把html代码用JavaScript标签括起来，并把其中需要替换的内容用{{}}表示(或者用原生语法{% %})
  • js把需要填充的内容用数组赋值，然后加载所需页面
• 有关artTemplate模板引擎的使用，可以参照我的博文http://www.jianshu.com/p/2f5f98df41ac

iterm2

• 关于终端，个人有个人的口味，不爱折腾的可以选择iterm2，https://www.iterm2.com/index.html
• iterm2的配置可以参照https://laoshuterry.gitbooks.io/mac_os_setup_guide/content/4_ZshConfig.html

mongobooster

• 因为采用mongodb数据库，所以就需要一个免费、便捷的数据库可视化工具，刚好mongobooster能够胜任

git

• 作为项目协作的重要工具，git必须要熟练掌握
• 一般的git命令可以参见我的博文http://www.jianshu.com/p/563d652fb458

WebStorm

个人总结

在这学期开始前我一直在学安卓，后来这学期开始时项目缺一个前端的，然后哦我就去学javascript了，也是自己想学习一下js。这学期也即将过去了，回顾这一学期，虽然遇到很多问题，不过也学到了一些东西，知道了接下来的路应该大致怎么走，如何走。
原本项目成员有5个人，在项目开始的时候，两个因为要考研都在国庆前后选择了退出，一个因为手术方面的原因暂时在家。那个时候就基本上只有两个人了。一个后端，我就只能去做前端了。
那个时候刚起步，先去跟着廖雪峰的js教程学习javascript，然后在一些同学的帮助下用bootstrap在国庆前后码出了聊天的demo界面。
然后后面在家做完手术的同学回来了。那个时候挺迷茫的，原本是想去学习下react，因为我们曾经仿照的那个聊天web前端就是用react做的。大概花了一周的时候学看react 和react native，然后就走不下去了。也是因为很多原因的，就放弃了。
后来到了项目中期，项目成员三个人，一个后端，一个前端，在分工上出了一些问题，导致后面的效率并不高。两个前端开始是一个负责主界面，一个负责子界面，后来因为种种问题，换成一个开发界面，一个负责处理逻辑处理与数据交互。一定程度上解决了之前分工的问题，但也出现了一些其他的问题。也是从这里，理解了个人代码分离、低耦合的重要性。
然后很快就到了学期末，感觉时间过得飞快，项目功能算是初步实现了。能进行好友/群聊天，加载历史信息，最近联系，修改个人信息，添加好友/群，创建群等。
通过一学期的学习，学习的js框架有angularjs等，ui框架有bootstrap，materialize，material design lite等，如果有空重写一遍这个项目的话，感觉能够优化好多代码。另一个感受非常深刻的就是前后端一定要及时沟通交流，很多问题就是因为前后端沟通不到位浪费了好多时间。而且项目开始时的技术架构和选型也是非常重要的，不然在项目推进过程中代码要推到重来就浪费太多时间了。