React.createRef() 概述:Refs提供一个活的DOM节点或者创建在render方法中的React元素方法中。为什么使用Ref?更改子元素,一般需要使用新的props去重新渲染子元素。但有时需要在数据流之外强制更改子元素。被更改的子元素可能是有一个React组件的实例,或者是一个DOM元素,此时可以用Refs。(一)什么时候使用Refs?管理焦点、文本选择、媒体回放 触发必要动画 整合第三方DO...
总结项目开发中踩过的坑 一、select下拉框如何支持精准和模糊查询?使用此参数可以支持精准和模糊查询,在onFocus中调用方法获取数据列表,然后在输入框中可以直接用。注意:如果要使用onSearch方法,且调用的方法和onFocus调用的方法完全一致,可能会导致showSearch参数失效。...
将本地项目上传到gitlab 在项目下git bash,执行如下命令:1. git init2. git add .3.git commit -m "xxx"4.git remote add origin master http://192.168.130.99:9000/xxxxx.git5.git push -u origin master-u 指定一个默认主机,这样后面就可以不加任何参数使用git...
React中为什么要使用constructor(props){super(props)}? 1.定义class组件,为什么需要加上 super() ?super的作用:super关键字,它指代父类的实例(即指代父类的this对象),子类没有自己的this对象,而是继承父类的this对象。子类必须在constructor方法中调用super方法,从而得到父类的this对象,否则会报错。3.super()加不加props的区别究竟在哪里呢?需要在构造函数内使用this.prop...
定时器和事件监听器 一、定时器setTimeout&clearTimeout1、t=setTimeout(code, time) 方法用于在指定的毫秒数后调用函数或计算表达式,setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()2、clearTimeout(t) 方法可取消由 setTime...
基于React-redux的todolist的项目搭建和开发步骤 一、安装步骤(1)npm install -g create-react-app 全局安装(2)create-react-app reactproject 新建并对react项目进行命名(注:项目名称不能有大写)(3)cd reactproject通过命令进入文件夹内部,准备运行项目(4)npm sta...
正则验证车牌号码(包括新能源车牌) 摘引文章:https://blog.csdn.net/xjun0812/article/details/81806118正则验证:new RegExp(/^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵...
函数去抖(debounce)和函数节流(throttle) 一、定义函数去抖(debounce)和函数节流(throttle)都是函数调用频率的控制器。_.debounce(func, [wait=0], [options={}])func(Function): 要防抖动的函数。 [wait=0](number): 需要延迟的毫秒数。 [options={}](Object): 选项对象。 [options.leading=fa...
利用git将本地代码上传到github git命令工具Git Bash 。首先在Git Bash中使用cd命令进入对应的本地项目路录,按照下面的命令操作:1、git init 表示在当前的项目目录中生成本地的git仓库,有的项目有.git文件则不需要init。2、git add . 表示你要提交到github上的文件,如果你要将所有文件都暂存。3、git commit -m “first commit”, 提交代码,...
ES6 数组的扩展 扩展运算符 Array.from() Array.of() 数组实例的 copyWithin() 数组实例的 find() 和 findIndex() 数组实例的 fill() 数组实例的 entries(),keys() 和 values() 数组实例的 includes() 数组实例的 flat(),flatMap() 数组的空位1. Array.from()1.1 A...
ES6 Promise 用法(看懂) 多次看了promise构造函数和all、then、reject、resolve、catch后,终于看懂了。参考文章:https://blog.csdn.net/shan1991fei/article/details/78966297
maps对象和objects的比较 1、Map对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。2、Objects 和 maps 的比较Objects和Maps类似的是,它们都允许你按键存取一个值、删除键、检测一个键是否绑定了值。因此(并且也没有其他内建的替代方式了)过去我们一直都把对象当成Maps使用。不过Maps和Objects有一些重要的区别,在下列情况里使用Map会是更好的选...
深拷贝和浅拷贝 参考文章:https://blog.csdn.net/qq_39207948/article/details/81067482https://blog.csdn.net/u014628388/article/details/77489400深拷贝和浅拷贝的区别1.浅拷贝: 将原对象或原数组的引用直接赋给新对象,新数组,新对象/数组只是原对象的一个引用2.深拷贝: 创建一个新的对象和...
JS两种定时器,setTimeout和setInterval的区别$用定时器切换元素背景颜色 一、setTimeout只在指定时间后执行一次,用于延迟执行某方法或功能//只执行一次var t1 = window.setTimeout(function hello(){ alert("你好");},2000);//去掉定时器的方法window.clearTimeout(t1);二、setInterval以指定时间为周期循环执行//按周期循环执行var t2 =...
数组、字符串去重(优解) 参考文章:https://blog.csdn.net/qq_41713692/article/details/80619292数组去重定义一个空数组,用来存放遍历过程中第一次出现的值;定义一个对象,用来比较是否重复。Array.prototype.unique = function(){ var arr = [], obj ={}, len = this.length; f...
js实现随机选取10–100之间的10个数字,存入一个数组,并排序 Math.random()返回[0,1)之间的随机数<script type="text/javascript"> function sortNumber(a,b){ return a-b;//升序 // return b-a;//降序}//JS实现随机选取10-100之间的10个数字,存入一个数组,并排序var iArray = [];functio...
字符串和数组的常用方法 一、字符串string常用方法1、substring(start开始位置索引,end结束位置索引) 字符串截取从0开始索取,不包含结束位置的字符;只写一个参数表示重开始位置截取到最后;输入负值将变成0,那个较小就作为开始。var str = 'abcdefg';str.substring(2); //cdefgstr.substring(1,-3); // => str....
CSS中可以和不可以继承的属性 参考文章:https://www.cnblogs.com/thislbq/p/5882105.html一、无继承的属性1、display:规定元素应该生成的框的类型;2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰white-space:空白符的处理3、盒子模型的属性:width、height、margin-、...
MVVM开发模式的理解&v-if和v-show的区别 一、MVVM分为Model、View、ViewModel三者Model:代表数据模型,数据和业务逻辑都在Model层中定义; View:代表UI视图,负责数据的展示; ViewModel:负责监听Model中数据的改变并且控制视图的更新,处理用户交互操作。View——ViewModel——ModelModel和View并无直接关联,而是通过ViewModel来进行联系的,Model和...