首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

30+ 个工作中常用到的前端小知识(干货)

用法如下,通过new的方式创建对象,第一个参数是被拦截的对象,第二个参数是对象操作的描述。实例化后返回一个新的对象,当我们对这个新的对象进行操作时就会调用我们描述中对应的方法。...,origin等location对象上的属性。...,其实还有Object.values,返回对象值组成的数组,Object.entries将对象转成数组,每个元素是键值对组成的数组,可以使用此功能快速将对象转为Map。...Object.assign复制时,将对象属性和方法当做普通属性来复制,并不会复制完整的描述信息,比如this。...可选链运算符 业务代码中经常会遇到这样的情况,a对象有个属性b,b也是一个对象有个属性c, 我们需要访问c,经常会写成a.b.c,但是如果f不存在时,就会出错。

60530

2023前端二面react面试题(边面边更)

useState 的用法:const [count, setCount] = useState(0)可以看到 useState 返回的是一个数组,那么为什么是返回数组而不是返回对象呢?...,那么使用者可以对数组中的元素命名,代码看起来也比较干净如果 useState 返回的是对象,在解构对象的时候必须要和 useState 内部实现返回对象同名,想要使用多次的话,必须得设置别名才能使用返回值下面来看看如果...总结:useState 返回的是 array 而不是 object 的原因就是为了降低使用的复杂度,返回数组的话可以直接根据顺序解构,而返回对象的话要想使用多次就需要定义别名了。...useContext 接受上下文对象(从 React.createContext返回的值)并返回当前上下文值,useReducer useState 的替代方案。...纯函数的输入输出确定性 o useMemo 纯的一个记忆函数 o useRef 返回一个可变的ref对象,其Current 属性被初始化为传递的参数,返回的 ref 对象在组件的整个生命周期内保持不变。

2.4K50

(Vue 小程序 css ES6 React 校招大厂真题、高级前端进阶等)

,函数返回值为属性属性值,computed中每个属性都可以设置set与get方法。...2.Vue 不能检测到对象属性的添加或删除。 3.异步更新队列:数据第一次的获取到了,也渲染了,但是第二次之后数据只有在再一次渲染页面的时候更新,并不能实时更新。...所有 React 组件都必须是纯函数,并禁止修改其自身 props。 React是单项数据流,父组件改变了属性,那么子组件视图会更新。...函数组件: 函数组件接收一个单一的 props 对象返回了一个React元素 函数组件的性能比类组件的性能要高,因为类组件使用的时候要实例化,而函数组件直接执行函数取返回结果即可。...根据 shouldComponentUpdate() 的返回值,判断 React 组件的输出是否受当前 state 或 props 更改的影响。

38510

社招前端常见react面试题(必备)_2023-02-26

解释 React 中 render() 的目的。 每个React组件强制要求必须有一个 render()。它返回一个 React 元素,是原生 DOM 组件的表示。...这两种情况下,它都把属性props作为输入,把返回的一棵元素树作为输出。...这个属性有许多可用的方法,包括 React.Children.map,React.Children.forEach, React.Children.count, React.Children.only,...中 refs 的作用是什么 Refs 是 React 提供给我们的安全访问 DOM元素或者某个组件实例的句柄 可以为元素添加ref属性然后在回调函数中接受该元素在 DOM 树中的句柄,该值会作为回调函数的第一个参数返回...首先想到的就是localStoragelocalStorage是没有时间限制的数据存储,可以通过它来实现数据的持久化存储。

1.5K10

前端react面试题总结

首先想到的就是localStoragelocalStorage是没有时间限制的数据存储,可以通过它来实现数据的持久化存储。...在组件生命周期中有四个不同的阶段:Initialization:在这个阶段,组件准备设置初始化状态和默认属性。Mounting:react 组件已经准备好挂载到浏览器 DOM 中。...图片参考:前端react面试题详细解答diff算法是怎么运作每一种节点类型有自己的属性,也就是prop,每次进行diff的时候,react会先比较该节点类型,假如节点类型不一样,那么react会直接删除该节点...它真正连接 Redux 和 React,它包在我们的容器组件的外一层,它接收上面 Provider 提供的 store 里面的state 和 dispatch,传给一个构造函数,返回一个对象,以属性形式传给我们的容器组件...(或全部)属性的新对象非常方便,在更新state 咱们就经常这么做:this.setState((prevState) => { return { foo: { ...prevState.foo, a

2.5K30

前端一面必会react面试题(持续更新中)

首先想到的就是localStoragelocalStorage是没有时间限制的数据存储,可以通过它来实现数据的持久化存储。...高阶组件:如果一个函数 接受一个或多个组件作为参数并且返回一个组件 就可称之为 高阶组件。react 中的高阶组件React 中的高阶组件主要有两种形式:属性代理和反向继承。...属性代理 Proxy操作 props抽离 state通过 ref 访问到组件实例用其他元素包裹传入的组件 WrappedComponent反向继承会发现其属性代理和反向继承的实现有些类似的地方,都是返回一个继承了某个父类的子类...React允许对 setState方法传递一个函数,它接收到先前的状态和属性数据并返回一个需要修改的状态对象,正如我们在上面所做的那样。...:组件真正在被装载之后运行中状态:componentWillReceiveProps:组件将要接收到属性的时候调用shouldComponentUpdate:组件接受到新属性或者新状态的时候(可以返回

1.6K20

对比 React Hooks 和 Vue Composition API

ref() 返回一个反应式对象,其内部值可通过其 value 属性被访问到。可以将其用于基本类型,也可以用于对象,在后者的情况下是深层反应式的。....`); }); 另一方面,reactive() 只将一个对象作为其输入并返回一个对其的反应式代理。注意其反应性也影响到了所有嵌套的属性。...而用 reactive 时,要注意如果使用了对象解构(destructure),会失去其反应性(译注:因为是对整个对象做的代理)。所以你需要定义一个指向对象的引用,并通过其访问状态属性。...toRefs() 则将反应式对象转换为普通对象,该对象上的所有属性都自动转换为 ref。这对于从自定义组合式函数中返回对象时特别有用(这也允许了调用侧正常使用结构的情况下还能保持反应性)。...返回的值通常由最靠近的一层 祖先树的 value 属性确定。

6.6K30

react高频面试题总结(附答案)

hooks 为什么不能放在条件判断里以 setState 为例,在 react 内部,每个组件(Fiber)的 hooks 都是以链表的形式存在 memoizeState 属性中图片update 阶段,...首先想到的就是localStoragelocalStorage是没有时间限制的数据存储,可以通过它来实现数据的持久化存储。...(1)React中setState后发生了什么在代码中调用setState函数之后,React 会将传入的参数对象与组件当前的状态合并,然后触发调和过程(Reconciliation)。...就是服务端渲染不需要等待js代码下载完成并请求数据,就可以返回一个已有完整数据的首屏页面。非ssr html渲染ssr html渲染React diff 算法的原理是什么?...,把他们合并在一起形成一个新的 单一对象,并用这个单一的对象去做setState的事情,就像Object.assign的对象合并,后一个 key值会覆盖前面的key值经过React 处理的事件是不会同步更新

2.2K40

C++ 新特性学习(五) — 引用包装、元编程的类型属性和计算函数对象返回类型

std::ref 返回std::reference_wrapper,可以视为转换对象为引用 std::cref 返回常量引用对象std::reference_wrapper,可以视为转换对象为引用...://www.owent.net/2012/536.html 然后是 元编程的类型属性 元编程的定义是可以修改自身或其他代码的代码,当然,C++不是动态语言,这个修改可以在编译或执行的时期。...= %d\n", factorial::value); return 0; } 比较有意思吧,这个不是新标准,新C++标准增加了类型属性,什么叫类型属性呢?...(仿函数)的返回值类型 主要涉及一个模板函数std::result_of,它使用了decltype并支持函数对象(关于decltype请参见 https://www.owent.net/2011/508....html) std::result_of::type 即是返回类型,比如: struct foo { double operator()(char, int); }; // 这两个是一样的

1.8K30

C++ 新特性学习(五) — 引用包装、元编程的类型属性和计算函数对象返回类型

返回std::reference_wrapper,可以视为转换对象为引用 std::cref 返回常量引用对象std::reference_wrapper,可以视为转换对象为引用 例程: // 和std...//www.owent.net/2012/536.html 然后是 元编程的类型属性 元编程的定义是可以修改自身或其他代码的代码,当然,C++不是动态语言,这个修改可以在编译或执行的时期。...= %d\n", factorial::value); return 0; } 比较有意思吧,这个不是新标准,新C++标准增加了类型属性,什么叫类型属性呢?...(仿函数)的返回值类型 主要涉及一个模板函数std::result_of,它使用了decltype并支持函数对象(关于decltype请参见 https://www.owent.net/2011/508....html) std::result_of::type 即是返回类型,比如: struct foo { double operator()(char, int); }; // 这两个是一样的 std

1.2K30

React面试八股文(第一期)

首先想到的就是localStoragelocalStorage是没有时间限制的数据存储,可以通过它来实现数据的持久化存储。...这是因为React中的shouldComponentUpdate方法默认返回true,这就是导致每次更新都重新渲染的原因。...这种组件在React中被称为受控组件,在受控组件中,组件渲染出的状态与它的value或checked属性相对应,react通过这种方式消除了组件的局部状态,使整个状态可控。...受控组件更新state的流程:可以通过初始state中设置表单的默认值每当表单的值发生变化时,调用onChange事件处理器事件处理器通过事件对象e拿到改变后的状态,并更新组件的state一旦通过setState...遍历子节点的时候,不要用 index 作为组件的 key 进行传入如何有条件地向 React 组件添加属性?对于某些属性React 非常聪明,如果传递给它的值是虚值,可以省略该属性

3K30

前端常见问题

缺陷是如果数据量很大,一次性递归会导致栈溢出,不能监听对象的新增和删除属性,不能监听通过下标改变的数组 vue3双向绑定原理 通过es6新增的proxy劫持整个对象返回新的对象。...使用场景:call用于对象继承,伪数组转真数组;apply用于找出数组的最大值和最小值以及数组合并;bind用于vue和react中函数指向。 17、谈谈对语义化的理解?...keep-alive有3个属性: include 需要保存的组件 exclude 不需要保存的组件 max 最多能保存的组件数 36、说说new操作会发生什么? 1、创建一个新的对象。...2、为该对象添加_proto_属性,该属性链接到构造函数的原型对象。 3、为新创建的对象作为this。 4、如果函数有返回值则返回,没有返回值则返回this。...43、react的antd中的表格数据怎么根据数字字母进行排序?

85010
领券