开发总结

我是2016年3月20日加入伯爵科技团队的。

加入团队至今，共3个月，总共做了2个任务，1个项目。

任务一：做时光商店qpp的下载页面

任务二：做时光商店app的后台管理系统

项目一：做某一网站的菜单后台管理系统

  下面总结一下 入队以来在开发中所遇到的所有问题以及它们的解决方法

 

问题1：无法通过类名为追加元素绑定该类的点击事件

描述：我为一个类名del_amin写了一个点击事件，当点击该元素时，该元素所在的该行被删除。

 

$(".del_admin").click(function(){
    $(this).parent().remove();
});

 

通过使用 js 的appe方法在文档中追加 一个类名为的del_admin的a标签，却发现点击该元素时，没有发生其对应的点击事件。

原因：js文件是在文档加载时进行绑定的，当文档加载完毕后，该类的点击事件绑定成功，该绑定只针对目前文档存在的含此类名的元素。当对文档进行追加操作时，类名点击事件已绑定完成，所以无法对追加元素进行再绑定

解决方法：

$(".display").find("#send_two_meau_form").on('click', '.del_admin', function(){
   $(this).parent().remove();
});

将绑定改为对该类的祖先元素的绑定，不管改祖先元素追加多少后代，点击事件依旧有效。

 

 

问题2：this对象使用错误

描述：在某一元素的 点击事件里又有两个点击事件，文档操作都是通过this实现的。

原因：this判定失误，导致点击事件的重叠、失效、取代。这是一个细微的错误，那个时候的我还不会调试，只能肉眼的不断地复看函数，不断地修改函数，却没有找到根源上的错误。导致这个错误困扰了我两天。

解决方法：打电话求助师兄，师兄帮我梳理这个函数的执行过程，不断地提出问题，最后帮助我找到了错误所在，并进行改正。

 

问题3：当文件部署在eclipse时，js引入失败

描述：当我前端的代码部署到eclipse时，js文件引入失效。然而我在sublime中一切正常。

 

<link href="css/style.css" rel="stylesheet" type="text/css"/><!-- 页面样式代码 -->

 

原因：未知

解决方法：我把引入js文件后面的注释给去掉，一切正常。

 

<link href="css/style.css" rel="stylesheet" type="text/css"/>

 

 

 

问题4：bootstrap的模态弹出框函数为undefined

描述：项目中用到一个模态框，然而点击是却没有弹出模态框，Chrome的console显示 $...  .modal()   is  undefined

 

<script src="bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

 

原因：js文件引入顺序错误。有些js文件是存在依赖关系的，所以这个时候，对他们的引入需要严格按照依赖关系排序。例如要引入bootstrap的库时，首先必须先引入jquery的库。另外，css文件最好先于js文件引入。

解决方法：

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<script src="bootstrap/js/bootstrap.min.js"></script>

 

 

 

问题5：文件上传进度条的实现

解决方法：具体解决方法在《ajax文件上传》中详细描述

 

问题6：

描述：

原因：

解决方法：

 

 

 

 

写在后面：

一定要养成边开发边做笔记的习惯，及时记录，由于时间太久了，很多开发中遇到的问题都忘记了，只记得印象比较深刻的几个问题……罪过罪过罪过啊。