react
万般皆是你
这个作者很懒,什么都没留下…
展开
-
文件上传、图片上传
1、文件上传(导入)-----方式一(原生html)<button type="primary" className={styles.firmUploadBtn}> 导入 <input type="file" name="file" className={styles.fileUpload} accept=".xlsx, .xls" onChange={(e) => { uploadSour原创 2024-05-24 17:03:48 · 290 阅读 · 1 评论 -
前端性能优化的方法
本文将详细介绍前端性能优化的七大手段,包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化减少请求数量【合并】 如果不进行文件合并,有如下3个隐患 1、文件与文件之间有插入的上行请求,增加了N-1个网络延迟 2、受丢包问题影响更严重 3、经过代理服务器时可能会被断开 但是,文件合并本身也有自己的问题 1、首屏渲染问题 2、缓存失效问题 所以,对于文件合并,有如下改进建议 1、公共库合并 2转载 2021-08-29 00:00:01 · 3592 阅读 · 0 评论 -
toFixed()方法
toFixed不是采用传统意义上的四舍五入法,而是银行家算法。所以在进行精度算法时,最好在后端计算,而且toFixed方法在不同的浏览器呈现的效果不同:var a = 1.335;console.log(a.toFixed(2));//IE 1.34//Chorme 1.33var b = 1.345//Chorme 1.34var c = 1.355//Chorme 1.35var d = 1.365//Chorme 1.36var d = 1.375//C原创 2021-08-28 23:37:20 · 2274 阅读 · 0 评论 -
react路由跳转传递第二个参数并获取
路由跳转this.props.history.push('');export default class IndexView extends React.Component { route = () => { this.props.history.push('/my/login',{ data:111 }); console.log("跳转成功!"); } render() { return ( <div>原创 2021-08-10 22:46:22 · 190 阅读 · 0 评论 -
npm指令
1、下载包时:-g:表示全局安装-D:表示当前这个项目安装,工具类-S:表示该项目从生产到上线都要使用这个插件2、VScode终端指令:Ctrl + Shift + ` 新建新的终端Ctrl + ` 调出/隐藏默认的终端关闭终端:在node环境,快捷键:ctrl + c在ssh环境,输入指令:exit在git环境,快捷键:qCtrl+c : 询问是否终止当前正在执行的vue或则react项目↑ : 重复上一步指令shift + end选中当前行直到行尾(sh..原创 2021-07-31 12:04:54 · 148 阅读 · 0 评论 -
react中解决css样式全局污染
我们知道,在vue文件中我们使用scoped来进行css模块化开发,使其样式互不受影响.而在react中我们发现css样式设置也存在互相影响的问题.(例如:改变全局样式,设置的样式不起效果,被其他地方的样式覆盖...)解决:1、creat-react-app:解决css冲突问题:2、npm run eject3、打开配置文件webpack.config.js4、找到css-loader配置(大概在112行左右)//添加{ importLoaders:1, module.原创 2021-07-31 11:50:27 · 4360 阅读 · 0 评论 -
react项目创建
搭建react项目:1、安装node,npm等2、打开终端到文件目录,npm install -g create-react-app3、创建项目:create-react-app 项目名称!!!create-react-app 执行慢的解决方法:在使用 create-react-app my-app 来创建一个新的React应用,在拉取各种资源时,往往会非常慢,一直卡在那:fetchMetadata: sill mapToRegistry uri http://registry.npmjs.原创 2021-07-31 10:57:15 · 1460 阅读 · 0 评论 -
react项目创建
搭建react项目:1、安装node,npm等2、打开终端到文件目录,npm install -g create-react-app3、创建项目:create-react-app 项目名称!!!create-react-app 执行慢的解决方法:在使用 create-react-app my-app 来创建一个新的React应用,在拉取各种资源时,往往会非常慢,一直卡在那:fetchMetadata: sill mapToRegistry uri http://registry.npmjs.原创 2021-07-31 10:47:41 · 312 阅读 · 0 评论