經(jīng)過了一學(xué)期的開發(fā)，在前端這塊學(xué)到了許多，也發(fā)現(xiàn)了不會(huì)的更多，踩過許多坑，最終把項(xiàng)目的基礎(chǔ)功能大致完成。以下是學(xué)習(xí)過程中用到的各種工具的總結(jié)。
前端開發(fā)環(huán)境（基于mac）
Sublime text3
- st3是一款輕量級(jí)文本編輯器，支持插件擴(kuò)展，通過各種插件的安裝可以自由。
- st3是免費(fèi)的，所以可以去官網(wǎng)下載https://www.sublimetext.com/3
- 首先要安裝Package Control，https://packagecontrol.io/installation
- 安裝完P(guān)ackage Control就可以下載各種個(gè)性化插件，選擇自己需要的就行，https://www.zybuluo.com/king/note/47271
- 除此之外，也可以配置自己的喜好配置個(gè)性化的主題，http://www.lxweimin.com/p/13fedee165f1
artTemplate
- artTemplate是一個(gè)js的模板引擎，https://github.com/aui/artTemplate
- 使用方法：
- 去artTemplate的github下載template.js或者template-native.js文件然后引用到需要使用的頁(yè)面中
- 把html代碼用JavaScript標(biāo)簽括起來，并把其中需要替換的內(nèi)容用{{}}表示(或者用原生語(yǔ)法{% %})
- js把需要填充的內(nèi)容用數(shù)組賦值，然后加載所需頁(yè)面
- 有關(guān)artTemplate模板引擎的使用，可以參照我的博文http://www.lxweimin.com/p/2f5f98df41ac
iterm2
- 關(guān)于終端，個(gè)人有個(gè)人的口味，不愛折騰的可以選擇iterm2，https://www.iterm2.com/index.html
- iterm2的配置可以參照https://laoshuterry.gitbooks.io/mac_os_setup_guide/content/4_ZshConfig.html
mongobooster
- 因?yàn)椴捎胢ongodb數(shù)據(jù)庫(kù)，所以就需要一個(gè)免費(fèi)、便捷的數(shù)據(jù)庫(kù)可視化工具，剛好mongobooster能夠勝任
git
- 作為項(xiàng)目協(xié)作的重要工具，git必須要熟練掌握
- 一般的git命令可以參見我的博文http://www.lxweimin.com/p/563d652fb458
WebStorm
個(gè)人總結(jié)
在這學(xué)期開始前我一直在學(xué)安卓，后來這學(xué)期開始時(shí)項(xiàng)目缺一個(gè)前端的，然后哦我就去學(xué)javascript了，也是自己想學(xué)習(xí)一下js。這學(xué)期也即將過去了，回顧這一學(xué)期，雖然遇到很多問題，不過也學(xué)到了一些東西，知道了接下來的路應(yīng)該大致怎么走，如何走。
原本項(xiàng)目成員有5個(gè)人，在項(xiàng)目開始的時(shí)候，兩個(gè)因?yàn)橐佳卸荚趪?guó)慶前后選擇了退出，一個(gè)因?yàn)槭中g(shù)方面的原因暫時(shí)在家。那個(gè)時(shí)候就基本上只有兩個(gè)人了。一個(gè)后端，我就只能去做前端了。
那個(gè)時(shí)候剛起步，先去跟著廖雪峰的js教程學(xué)習(xí)javascript，然后在一些同學(xué)的幫助下用bootstrap在國(guó)慶前后碼出了聊天的demo界面。
然后后面在家做完手術(shù)的同學(xué)回來了。那個(gè)時(shí)候挺迷茫的，原本是想去學(xué)習(xí)下react，因?yàn)槲覀冊(cè)?jīng)仿照的那個(gè)聊天web前端就是用react做的。大概花了一周的時(shí)候?qū)W看react 和react native，然后就走不下去了。也是因?yàn)楹芏嘣虻模头艞壛恕?br> 后來到了項(xiàng)目中期，項(xiàng)目成員三個(gè)人，一個(gè)后端，一個(gè)前端，在分工上出了一些問題，導(dǎo)致后面的效率并不高。兩個(gè)前端開始是一個(gè)負(fù)責(zé)主界面，一個(gè)負(fù)責(zé)子界面，后來因?yàn)榉N種問題，換成一個(gè)開發(fā)界面，一個(gè)負(fù)責(zé)處理邏輯處理與數(shù)據(jù)交互。一定程度上解決了之前分工的問題，但也出現(xiàn)了一些其他的問題。也是從這里，理解了個(gè)人代碼分離、低耦合的重要性。
然后很快就到了學(xué)期末，感覺時(shí)間過得飛快，項(xiàng)目功能算是初步實(shí)現(xiàn)了。能進(jìn)行好友/群聊天，加載歷史信息，最近聯(lián)系，修改個(gè)人信息，添加好友/群，創(chuàng)建群等。
通過一學(xué)期的學(xué)習(xí)，學(xué)習(xí)的js框架有angularjs等，ui框架有bootstrap，materialize，material design lite等，如果有空重寫一遍這個(gè)項(xiàng)目的話，感覺能夠優(yōu)化好多代碼。另一個(gè)感受非常深刻的就是前后端一定要及時(shí)溝通交流，很多問題就是因?yàn)榍昂蠖藴贤ú坏轿焕速M(fèi)了好多時(shí)間。而且項(xiàng)目開始時(shí)的技術(shù)架構(gòu)和選型也是非常重要的，不然在項(xiàng)目推進(jìn)過程中代碼要推到重來就浪費(fèi)太多時(shí)間了。
