JavaScript基础
JavaScript基础
前端设计诗
WEB后端攻城狮
展开
-
我在react中用到的发布-订阅模式
订阅消息import emitter from '@/components/Events';// 组价挂载的时候进行事件的监听componentDidMount() { emitter.addListener('modalOpen', this.modalOpen);}// 组件卸载的时候移除监听 componentWillUnmount() { emitter.removeListener('modalOpen', this.modalOpen // 监听到事件需要进行的原创 2021-04-22 20:10:28 · 503 阅读 · 1 评论 -
记一次if else 日常开发的简单优化写法
1、原代码 if (index === 0) { dispatch({ type: 'emailApi/inquireEmailReceiveListByPageAccount', payload: { loading: true, }, }); this.generateBadge(); } else if (index === 1) { dispatch({原创 2021-04-21 15:58:16 · 319 阅读 · 1 评论 -
JavaScript函数参数到底是按值传递还是引用传递?
1、传递参数ECMAScript 中所有函数的参数都是按值传递的。这意味着函数外的值会被复制到函数内部的参数中,就像从一个变量复制到另一个变量一样。如果是原始值,那么就跟原始值变量的复制一样,如果是引用值,那么就跟引用值变量的复制一样。对很多开发者来说,这一块可能会不好理解,毕竟变量有按值和按引用访问,而传参则只有按值传递。在按值传递参数时,值会被复制到一个局部变量(即一个命名参数,或者用 ECMAScript 的话说,就是 arguments 对象中的一个槽位)。在按引用传递参数时,值在内存中原创 2021-04-08 20:36:27 · 2607 阅读 · 3 评论 -
数组迭代器方法拆分键值对的小Tip
数组迭代器方法拆分键值对的小Tip使用 ES6 的解构可以非常容易地在循环中拆分键/值对const a = ["foo", "bar", "baz", "qux"]; for (const [idx, element] of a.entries()) { alert(idx); alert(element); } // 0 // foo // 1 // bar // 2 // baz // 3 // qux真是niceeeeeeeeeeeeee!...原创 2021-02-21 11:38:56 · 198 阅读 · 0 评论 -
使用instanceof去检测数组的弊端是什么?
使用instanceof去检测数组的弊端是什么?一般我们说去检测数组,会使用到if (value instanceof Array){ // 操作数组}使用这一方法可能大家很少会注意到会有什么问题。这也是我看书看到的,所以分享给大家。虽然这很少见到使用 `instanceof` 的问题是假定只有一个全局执行上下文。如果网页里有多个框架,则可能涉及两个不同的全局执行上下文,因此就会有两个不同版本的 Array 构造函数。如果要把数组从一个框架传给另一个框架,则这个数组的构造函数将有别于在原创 2021-02-21 11:32:18 · 1215 阅读 · 0 评论 -
关于For循环中将let替换成var的原因,我觉得这是最好的回答
for 循环中的 let 声明在 let 出现之前,for 循环定义的迭代变量会渗透到循环体外部:for (var i = 0; i < 5; ++i) { // 循环逻辑 } console.log(i); // 5 改成使用 let 之后,这个问题就消失了,因为迭代变量的作用域仅限于 for 循环块内部:for (let i = 0; i < 5; ++i) { // 循环逻辑} console.log(i); // ReferenceError: i 没有定义在.原创 2021-01-05 09:37:21 · 774 阅读 · 2 评论 -
reduce方法实现对数组相邻相同元素进行合并
1、 业务需求:渲染一个表格数据,对相同元素进行合并单元格。2、这里我们需要判断数组前一个元素是否和后一个元素相同,如果相同就进行合并,并且给出重复出现的数值。实现代码这里主要用到了reduce方法,下面代码是对数组进行处理,不同的数组结构处理方法就是不同。 function getNewCourseList(list) { list.map(item => { item.courseList.map(courseListItem => {原创 2020-11-19 09:13:14 · 1772 阅读 · 0 评论 -
react中函数带()和不带()引发的问题
1、在一次使用react-ant-design-mobile组件的时候,由一个函数定义引发的BUG。代码如下这里要实现的功能是,定义一个Toast回调函数,在提示之后进行一系列操作。错误写法 }).then(() => { Toast.success('发布成功', 1, this.onClose()); }); } onClose = () => { ........ }正确写法 也就是去掉this.onClose的括号,其原创 2020-11-02 21:26:48 · 1187 阅读 · 0 评论 -
react中使用splice函数去删除数组的某一项
1、splice函数splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。slice() 方法可从已有的数组中返回选定的元素。所以,在使用的时候,就要注意的是:splice返回的是被删除的项目2、举一个我在react中使用的小案例:完成的功能是删除数组的某一项:这里我需要更新的应该是我截取后的数组 // 删除 deleteSelect = (index) => { const { initSelectInputList } = this.state原创 2020-11-01 23:16:09 · 9791 阅读 · 0 评论 -
JS中对象转数组案例解析
以一次实际开发中的实例,将几种对象转数组的方法都试了一遍: // const errorList = Object.keys(error) // console.log('error', error) // console.log('Array.from', Array.from(error)) // console.log('keys',Object.keys(error)) // console.log('values',Object.val原创 2020-10-23 22:41:09 · 559 阅读 · 0 评论 -
react.js判断输入内容是否为空
1、判断输入内容是否为空有很多方法2、这里分享自己的有效代码3、去掉换行符、去掉空格等还是为空的话 if (textContent.replace(/(^\s*)|(\s*$)/g, '').replace(/[\r\n]/g, '') === '') { Toast.offline('内容不能为空', 1); return; }...原创 2020-07-30 22:27:52 · 3631 阅读 · 0 评论 -
获取数组对应值的索引值-es6(findeIndex)方法
1、期望:我们在操作数组的时候,需要获取所目标值的索引值,然后进行相应的操作。2、在es6中提供了这种方法,findIndex;3、定义和用法findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。findIndex() 方法为数组中的每个元素都调用一次函数执行:当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。如果没有符合条件的元素返回 -1注意: findIndex() 对于空原创 2020-07-19 11:28:22 · 6339 阅读 · 1 评论 -
URL跳转错误之 URL特殊字符转义
1、const url = `http://${window.location.host}/------/1.0/#/----2、const url = `http://${window.location.host}/registrationSystem/1.0/%23/3、原创 2020-02-28 15:13:21 · 1216 阅读 · 0 评论 -
react-ant-design中用到的数组遍历迭代方法forEach和map方法案例区分说明
1、forEach注意的是forEach方法返回的是undefined。实际运用2、map实际应用能不能return一个值就是关键之处。原创 2020-01-17 10:03:31 · 3525 阅读 · 0 评论 -
如何获取url地址?后面的参数
1、方法一:正则法function getQueryString(name) {var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');var r = window.location.search.substr(1).match(reg);if (r != null) {return unescape...原创 2019-11-16 17:09:43 · 4552 阅读 · 0 评论 -
博客常见线条背景动效-JavaScript
效果演示3、GitHub地址原创 2019-11-06 11:28:22 · 1426 阅读 · 0 评论