公司舉辦了一個(gè)小程序的編程大賽，再加上我一直在研究這個(gè)，就試著做了一個(gè)小程序poc，因?yàn)闀r(shí)間比較緊迫，所以很多東西做的不是太全面。 
主題就是一個(gè)客服咨詢類(lèi)的，主要使用的技術(shù)就是socket，效果如下圖PS：前臺(tái)后臺(tái)UI都是我自己弄得，而且時(shí)間比較緊，所以不要吐槽UI。。。。 
 
 
 

總結(jié)一下幾個(gè)這次遇到的問(wèn)題：

PS：因?yàn)槭诸^只有小米4，所以所有問(wèn)題都在小米4壞境下 
1.因?yàn)槲业暮笈_(tái)用的是Hreoku，被封了，所以不得不使用本地預(yù)覽，在真機(jī)調(diào)試模式可以使用本地192.168.0.1之類(lèi)的預(yù)覽

2.textare bug，關(guān)于textare的bug還真不少 
1）首先是父元素hidden，但是textare隱藏但是val不隱藏，解決辦法是在textare上添加同樣的hidden條件 
2）我想添加個(gè)自動(dòng)高度，使用了官方的autoheight屬性與style自定義并且綁定bindlinechange然后用data算，結(jié)果都不理想，autoheight屬性在真機(jī)上會(huì)出現(xiàn)吞字現(xiàn)象，第二個(gè)方法會(huì)出現(xiàn)變動(dòng)高度后字體不顯示bug。。。 
PS：最后通過(guò)官方文檔發(fā)現(xiàn)textare組件是手機(jī)原生組件，所以很多設(shè)置和其他組件不同，所以，童鞋們請(qǐng)慎用。。。。

3.表單提交重置問(wèn)題，通過(guò)本論壇一個(gè)帖子找到答案，附上代碼

1. <form>
2.  
3. <button formType="reset"></button>
4.  
5. </form>

1. --components
2.  
3. --libraries
4.  
5. --pages
6.  
7. --app.js
8.  
9. --app.json
10.  
11. --app.wxss
12.  
13. --config.js

項(xiàng)目下載：  20170120(微信小程序客服咨詢后臺(tái)).rar  20170120(微信小程序客服咨詢前臺(tái)).rar