前端h5项目之随笔杂记

arrayObject.slice(start,end)
//返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素

     当元素失去焦点时发生 blur 事件

     oninput 事件在用户输入时触发， 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。

     placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

     你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。

自定义组件 v-model的使用（父子传值），地址如下：

https://cn.vuejs.org/v2/guide/components-custom-events.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6%E7%9A%84-v-model

    v-html  插入html内容 渲染页面  解析标签 (底层：innerHTML)

    v-text  插入html内容 渲染页面  字符串直接输出 (底层：innerText)

        

      setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。

 

const that = this 其实就是将当前的this对象复制一份 给 that变量 ,那是因为在JavaScript中，this代表的是当前对象，他是会随这程序运行不停改变的，在this改变之前先复制一份给that，那么在程序后面的运行中就不会出现找不到原来的对象的情况。
 

模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。如果使用模板字符串表示多行字符串，所有的空格和缩进都会被保留在输出之中。模板字符串中嵌入变量，需要将变量名写在${}之中。大括号内部可以放入任意的 JavaScript 表达式，可以进行运算，以及引用对象属性。

表达式a && 表达式b :  计算表达式a（也可以是函数）的运算结果，
                      如果为 True, 执行表达式b（或函数），并返回b的结果；
                      如果为 False，返回a的结果；   （逻辑与，false，第一个）

表达式a || 表达式b :   计算表达式a（也可以是函数）的运算结果，
                      如果为 Fasle, 执行表达式b（或函数），并返回b的结果；
                      如果为 True，返回a的结果；-----（逻辑或，true，第一个）

 巧记：货真价实

v-for="(item,index) in list" :key="index"

 Promise.all()方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。

// 生成一个Promise对象的数组
const promises = [2, 3, 5, 7, 11, 13].map(function (id) {
  return getJSON('/post/' + id + ".json");
});

Promise.all(promises).then(function (posts) {
  // ...
}).catch(function(reason){
  // ...
});

//上面代码中，promises是包含 6 个 Promise 实例的数组，只有这 6 个实例的状态都变成fulfilled，
//或者其中有一个变为rejected，才会调用Promise.all方法后面的回调函数。

_.isNil判断一个值是否是null或者undefined

_.isEmpty(value)判断一个值是否是一个空对象，空集合，空map，空set

如果一个对象没有自身可枚举的字符串键属性就说明它是空对象

array-like对象例如arguments对象，array，buffer，string，jquery-like集合对象如果它们的length属性等于0就说明它们是空的。

map和set对象如果它们的size属性等于0就说明是空的

  let newArrobjArr=newArrobj.map((item,index,array)=>{
            var newobj={};
            if(item.sex=="女"){
                newobj=item;
                newobj.sex="美女"                
            }
            else{
                newobj=item;
                newobj.sex="帅男"                
            }            
            return newobj;
            
        });        
        console.log(newArrobjArr);
//        item 数组中正在处理的当前元素。
//        index 数组中正在处理的当前元素的索引。    
//        array map()方法被调用的数组。