随笔分类 -  前端面试题

摘要:1. 什么是 React 合成事件? React 使用 SyntheticEvent 对原生事件进行封装,使得所有事件在不同浏览器中都具有相同的行为。这种封装提供了一致性和性能优化,开发者可以像使用原生事件一样使用 React 合成事件。 2. React 合成事件的特性 1. 跨浏览器兼容性 Re 阅读全文
posted @ 2024-12-18 11:25 行走的蒲公英 阅读(42) 评论(0) 推荐(0) 编辑
摘要:setState 是 React 类组件中用于更新组件状态的方法。根据执行的上下文环境,setState 的行为可能会表现出异步或同步的特性。具体区别如下: 1. 为什么 React setState 是异步的? React 的 setState 并不会立刻更新 state 和重新渲染组件,而是批量 阅读全文
posted @ 2024-12-18 11:13 行走的蒲公英 阅读(38) 评论(0) 推荐(0) 编辑
摘要:function flatFormat(arr, result = []) { for (let i; i < arr.length; i++) { if (Array.isArray(arr[i])) { flatFormat(arr[i], result); } else { result.pu 阅读全文
posted @ 2024-01-30 17:34 行走的蒲公英 阅读(7) 评论(0) 推荐(0) 编辑
摘要:function listToTree(list, parentId = null) { const tree = []; for (let i = 0; i < list.length; i++) { if (list[i].parentId parentId) { const node = { 阅读全文
posted @ 2024-01-30 17:32 行走的蒲公英 阅读(5) 评论(0) 推荐(0) 编辑
摘要:function throttle(func, ms = 1000) { let canRun = true; return function (...args) { if (!canRun) return; canRun = false; setTimeout(() => { func.apply 阅读全文
posted @ 2024-01-30 17:31 行走的蒲公英 阅读(5) 评论(0) 推荐(0) 编辑
摘要:function debounce(func, ms = 1000) { let timer; return function (...args) { if (timer) { clearTimeout(timer); } timer = setTimeout(() => { func.apply( 阅读全文
posted @ 2024-01-30 17:31 行走的蒲公英 阅读(8) 评论(0) 推荐(0) 编辑
摘要:方法一: function format(num) { let str = num + ""; return str .split("") .reverse() .reduce((prev, next, index) => { return (index % 3 ? next : next + ", 阅读全文
posted @ 2024-01-30 17:30 行走的蒲公英 阅读(16) 评论(0) 推荐(0) 编辑
摘要:function newFilter(arr, fn) { let newArr = []; for (let i; i < arr.length; i++) { if (fn(arr[i])) { newArr.push(arr[i]); } } return newArr; } 阅读全文
posted @ 2024-01-30 17:29 行走的蒲公英 阅读(9) 评论(0) 推荐(0) 编辑
摘要:话不多说,上代码 function deepClone(obj) { let newObj = null; if (typeof obj "object") { newObj = obj instanceof Array ? [] : {}; for (let i in obj) { newObj[ 阅读全文
posted @ 2024-01-30 17:28 行走的蒲公英 阅读(5) 评论(0) 推荐(0) 编辑
摘要:计算属性(Computed): computed 是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时,才会重新求值。适合于执行更复杂的数据操作。 computed 属性是计算出来的,不会对原始数据造成任何副作用。 computed 属性可以具有 setter 和 getter 方法,可以更灵 阅读全文
posted @ 2023-12-28 10:43 行走的蒲公英 阅读(211) 评论(0) 推荐(0) 编辑
摘要:在JavaScript中,this 是一个特殊的变量,它引用了调用对象。它的指向在不同的上下文中有不同的变化。以下是一些常见的 this 指向的情况: 1.全局上下文:在全局作用域中,this 指向全局对象。在浏览器中,这通常是 window 对象。 console.log(this); // wi 阅读全文
posted @ 2023-12-27 14:35 行走的蒲公英 阅读(23) 评论(0) 推荐(0) 编辑
摘要:1.给定两个有序数组,[1, 2, 4],[3, 5, 6],实现一个merge(ary1, ary2),返回一个有序数组不要直接使用sort;保障一定的时间复杂度。 2.代码题 function Foo() { getName = function () { console.log (1); }; 阅读全文
posted @ 2021-07-12 17:57 行走的蒲公英 阅读(265) 评论(0) 推荐(0) 编辑
摘要:至少用2种实现左边栏宽200px,右边栏宽度自适应。并简述方式的优缺点。 用递归实现斐波那契数列,并加入缓存功能。 用不同方式写下列表单,并说明提交什么数据类型。 颜色 口 红色 口蓝色 口白色 编程题括号匹配:(){}[] 简述页面加载的过程,怎么能优化加载速度? 阅读全文
posted @ 2021-07-12 17:47 行走的蒲公英 阅读(314) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示