时间过的真快，千锋哈尔滨Web前端培训JavaScript部分已经学习一个月了，仿佛昨天才开始接触JS。刚开始接触JS时，总感觉写JS代码特别难，写上那么几行代码就感觉好吃力。随着深入的学习，接触多了也不觉得有多难了，当每周末回头看之前的知识点总感觉好容易啊。现在学的知识点多了，代码量也是越来越多，从之前的十几行到现在的动辄上百行，感觉之前的难度都不算个事。在这个月里我感觉综合能力最强的是做九宫格那个拖拽效果了。编程思路主要如下：

　　一、取颜色和插内容好做，就不赘述了。

　　二、一共用到mousedown mousemove mouseup

　　1.mousedown时要做的事：

　　1.1要记下此时鼠标距离事件源的位置，方便在鼠标移动事件使用该数值，主要是为了鼠标松开时计算离其余九个位置的距离(勾股定理)

　　1.2克隆一个一样的节点且放在原地

　　2.拖拽时实时记录clientX clientY的值，后边计算最短距离时用到。

　　3.鼠标松开时，要新声明两个数组，两个都是用来存放勾股定理求出来的数组，其中一个用sort排序，得到最小值，然后根据这个最小值在第二个数组中找到它的索引，也就是可以根据这个索引找到它是第几个div;然后和clonenode的那块进行交换left和top值。

　　既然来到千锋培训班学习，那就课上好好听讲，课下多多练习，刚开始可以跟着老师的思路来写代码，但是学到了一个月之后我们就需要自己有思想，自己去想如何对代码进行优化，一定要有自己的思想。学习上遇到不会的地方一定要多问，每天遇到的问题最好当天解决，不要每天留一个问题，时间长了会越积越多。前端是自己写出来可以看到的东西，比看不到效果的后台接受度高很多，让人学习更有动力，同时要多敲代码，这样才熟能生巧!

上一篇

千锋哈尔滨学员分享Web前端培训第一周便收获满满

下一篇

感谢千锋哈尔滨Web前端培训 给予我成长和蜕变的机会