前端知识点1：图片灰化、限制文字长度多于现实省略号、jquery获取日期、jquery对象数组排序

1、图片灰化

2、限制长度，多余的影藏并显示省略号

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 2.5rem;

3、jquery获取星期、几号

var time_stamp  = 1500998400;
var d           =new Date(time_stamp*1000)|| new Date();//定义时间对象

var year        = d.getYear();//年
                  d.getYear(); //获取当前年份(2位)
                  d.getFullYear(); //获取完整的年份(4位,1970-????)
                  d.getMonth(); //获取当前月份(0-11,0代表1月)
                  d.getDate(); //获取当前日(1-31)
                  d.getDay(); //获取当前星期X(0-6,0代表星期天)
                  d.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
                  d.getHours(); //获取当前小时数(0-23)
                  d.getMinutes(); //获取当前分钟数(0-59)
                  d.getSeconds(); //获取当前秒数(0-59)
                  d.getMilliseconds(); //获取当前毫秒数(0-999)
                  d.toLocaleString( ); //获取日期与时间

var now_time = Date.parse(new Date());  //获取当前时间戳
var now_time = (new Date()).valueOf();   //获取当前时间戳

4、jquery根据对象数组排序

function()  
        {  
            var students =[  
                {'sid':'ST001','sname':'张三','sage':18},  
                {'sid':'ST004','sname':'赵六','sage':23},  
                {'sid':'ST002','sname':'李四','sage':42},  
                {'sid':'ST003','sname':'王五','sage':35}  
            ];  
            //表格显示  
            $.each(students,  
                function(index, value)  
                {  
                    $('#ia').append('' + value.sid +   
                        '' + value.sname +   
                        '' + value.sage + '');  
                }  
            );  
            //按照SID排序  ！划重点，这是排序主体
            var sidOrder = students.sort(  
                function(a, b)  
                {  
                    if(a.sid < b.sid) return -1;  
                    if(a.sid > b.sid) return 1;  
                    return 0;  
                }  
            );  
            $.each(sidOrder,  
                function(index, value)  
                {  
                    $('#ib').append('' + value.sid +  
                        '' + value.sname +   
                        '' + value.sage + '')  
                }  
            );  

PS:后续会添加更多实用的知识点

本文为原创文章，转载请注明出处

觉得本文对你有帮助

关注mid米店，持续分享中。。。