總結2017年工作中犯過的錯

1、函數名與變量名重複報錯

如：

var aa=‘haha’；
	function aa(){
	console.log(aa);
	}
           

aa();
           

這樣會報錯說aa is not function;遇到這個問題時，記得正好是個下班的點，一直找不出問題，也有可能是腦子都是漿糊。突然靈光一閃，想起變量名不能和函數名一緻，就是個豬，給自己挖坑。

後來上網查詢為什麼，簡而言之：同一個辨別符的情況下，變量聲明與函數聲明都會提升；函數聲明會覆寫變量聲明，但不會覆寫變量指派，即：如果聲明變量的同時初始化或指派那麼變量優先級高于函數。

具體可以看https://www.cnblogs.com/bugda/p/6036282.html

2、下拉多選

剛開始工作的時候，要實作下拉多選效果，不會做，上網搜了一下，推薦基于bootstrap的multiselect（記錄一下，以防自己忘記）.

3、樹形菜單

在做公司背景業務管理系統時，要實作許多樹形菜單效果，就去研究了一些樹的插件，最後采用的ztree。

剛開始做的時候，無從下手，不知道怎麼做，去找的别人寫的一個小插件入得手，附上連結有興趣的可以去看看。http://www.jq22.com/jquery-info15563

4、圖表

有些要用到圖表，用了ichart，感覺用着還可以。圖示的插件應該很多，我這裡就不列舉了，我隻要實作簡單功能。

5、擷取腹肌架構

公司的背景管理系統用的架構集搭成的，底層的架構要擷取到父級架構，對父級架構進行操作，可以使用top.window['那個iframe的name'].xxx.

6、導航切換效果

做系統時涉及到一個導航切換效果，由于頁面比較多，就采用了iframe架構實作。

//導航
<div class='tab'>
<a target='a1'>導航1</a>
<a target='a2'>導航2</a>
</div>
//導航内容
<div>
<iframe name='a1'>1111111111</iframe>
<iframe name='a2' style='display:none;'>2222222222</iframe>
</div>
           

簡單舉了個例子，具體可以再研究一下。

7、使用了架構iframe的頁面如何跳出架構

具體參考http://blog.csdn.net/cktmyh/article/details/46971965

8、zepto.js點透問題

具體參考https://www.cnblogs.com/wqhwe/p/5630557.html

寫到這好像變成自己的學習筆記了，哈哈。現在有事，以後再寫吧。