前端之javascript学习

---

title: 前端之javascript学习
date: 2019-11-28

原本在个人博客上写了一些博文，现转移到CSDN上

javascript学习

几个注意点：
1.在js中经常会用到id与class的绑定。id是唯一的，class不是，所以在绑定时尽量使用class，避免使用id
2.利用vue写程序，this与that是指的data中定义的变量，在methods中使用this，在mounted中使用that来拿data中的数据
3.熟练使用push来向数组中追加数据，因为在data中定义数组，数组中有很多的属性，[{}]这种形式只能定义第一个元素，所以灵活使用push往数组中追加各种属性的值

this.editableTabs_data.push({
                    tabledata:[],
                    title: 'New Tab',
                    name: newTabName,
                    content: 'New Tab content'
                });

4.JQuery的ON()方法支持的所有事件罗列
https://blog.csdn.net/lookbackward/article/details/78364345?tdsourcetag=s_pctim_aiomsg
jquery在监听input是否输入值时，用到keyup事件

//input的监听值变动的事件
        $(document).on('keyup','.category_name',function ($event) {
            let category_input=$(".category_name");
            let index=0;
            for(;index<category_input.length;index++){
                if($(this)[0]==category_input.eq(index)[0]){
                    break;
                }
            }
            that.editableTabs_model[index].title = $(".category_name").eq(index).val();
        });

一般，使新增的控件有效，使用document来绑定
5.JavaScript splice() 方法
splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。

table1.splice(index, 1);