丸熊酱

做这个数独游戏的基本思路是：

1.评论。运用到blur,keyup事件，评论按钮交互，构造中英文字数记录函数

2.星级评分。图片采用font-awesome icon插件,配合js实现。

3.Ajax运用。每次提交评论实时发送给后端服务器，并接收服务器返回将数据显示在弹幕中

• 字数记录函数

  运用到字符串的charCodeAt()方法、trim(),和正则表达式。符合str.charCodeAt()在0~128之间，用字符串str1拼接起来，通过trim()去除首尾空格后，用split(/\s*\s/)取得单词字符串数组，通过length属性得到英文字符数。

  除此之外的算作中文，用length属性取中文字数量。

  function wordNum(A){ var len = A.length; var str1 = ""; var str2 = ""; for (var i = 0; i < len; i++) { if(A.charCodeAt(i) <= 128 && A.charCodeAt(i) >=0){ str1 += A[i]; } else { str2 += A[i]; }; } var len_cn = str2.length; var len_en = str1.trim().split(/\s*\s/).length;//对分离的英文字符串去除前后空格 var Len = len_cn + len_en; return Len; };

• 弹幕效果

  将评论内容经由服务器返回后存储在li中，遍历列表,给每个li设置随机的高度，字体大小，颜色，延迟时间，动画时长。每次点击弹幕区和提交评论即可触发。

  $(function(){ $("#comment-list").click(function(){ $("#comment-more").css("display","none"); var time; var h; var duration; var total_h = $("#comment-list").height(); var size; var a,b,c = ""; var color = ""; for (var i = 0; i < $("#comment-list li").length; i++) { var el = $("#comment-list li a"); h = Math.random()*total_h; time = Math.random()*10000; duration = Math.random()*10000 + 1000; size = Math.random()*(24-12)+ 12; var color_str = "0123456789abcdef"; var a= Math.floor(Math.random()*16); var b= Math.floor(Math.random()*16); var c= Math.floor(Math.random()*16); var arr = color_str.split(""); el[i].style.webkitAnimationPlayState = "running"; el[i].style.webkitAnimationDelay = time + "ms"; el[i].style.webkitAnimationDuration = duration + "ms"; el[i].style.top = h + "px"; el[i].style.fontSize = size + "px"; el[i].style.color = "#"+arr[a]+arr[b]+arr[c]; } }) return false; })