前端小知识10点(2019.5.18)

1、当给数组的index赋负数或小数时,数组的长度有无变化?

  let arr=[]
  arr[10]=11
  console.log(arr.length); //11

  arr[-1]=-1
  console.log(arr.length) //11

  arr[3.14]=3.14
  console.log(arr.length) //11
  //===================================
  let arr1=[]

  arr1[2.1]=2.1
  console.log(arr1[2.1],'arr144'//2.1
  console.log(arr1.length,'arr145'//0

  arr1[1]=1
  console.log(arr1.length,'arr147'//2
  //========================
  let arr2=[]
  arr2[-1]=-1
  console.log(arr2.length,'arr253'//0
  //========================
  let arr3=[]
  arr3[5]=5
  console.log(arr3.length,'arr258'//6
复制代码

由此可见,arraylength属性只计算非负整数下标!不计算负数、小数

2、antd-pro 项目热更新慢并且是在95%(emitting)时卡住怎么办?

本人实际上是less文件里多写了个逗号。。。。?

3、less 子类名使用 active

span {
      position: relative;
      .leftIcon{
        border-radius: 17px;
      }
      &.active {
        background:rgba(94,112,231,1);
        .leftIcon{
          background:rgba(255,255,255,1);
        }
      }
    }
复制代码

4、antd 的 Spin 组件不认识 undefined(Spin 组件的 spinning 属性只对 true/false 生效),如果是 undefined 状态会是一直读取的状态

<Spin spinning={undefined}>
</Spin>
复制代码

5、flex 超出换行 flex-wrap: wrap

.noIcon {
  display: flex;
  //超出换行
  flex-wrapwrap;
}
复制代码

6、sort() 双重排序
(1)总分排序
(2)如果总分相等,我们再按照语文成绩排序

var jsonStudents = [
    {name:"Dawson", totalScore:"197", Chinese:"100",math:"97"},
    {name:"HanMeiMei", totalScore:"196",Chinese:"99"math:"97"},
    {name:"LiLei", totalScore:"185", Chinese:"88"math:"97"},
    {name:"XiaoMing", totalScore:"196", Chinese:"96",math:"100"},
    {name:"Jim", totalScore:"196", Chinese:"98",math:"98"},
    {name:"Joy", totalScore:"198", Chinese:"99",math:"99"}];
jsonStudents.sort(function(a,b){
    var value1 = a.totalScore,
        value2 = b.totalScore;
    if(value1 === value2){
        return b.Chinese - a.Chinese;
    }
    return value2 - value1;
});
复制代码

7、正则表达式:js 去掉下划线,后首个字母变大写

let str='str_abc'
str=str.replace(/_(\w)/g(all, letter) => letter.toUpperCase());
console.log(str) //'strAbc'
复制代码

8、按下 control+enter 键,触发事件

<TextArea onKeyDown={(e)=>{
   if(e.ctrlKey&&event.keyCode===13)
      this.handleOk()
}}/>
复制代码

onKeyDown 事件的 ctrlKey 是 control 键,keyCode=13 是 enter 回车键。

9、使用<br/>代替回车符,并且使用dangerouslySetInnerHTML使 react 的 DOM 元素可以读取字符串中的标签

dangerouslySetInnerHTML相当于 innerHtml

let str=comment.split(/\r\n|\r|\n/g).join('<br/>')
复制代码
 <div dangerouslySetInnerHTML={{__html:str}} />
复制代码

10、正则表达式:正整数

 const reg = /^[0-9]*[1-9][0-9]*$/;
复制代码

(完)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值