黄运鑫的博客

• 问题
• 原因
• 解决办法

问题

• 有一个标签 <div id="aaa.bbb"></div>

• 当html标签的id中有“.”时，比如id=”aaa.bbb”，用jquer选择器 $(“#aaa.bbb”) 不能选择到标签

• 查资料发现id命名规则如下：

  1.必须以字母 A-Z 或 a-z 开头
  2.其后的字符：字母(A-Za-z)、数字(0-9)、连字符(“-“)、下划线(“_”)、冒号(“:”) 以及点号(“.”)
  3.值对大小写敏感

• 所以id的命名没错

原因

• 因为jquer选择器 $(“#aaa.bbb”) 的意思是，选择id=aaa并且class=bbb的标签，所以选不到

解决办法

• 代码如下

  //1. 可以用js的方法
  document.getElementById("aaa.bbb"); 
  //2. 使用转义符
  $("#aaa\\.bbb")
  //3. 或者jquery改为
  $("div[id='aaa.bbb']")
  

• 开发环境

开发环境

• 开发软件：IDEA
• maven导入七牛sdk或手动引用qiniu-java-sdk jar包
• 七牛官方音频转码文档

• 测试代码如下

测试代码如下

var deadline1 = new Date("2016-06-10 23:59");
var deadline2 = new Date("2016/06/10 23:59");

• 在执行new Date( string ) 的时候，不同浏览器会采用不同的parse.
• 目前chrome两种格式都支持，而Safari只支持yyyy/mm/dd

• sessionStorage和localStorage的区别

sessionStorage和localStorage的区别

• html5中的Web Storage的两种存储方式：sessionStorage和localStorage。
• sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。
• 而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

• 解释
• 应用场景
• 首先定义过滤器
• 最后使用过滤器
• 过滤器可以有多个参数
• 多个参数过滤器使用

解释

vue 的 filter 的过滤器器，作用是在页面展示数据前，对数据进行自定义操作

应用场景

比如有一个时间数据：{{ date }} 值为 2017-10-24 15:06:18
在页面展示时，只需要显示 2017-10-24

首先定义过滤器

new Vue({  
    // ...  
    filters: {//定义一个过滤器
        formatDate: function (value) {
            return value.substring(0,10);
        }
    }
})

最后使用过滤器

<p>{{ date | formatDate }}</p>
<!--结果为 2017-10-24-->

过滤器可以有多个参数

new Vue({  
    // ...  
    filters: {
        filterTest: function (value,param1,param1) {
            return value;
        }
    }  
})  

多个参数过滤器使用

过滤器的第一个参数默认为当前数据，所以只需要传入param1和param2，方法如下：

<p>{{ date | formatDate(param1, param2) }}</p>

• 判断对象中的所有属性是否有null、空字符串、空集合，有则返回true，没有则返回false

  public static boolean isHaveNull(Object obj) {
    boolean flag = false;
    if (obj == null) {
        return true;
    }
    try {
        for (Field f : obj.getClass().getDeclaredFields()) {
            f.setAccessible(true);
            //判断是否为null
            if (f.get(obj) == null) {
                flag = true;
                return flag;
            }
            //判断是否为空字符串
            if (f.get(obj) instanceof String) {
                if (StringUtils.isBlank(f.get(obj).toString())) {
                    return true;
                }
            }
            //判断是否为空list集合
            if ((f.get(obj) instanceof List)) {
                if (((List) f.get(obj)).size() == 0) {
                    return true;
                }
            }
            //...按需要添加判断条件
        }
    } catch (IllegalAccessException e) {
    }
    return flag;
  }
  

• 使用环境：

使用环境：

MyEclipse
引用jar包：mail.jar
邮箱：163

• 例子如下
• 问题
• 答案

例子如下

问题

需要按总分数排序后，获取某个用户的得分和排名
表名为vt_train_join，表内容如下：

答案

sql语句如下(查找user_id为47的用户排名和总分)：

SELECT rank,sum_score FROM (SELECT *,(@rank\:=@rank+1) AS rank 
FROM (SELECT user_id,SUM(total_score) AS sum_score 
FROM vt_train_join GROUP BY user_id ORDER BY sum_score DESC) tj,
(SELECT (@rank\:=0)) r) e WHERE user_id=47

注：因为同一个user_id可能有多条数据，所以先对user_id进行了分组