js
一蓑烟雨,一任平生
路虽远,行则至。动手去做,就会一步一步走向成功。
展开
-
一些ES6语法使你的代码变得高级,Es6在日常的使用场景
1,解构赋值let obj = { a: 1, b: 2, c: 3}const { a:a1,b:b1,c:c1} = obj || {};//防止对象为空console.log(a1,b1,c1);2,合并数组(扩展运算符)const a = [1,2,3,4,5]const b = [4,5,6,7,8]const c = [...new Set([...a,...b])]//数组合并一定要去重3,字符串拼接const name1 = "小明"cons原创 2022-01-11 22:33:31 · 303 阅读 · 0 评论 -
Vue3.0实现一个任务清单ToDoList & vue3小练习
## 功能包含任务增加任务查找点击任务切换任务状态下方按钮实现任务展示切换总而言之实现了任务的增改查template代码:<template> <div class="container"> <h2>任务计划表</h2> <!-- 添加框 --> <div class="add"> 添加任务:<input v-model="taskModel"原创 2022-01-10 16:02:51 · 1229 阅读 · 0 评论 -
React周期函数
分为三个阶段:挂载阶段(初始化节点) componentWillMount ,componentDidMount:组件内部state、props进行初始化。节点完成渲染阶段更新节点(运行阶段 shouldComponentUpdate, componentDidUpdate 这个是组件最长的一个阶段,只要对组件数据进更新,页面重绘和回流卸载阶段(销毁阶段) componentWillUnmount, 这个阶段组件的销毁阶段,组件从页面移除执行这个阶段,资源回收的一些工作完整生命周期..原创 2021-12-28 13:15:18 · 234 阅读 · 1 评论 -
事件流&事件执行阶段
事件流的概念事件流是指当给嵌套标签设置同样事件时它们之间的触发顺序.w3c标准里有两套事件流:冒泡和捕获。冒泡事件触发的顺序是由子标签到父标签<ul> <li> <p> p标签 </p> </li> </ul>完整冒泡触发顺序是:p->li->ul->body->html-&原创 2021-12-26 18:41:57 · 582 阅读 · 1 评论 -
1,常用的Hook方法有哪些?(React面试题)
1,内部状态useState: useState是官方提供的一个保存组件内部状态的函数2,useEffect函数: 函数组件没有生命周期钩子函数,使用useEffect来模拟常用的一些钩子函数3,useMemo函数: 这个hook函数作用就是实现计算属性。4,React.memo:这个函数是16.6提出的一个包装函数,也是一种高阶组件。实现的代码优化效果和pureComponent一样,当你子组件无需更新的时候,不会频繁调用5,useRef函数:获取节点数据6,useHistory函数(第三方):原创 2021-12-11 15:14:17 · 1606 阅读 · 0 评论 -
找出数组中第k大和第m大的数字之和
找出数组中第k大和第m大的数字之和说明:定义一个函数,接受三个参数getMaxNumber(array,k,m){},找出第k大和第m大的数字之和。重复的数组也需要计算比如:[1,3,4,5,4,6] k=1的时候获取到值为6(出现一次),m=3的时候获取到的只为4(出现2次),总和就是 sum = 6+4+4function getMaxNumber(array, k, m) { let indexNUm = 1;//当数组中前后值不相等时++,记录第几大的值原创 2021-11-30 00:25:55 · 1517 阅读 · 2 评论 -
关于console.log()输出没效果的问题
在平时和的开发中我们经常遇到console.log()没有效果,作为小白的我已经遇见不止一次了, 下面来总结一下。第一种在vue中我们通常无法输出data里的值,这种通常情况下只有一种那就是data写成date(这个错误小白会长犯哦!还好我不是小白????,补充一下date是日期的意思)第二种也就是浏览器不小心关闭了消息选项谷歌的是这个:火狐的是这个这个错误让我一度认为是浏览器的错误...原创 2021-11-06 21:16:34 · 5551 阅读 · 0 评论 -
vue中深度监听没有效果,
首先我在项目中所出现的问题# 项目场景: watch: { alert: { handler(newVal, oldVal) { this.alterSon = newVal; }, deep: true, // 深度侦听 },问题分析:考虑到数据值和值的属性都可能改变,所以使用深度监听。这里我的alter(数据地址值改变)改变,但this.alterSon却一直是第一次赋的值。。解决方案:使用普通监听该原创 2021-10-30 17:48:14 · 1277 阅读 · 0 评论 -
关于call()方法详解和严格模式下call()输出undefind
关于call()方法详解和严格模式下call()输出undefind首先说一下这个方法的作用:让当前函数执行把函数中的this指向改为第一个传递给CALL的实参把传递给CALL其余实参当作参数信息传递当前函数没有参数指向windon,严格模式指向undefined上代码function call1(context) { context.$fn = this; let tempArr = []; //除第一个以外的参数原创 2021-10-23 10:45:51 · 272 阅读 · 0 评论