博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端小知识10点(2019.5.18)
阅读量:6223 次
发布时间:2019-06-21

本文共 2363 字,大约阅读时间需要 7 分钟。

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 状态会是一直读取的状态

复制代码

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

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

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 键,触发事件

{
   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('
') 复制代码
 
复制代码

10、正则表达式:正整数

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

(完)

转载地址:http://pwwna.baihongyu.com/

你可能感兴趣的文章
[js高手之路] vue系列教程 - vue的基本用法与常见指令(1)
查看>>
glGetString(GL_VERSION) returns “OpenGL ES-CM 1.1” but my phone supports OpenGL 2
查看>>
RDA PQ工具使用 (屏参调整)
查看>>
Servlet学习笔记(三):HTTP请求与响应
查看>>
HttpClient request payload post请求
查看>>
MySQL慢查询
查看>>
Bootstrap树控件(Tree控件组件)使用经验分享
查看>>
Linux搭建JavaEE开发环境与Tomcat——(十)
查看>>
JFinal 学习笔记之Handler包分析
查看>>
Redis总结(六)Redis配置文件全解
查看>>
“四核”驱动的“三维”导航 -- 淘宝新UI(需求分析篇)
查看>>
iOS开发如何在一个透明视图上添加不透明的子控件
查看>>
加解密
查看>>
Cortex-A9 UART
查看>>
envoy 功能介绍
查看>>
百度地图api ak值
查看>>
macOS High Sierra Terminal巨卡问题的解决
查看>>
【SSH项目实战】脚本密钥的批量分发与执行【转】
查看>>
[LeetCode] Largest Palindrome Product 最大回文串乘积
查看>>
JAVA生成问答式验证码图片,支持加减算法
查看>>