react
纵是情长,不抵时光
这个作者很懒,什么都没留下…
展开
-
pc文件预览--xls、xlsx、doc、docx、ppt、pptx、txt
1.xls、xlsx、doc、docx、ppt、pptx、属于office的预览,可以使用office的预览接口即可(需要考虑安全性)或者插件(file-viewer etc.)格式:要预览的文件地址='https://view.officeapps.live.com/op/view.aspx?src='+要预览的文件地址let URL = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURI(filePath)}&原创 2022-01-26 10:40:32 · 1982 阅读 · 1 评论 -
pdf pc端、h5在线预览问题 pdfjs-dist
1.插件file-viewer--pdf,word,xsl..etc2.iframe<iframe style={{width: '100%', height: '100%'}} title={filename} src={path} frameborder="0"></iframe>原创 2021-12-01 14:28:10 · 1788 阅读 · 0 评论 -
antd print 打印时分页的表格头发生重叠问题 react-to-print
该文为记录业务中出现的问题,以便以后遇到同样的问题能快速解决,也希望为搬砖工作更轻松出一份力。业务中有一个打印功能,采用的是react-to-print插件,该插件可以打印页面中的某一部分,有需要自己查看官方文档(npmjs.org中搜寻)。 该页只为记录表格重叠的问题,影响因素是css样式,查找了许多东西,但是都不能解决该问题,偶然在调试的时候发现控制页面的缩放可以有效的解决这个问题。即在打印的最外围设置zoom属性即可,根据自己的需要调控,调控方法:利用浏览器本身的...原创 2021-11-01 18:44:34 · 1139 阅读 · 0 评论 -
react打印
由于业务需要打印业务,所以查询了一些资料,总结一下打印的一些方法。1.调用window.print打印window.print打印会调用当前页面,业务需求是打印当前页面的其中的几块区域,所以不是很符合业务要求,也不是没有处理方法(个人想法,未实践)。 调节不需要的模块进行隐藏,然后调用window.print打印,打印或取消结束时恢复原来的样式。个人认为该方法真不是一个好方法,首先会操作DOM,显然会导致消耗过大,没有必要;其次,如果样式过于复杂的情况下,其实控制...原创 2021-09-22 15:09:20 · 1733 阅读 · 0 评论 -
造成页面一直加载的原因
1.加载的第三方文件过大,与已有的冲突,docker2.命名的变量顺序有问题,即引用了某一个数据,没有在引用数据前面定义数据//错误写法,变量c应该在obj之前定义const obj = { a: 1, b: c,}const c = { d: 4,}...原创 2021-08-02 16:33:27 · 2092 阅读 · 0 评论 -
取出Map中的数据
let data = new Map();data.set('key1', 1);data.set('key2', 3);data.set('key3', 1);console.log(data)//Map { 'key1' => 1, 'key2' => 3, 'key3' => 1 }console.log([...data.values()])//[ 1, 3, 1 ]原创 2021-08-02 14:43:05 · 349 阅读 · 0 评论 -
2021-04-26
redux原理核心实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&..原创 2021-04-26 11:21:38 · 50 阅读 · 0 评论 -
2021-04-26
dva的使用企业中大部分都会使用dva,所以有非常有必要的学习一下dva前端部分结构分为三层,Page、Model、ServicePage:负责与用户直接打交道:渲染页面、接受用户的操作输入,侧重于展示型交互性逻辑 Model:负责处理业务逻辑,为Page做数据、状态的读写、变换、暂存等 Service:负责于HTTP接口对接,进行纯粹的数据读写一、我们需要将dva引入,方法参考dva官网,由于umi对dva的整合,所以导入也比较简单二、修改config.js文件中的配置...原创 2021-04-26 16:37:33 · 178 阅读 · 0 评论