前端歌谣 - 博客园

摘要： [react-router] React-Router的实现原理是什么？ 1.react-router依赖基础 - history，是一个独立的第三方js库，可以用来兼容在不同浏览器、不同环境下对历史记录的管理，拥有统一的API。具体来说里面的history分... 阅读全文

posted @ 2022-05-06 21:51 前端歌谣阅读(20) 评论(0) 推荐(0)

摘要： [react] 简要描述下你知道的react工作原理是什么？我理解的核心部分：通过虚拟DOM表达真实DOM通过数据驱动更新虚拟DOM进而更新真实DOM（MVVM）有一套完整并且合理的 DOM Diff 算法（现在 React 17 是基于 lane 架构来... 阅读全文

posted @ 2022-05-06 21:51 前端歌谣阅读(17) 评论(0) 推荐(0)

摘要： [react-router] react的路由和普通路由有什么区别？ React路由是前端的路由，普通路由指的是后端的路由React路由不管是hash还是browser的模式，都是在响应了hash/browser的change之后，再变更页面的DOM结构，由于... 阅读全文

posted @ 2022-05-06 21:51 前端歌谣阅读(19) 评论(0) 推荐(0)

摘要： [react] react怎么拿到组件对应的DOM元素？在Class组件中import React from 'react';class CComponent extends React.Component { refDiv = React.createR... 阅读全文

posted @ 2022-05-06 21:51 前端歌谣阅读(12) 评论(0) 推荐(0)

摘要： [react-router] React-Router 4中组件有几种类型？ HashRouter：老浏览器的history,主要通过hash来实现，对应createHashHistory()BrowserRouter：高版本浏览器,通过html5里面的his... 阅读全文

posted @ 2022-05-06 21:51 前端歌谣阅读(30) 评论(0) 推荐(0)

摘要： [react] react中怎样阻止组件渲染？ class组件使用shouldComponentUpdate生命周期，return false继承React.PureComponent只要prop没有改变(浅比较)，就不会执行render函数函数式组件使用Re... 阅读全文

posted @ 2022-05-06 21:51 前端歌谣阅读(25) 评论(0) 推荐(0)

摘要： [react] react中什么是非控组件？表单元素的value/checked值、onChange事件没有和组件的state存在绑定关联关系，如果需要获取表单元素的值，需要使用ref获取DOM，然后得到元素的值.demo如下： import React f... 阅读全文

posted @ 2022-05-06 21:51 前端歌谣阅读(8) 评论(0) 推荐(0)

摘要： [react] 说说你对reader的context的理解这个题想问的应该是render函数的上下文，而非React.createContext的那个Context。不管是class组件还是函数式组件，React的组件本质上都是函数，从根组件到下面大大小小... 阅读全文

posted @ 2022-05-06 21:51 前端歌谣阅读(9) 评论(0) 推荐(0)

摘要： [react] react中遍历时为什么不用索引作为唯一的key值？ key值的目的在Diff DOM的时候根据render前后的唯一key值快速的对树进行比较，保证key值得唯一性，如在进行中间插入或者最顶上插入时，算法会很明显得知道这是一个插入动作，然后让... 阅读全文

posted @ 2022-05-06 21:51 前端歌谣阅读(16) 评论(0) 推荐(0)

摘要： [react] 描述下在react中无状态组件和有状态组件的区别是什么？ 1，无状态组件主要用来定义模板，接收来自父组件props传递过来的数据，使用{props.xxx}的表达式把props塞到模板里面。无状态组件应该保持模板的纯粹性，以便于组件复用。创建无... 阅读全文

posted @ 2022-05-06 21:51 前端歌谣阅读(22) 评论(0) 推荐(0)

导航