java前端实现打星评价_一道面试题带来的前端优化——实现星星点评

前言

人人都会失业，这不巧小的这里就准备失业了，团队解散不是病，突然解散要人命。

我们工作中面对这种突然团队解散的问题，对职业生涯规划是有很大问题的，他可以让你一夜回到革命前：

比如我几年的工龄(<=1)没了；比如我今年年底年终奖又只有半年的了，比如我在这里努力的结果付诸东流了......

说来说去，就一个结果，小的需要找工作了。于是那天就把简历挂了出来，也恰好有个招聘，就过去了，应该说毫无感觉，带着及其失落的感情过去了......

面试过程中的题基本全知道，不管有印象的没印象的，反正全知道......但是知道不等于了解，了解不等于深入！这里又要为自己平时的不积累埋单了。

根据那次面试，我这里有两个总结点，最近会形成研究：javascript中的this；javascript中的冒泡机制

其实关于这两个东西，我其实早有兴趣研究，也早该研究，省略一万字......反正最后没有研究。

说回主题、说回正题

面试过程中，提出的一道题比较有意思，完了我一直想试试，这里提出来大家研究：

这是在当当上截的图，我要完成的功能就是这个。

鼠标滑动到某个星上就将几个高亮显示。

最简单与最戳相差不远

碰到这类题，我一般使用神器jquery，但是我们做前端开发的，若是没有一定涵养，第一次的方法必定是最容易实现的，往往也是最戳的：

话不多说，先上代码：

鼠标划上选中

1

2

3

4

5

6 body{background:#dfdfdf;}

7 ul, li{margin:0;padding:0}

8 li{list-style:none;}

9 #comment_star li{background:url("s1.jpg") no-repeat -29px 0;display:inline-block;text-indent:-999px;width:26px;height:26px;}

10 #comment_star li.star_selcted{background-position:0 0; }

11

12

13

14 $(document).ready(function() {15 $('#comment_star li').mouseenter(function(e) {16 varel=$(this);17 el.addClass('star_selcted');18

19 }).mouseleave(function(e) {20 varel=$(this);21 el.removeClass('star_selcted');22 });23 });24

25

26

27

28 1

29 2

30 3

31 4

32 5

33

34

35