前端知识点总结

       最近的工作大部分都是前端的任务，众所周知，前端的任务逻辑不是很复杂，也可以说是会者不难，难者不会的任务。这次说到底还是要挺谢谢我的组长的，尽管我在一开始加入这个开发小组的时候就跟组长说明了我前端很low的现状，但是组长还是挺愿意给我机会去恶补这一块的知识。

先看看我最近前端的任务效果图：

我之所以要写篇博客记录的原因在于：这其中的有部分数据是需要从配置文件中取出来的，还有一部分的数据则是从数据库中取出来的。而这个表的难度在于他不是正规正距的表格，而是不规则的，当然也不能直接在aspx页面或者HTML页面上面直接軿凑。后来我采取的做法是直接在config文件里头直接軿凑，纯写tr,td,然后再通过aspx的隐藏的cs页面读取xml。大体上的思路就是这样子滴。

现在吐槽我在这个过程中遇到的一些问题。

1.编号的click事件

要求是点击页面上面的编号，然后表格要加载编号孩子们的数据，然后点击孩子编号加载孙子们的数据，然后依次下钻下去。

看了要求是不是觉得这个概念非常的像一棵树要实现的内容，于是就模仿树的写法。后来方法是写好了，但是新的问题却出现了，那就是我的click事件只实现了一次，下钻的时候并没有响应，后来经过断点调试，自己都被自己蠢哭了，click的生命周期搞错了。

2.首行缩进的问题

刚开始组长让我将升级方式前边都空上几个空格，说是那样好看一些。我心想这个挺容易的呀，给他加几个&nbsp不就完了吗？然后自己把自己给玩完了。因为是表格在配置文件里头拼的，而这里头又要读取相关的数据，死活不能用这种方式。错误不断。

此路不让菇凉我走，我换条路走还不行吗？于是乎百度发现还有一个首行缩进的属性text-indent，只不过他的运行是有条件的，必须是块级元素才能使用它，例如div,p这样的元素。

小结：

在工作中，有些东西是我熟悉的，有些是我见过但是从来没有用过的，更有甚者是我从来都没有听过的，但是既然客户有这个需求，就必须达到客户的要求，这样他们才愿意并且乐意使用自己做的软件。尽管在解决问题的时候会发现，自己就像是一个专业的填坑人一样（一开始你觉得解决完这一个问题就万事大吉了，可是你会发现当你试图去填满这个坑的时候，你的眼前突然出现了一片坑让你去填），说实话，那阵子很苦恼。因为感觉到自己真的很挫败，若是我还在班里头呆着的话，我有极大的可能是选择逃避，选择自欺欺人。问题最终肯定能解决，但是那不是我自己解决的，十之八九是让别人解决的。但是现在不同，我挫败归挫败，挫败完了，我还是得咬着牙硬着头皮去一遍遍的尝试，争取在规定的时间之内完成任务。后来仔细一想，为什么会出现填了一个坑出现一片坑的画面？说明了什么？这提示着我前头还有很多的知识需要我继续学习并且提升。