摘要: 点击查看代码 //安装: 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)