摘要:
点击查看代码 //安装: yarn add vue-i18n@6.x main.js import i18n from '@/lang' Vue.use(ElementUI, { i18n: (key, value) => i18n.t(key, value) }) src/lang/index.j 阅读全文
posted @ 2022-11-12 15:53
Cherishe
阅读(21)
评论(0)
推荐(0)
摘要:
什么时候在功能组件(ClassComponent)上使用类组件 (FunctionalComponent)?(必会) 点击查看代码 如果您的组件具有状态( state )或生命周期方法,请使用 Class 组件。否则,使用功能组件 阅读全文
posted @ 2022-11-12 15:01
Cherishe
阅读(39)
评论(0)
推荐(0)
摘要:
react 中组件如何进行数据传值?(必会) 点击查看代码 父级传递子级:把数据挂载子组件的属性上,子组件通过 this.props 来接收父组件的数据。 子级传递父级:父级需要定义一个修改数据的方法,把修改数据的方法传给子组件,当子 组件需要修改父级数据时,调用父级传过来的修改方法 兄弟组件传递: 阅读全文
posted @ 2022-11-12 14:59
Cherishe
阅读(64)
评论(0)
推荐(0)
摘要:
为什么在 componentDidMount()中请求数据?(必会) 点击查看代码 componentDidMount 方法中的代码,是在组件已经完全挂载 到网页上才会调用被执行,所以可以保证数据的加载 阅读全文
posted @ 2022-11-12 14:58
Cherishe
阅读(22)
评论(0)
推荐(0)
摘要:
何为高阶组件(higherordercomponent) (必会) 点击查看代码 高阶组件是一个以组件为参数并返回一个新组件的函数。HOC 运行你重用代码、逻辑和引 导抽象,最常见的可能是 Redux 的 connect 函数,除了简单分享工具库和简单的组合,HOC 最好 的方式是共享 react 阅读全文
posted @ 2022-11-12 14:55
Cherishe
阅读(88)
评论(0)
推荐(0)
摘要:
何为受控组件(controlledcomponent) ?(必会) 点击查看代码 在 HTML 中,类似 <input>,<textarea>和<select> 这样的表单元素会维护自身的状态,并 基于用户的输入来更新,当用户提交表单时,前面提到的元素的值将随表单一起被发送,但在 react 中会有 阅读全文
posted @ 2022-11-12 14:54
Cherishe
阅读(30)
评论(0)
推荐(0)
摘要:
组件的状态(state)和属性(props)之间有何不同?(必会) 点击查看代码 State 是一种数据结构,用于组件挂载时所需数据的默认值。State 可能会随着时间的推移 而发生突变,但多数时候是作为用户事件行为的结果。Props(properties 的简写)则是组件的配置。 props 由父 阅读全文
posted @ 2022-11-12 14:52
Cherishe
阅读(104)
评论(0)
推荐(0)
摘要:
类组件(Classcomponent)和函数式组件 (Functionalcomponent)之间有何不同?(必会) 点击查看代码 类组件:类组件不仅允许你使用更多额外的功能,如组件自身的状态和生命周期钩子,也 能使组件直接访问 store 并维持状态。函数式组件:当组件仅是接收 props,并将组 阅读全文
posted @ 2022-11-12 14:50
Cherishe
阅读(60)
评论(0)
推荐(0)
摘要:
展示组件(Presentationalcomponent)和容器组件 (Containercomponent)之间有何不同?(必会) 点击查看代码 展示组件:展示专门通过 props 接受数据回调,并且几乎不会有自身的状态。 容器组件:展示组件或者其他容器组件提供容器和行为;并调用 actions, 阅读全文
posted @ 2022-11-12 14:47
Cherishe
阅读(117)
评论(0)
推荐(0)
摘要:
ControlledComponent 与 UncontrolledComponent 之间的区别是什么?(必会) 点击查看代码 Controlled Component。通过截获控件 onChange 方法,从而将 value 控制于组件 UnControlled Component 不截获控件的 阅读全文
posted @ 2022-11-12 14:45
Cherishe
阅读(19)
评论(0)
推荐(0)
摘要:
列出 Redux 的组件(必会) 点击查看代码 Action – 这是一个用来描述发生了什么事情的对象 Reducer – 这是一个确定状态将如何变化的地方 Store – 整个程序的状态/对象树保存在 Store 中 View – 只显示 Store 阅读全文
posted @ 2022-11-12 14:44
Cherishe
阅读(30)
评论(0)
推荐(0)
摘要:
createElement 和 cloneElement 有什么区别?(必会) 点击查看代码 传入的第一个参数不同 react.createElement(): JSX 语法就是用 react.createElement()来构建 react 元素的。 它接受三个参数,第一个参数可以是一个标签名。如 阅读全文
posted @ 2022-11-12 14:42
Cherishe
阅读(61)
评论(0)
推荐(0)
摘要:
事件在 react 中的处理方式?(必会) 点击查看代码 React元素的事件处理和DOM元素类似,但有一点语法上的不同: React事件绑定属性的命名采用驼峰式写法,而不是小写 如果采用JSX的语法,咱们需要传入一个函数作为事件处理函数,而不是一个字符串(DOM元素的写法) 阅读全文
posted @ 2022-11-12 14:39
Cherishe
阅读(20)
评论(0)
推荐(0)
摘要:
在 react 当中 Element 和 Component 有何区别?(必会) 点击查看代码 reactElement 是描述屏幕上所见的内容的数据结构,是对于 UI 的对象的表述.典型的。 reactElement 就是利用 JSX 构建的声明式代码片段,然后被转化为 createElement 阅读全文
posted @ 2022-11-12 14:36
Cherishe
阅读(106)
评论(0)
推荐(0)
摘要:
简述 flux 思想?(必会) 点击查看代码 1、用户访问 View 2、View 发出用户的 Action 3、Dispatcher 收到 Action,要求 Store 进行相应的更新 4、Store 更新后,发出一个"change"事件 5、View 收到"change"事件后,更新页面 阅读全文
posted @ 2022-11-12 14:34
Cherishe
阅读(35)
评论(0)
推荐(0)
摘要:
(在构造函数中)调用 super(props)的目的是什么?(必会) 点击查看代码 在 super() 被调用之前,子类是不能使用 this 的,在 ES2015 中,子类必须在 constructor 中 调用 super()。传递 props 给 super() 的原因则是便于(在子类中)能在 阅读全文
posted @ 2022-11-12 14:32
Cherishe
阅读(46)
评论(0)
推荐(0)
摘要:
setState 第二个参数的作用?(必会) 点击查看代码 第一个参数是要改变的 state 对象, 第二个参数是 state 导致的页面变化完成后的回调,等价 于 componentDidUpdate 阅读全文
posted @ 2022-11-12 14:30
Cherishe
阅读(138)
评论(0)
推荐(0)
摘要:
除了在构造函数中绑定 this,还有其它方式吗?(必会) 点击查看代码 你可以使用属性初始值设定项(property initializers)来正确绑定回调,create-react-app 也是 默认支持的。在回调中你可以使用箭头函数,但问题是每次组件渲染时都会创建一个新的回调 阅读全文
posted @ 2022-11-12 14:28
Cherishe
阅读(25)
评论(0)
推荐(0)
摘要:
你怎么理解 redux 的 state 的? 点击查看代码 数据按照领域(Domain)分类,存储在不同的表中,不同的表中存储的列数据不能重复; 表中每一列的数据都依赖于这张表的主键,表中除了主键以外的其他列,互相之间不能有直接依 赖关系;把整个应用的状态按照领域(Domain)分成若干子 Stat 阅读全文
posted @ 2022-11-12 14:27
Cherishe
阅读(20)
评论(0)
推荐(0)
摘要:
redux 本身有什么不足? 点击查看代码 1、向事件池中追加方法时,没有做去重处理 2、把绑定的方从在事件池中移除掉时,用的是 arr.splice(index,1),这样可能会引起数组塌 陷 3、reducer 中 state,每次返回都需要深克隆,可以在 redux 中获取状态信息时,深克隆, 阅读全文
posted @ 2022-11-12 14:25
Cherishe
阅读(43)
评论(0)
推荐(0)

浙公网安备 33010602011771号