总结2017年工作中犯过的错

最新推荐文章于 2019-12-24 10:44:29 发布

原创最新推荐文章于 2019-12-24 10:44:29 发布 · 540 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#工作 #整理

工作总结专栏收录该内容

1 篇文章

订阅专栏

本文分享了一位前端开发者在工作中积累的经验教训，包括解决函数名与变量名冲突的问题、实现下拉多选效果的方法、树形菜单插件的选择、图表的使用、框架之间的交互技巧等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

工作一年多，又到年底，一直没有时间把自己曾经犯过的错或有作用的点记下来，现在只能记得什么就写什么了，郁闷。以后，每个星期做个整理，嗯，就是这样

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.youkuaiyun.com/cktmyh/article/details/46971965

8、zepto.js点透问题

具体参考https://www.cnblogs.com/wqhwe/p/5630557.html

写到这好像变成自己的学习笔记了，哈哈。现在有事，以后再写吧。