前端开发

React项目里build生成文件的引用资源路径修改为绝对路径摸索总结

2020-04-28200次阅读React
React的build生成项目里index.html页面代码中的script路径都是以“/”开始的,根据官方文档,在你的package.json:“homepage”: “.”修改即可,但它会忽略主机名。不过你可以通过在 shell 中设置PUBLIC_URL环境变量来实现加上你的主机名的要求。
前端开发

React弹出层组件一

2020-04-24125次阅读React
react正常无法在父组件dom节点之外的其他节点创建组件,查文档发现react提供了Portals方法来实现: Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component. 文档地址:传送门
前端开发

react使用qrcode.react生成二维码

2020-04-24179次阅读React
https://www.npmjs.com/package/qrcode.react
前端开发

react动态修改组件样式

2020-04-24114次阅读React
在react中,因为核心思想是将页面元素组件化,把组件看成是一个状态机,因此需要通过控制state状态的变化来实现。
前端开发

React开发onChange事件提示 use event.persist()错误

2020-04-23191次阅读React
React开发onChange事件提示 use event.persist()错误。
前端开发

npx create-react-app my-app创建项目没有src以及public文件夹

2020-04-23136次阅读React
经百度发现是因为create-react-app脚手架版本过低,需要升级版本。于是先npm uninstall -g create-react-app删除旧版,再npm install -g create-react-app重新安装即可。
前端开发

写React/Vue项目时为什么要在列表组件中写key,其作用是什么?

2019-07-301059次阅读Reactvue
没有key的情况diff速度会更快。确实,这种观点并没有错。没有绑定key的情况下,并且在遍历模板简单的情况下,会导致虚拟新旧节点对比更快,节点也会复用。而这种复用是就地复用,一种鸭子辩型的复用。
前端开发

React生命周期方法

2019-05-14496次阅读React
了解React不同的生命周期方法对于React应用程序开发非常重要,它允许我们在需要时准确触发操作。本文将介绍React中的每个生命周期,包括它们可用的方法以及它们的使用场景。
前端开发

React16的JavaScript环境要求

2019-05-09593次阅读React
React 16 依赖集合类型 Map 和 Set 。如果你要支持无法原生提供这些能力(例如 IE < 11)或实现不规范(例如 IE 11)的旧浏览器与设备,考虑在你的应用库中包含一个全局的 polyfill ,例如 core-js 或 babel-polyfill 。
前端开发

React.Fragment减少不必要嵌套的组件

2019-05-06475次阅读React
React v16.2.0开始提供了用于减少不必要嵌套的组件React.Fragment,是它的简写语法。