日历组件开发知识点遗漏

`是一个新增加的运算符，表示模板字符串。

var a = 10;
var b = "高兴";
var c = "手机";
var str = `好高兴啊，我买了一个${c}，花了${a}元，我很${b}啊！`;

想要滚动效果的出现就不能让rendr()参与进来，不能在render里setsState，否则state一改变render重新启用，页面直接刷新，不会有动画效果的出现

jquery无法响应滚轮事件，只能装插件
jquery.mousewheel.js

向上划 delta>0
向下划 delta<0

滚轮在这里必须用stop(true,true)
滚轮在这里用stop(true)，滑动的太快会出现如下的积累事件

生命周期componentDidMount(){}主要写时间委托、事件监听

获取系统当前年月日

var d = new Date();
"year" : d.getFullYear(),
"month" : d.getMonth() + 1,
"day" : d.getDate(),

返回哪个 DOM 元素触发了事件：

event.target

componentDidMount(){
        var self = this;
        $("html").click(function(event){
           //给最大的父元素加ref钩子
            var o = self.refs.BECanlendar;
            console.log($(event.target).parents(o).length==0){
                //窗口的点击事件，当点击到外面的时候，length=0
            }
    });
    }

追加到span_container的后面
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容

backgrond-size可以用cover来当做值，表示图片不变形，尽可能多的呈递图片。
值也可以是contain，表示图片不会变形，一定能呈递完整图片：

日历组建格式

<table>
    <thead>
        <tr><th key={index}>{item}</th></tr>
    </thead>
    <tbody>
        <tr><td key={index}>{item}</td></tr>
    </tbody>
</table>

//这个月的第一天星期几
function nowFirstDay(year,month){
    return  (new Date(year,month-1,1)).getDay();
}

//这个月有多少天
function lastmonthNum(year,month){
    return (new Date((new Date(year,month,1))-1)).getDate();
}

需要返回值的

arr1 = arr.concat(arr2);   //数组的合并，必须arr1=，否则数组不变。
arr1 = arr.slice(1,4);      //截取下标为1、2、3的为一个新数组返回
arr1 = arr.slice(3);        //从下标为3的项目开始截取后面全部了

不需要返回值的

push()     //尾插
Pop()      //尾删
unshift()  //头插
shift()    //头删
arr.splice(3,2,"X","Y","Z","思密达"); //从数组下标为3开始这项，连数2项，改为……
arr.splice(2,0,"嘻嘻","哈哈");       //插入到下标为2的项前，不删除项目
arr.splice(-8);                        //删除数组的最后8项。
arr.reverse();                         //逆序
"abcdef".charAt(0);                   // 返回在指定位置的字符a
“字符串”.substr(start,length)         //从下标为3的地方开始，取5个字符
“字符串”.substring(start,end); 不包括end //截取子串
"abcde".toUpperCase();          //转为大写
"ABCDE".toLowerCase();             //转为小写
"我爱你亲爱的祖国的".indexOf("的");    //5
"abcdefgaa".replace("a","0");         // "0bcdefgaa"
"我爱你亲爱的祖国的人民币".slice(-3,-1)   //提取，"人民"
arr.sort();                            //sort函数默认是按照字符顺序排的

日历组件开发知识点遗漏

猜你喜欢