- 博客(19)
- 收藏
- 关注
RSS订阅原创 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
2373
1
原创 阿里云如何设置content-type，微软的在线预览无法使用问题
项目中利用微软的word的在线预览功能：突然发现有的文件不能实现，通过试验发现不同的电脑在同一浏览器，同一版本的情况下上传的问件的content-type不一致导致的。 word文件.docx后缀的文件格式应该为：application/vnd.openxmlformats-officedocument.wordprocessingml.document，而有的电脑上传的却是使用的二进制流的形式（application/octet-stream，未知文件类型）。发现了这一个问题以后查找了许...
2021-12-17 14:32:36
923
原创 onTouchMove事件实现H5上下左右滚动
//判断滑动的方向const glideDirection = ({fu, fd, fl, fr}) => { let startX = null; let startY = null; let time; return function(e) { //获取滑动屏幕时的X,Y const touch = e.changedTouches[0]; if(!startX) { startX = touch.pageX; startY = touch.pageY; } .
2021-12-10 10:27:13
1298
原创 ios h5 安全区问题
height: calc(100vh - constant(safe-area-inset-bottom));height: calc(100vh - env(safe-area-inset-bottom));采用100%会失效
2021-12-02 16:19:40
1932
原创 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
1863
原创 H5页面苹果手机点击输入框输入内容时 页面自动放大
问题：H5页面苹果手机点击输入框输入内容时，页面会自动放大，导致用户体验不好解决：<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">...
2021-11-30 15:51:56
1107
原创 antd print 打印时分页的表格头发生重叠问题 react-to-print
该文为记录业务中出现的问题，以便以后遇到同样的问题能快速解决，也希望为搬砖工作更轻松出一份力。业务中有一个打印功能，采用的是react-to-print插件，该插件可以打印页面中的某一部分，有需要自己查看官方文档（npmjs.org中搜寻)。 该页只为记录表格重叠的问题，影响因素是css样式，查找了许多东西，但是都不能解决该问题，偶然在调试的时候发现控制页面的缩放可以有效的解决这个问题。即在打印的最外围设置zoom属性即可，根据自己的需要调控，调控方法：利用浏览器本身的...
2021-11-01 18:44:34
1223
原创 react-to-print显示不全问题
问题描述：利用react-to-print插件打印页面中的某一个部分（使用插件可看官方文档），插件使用没有问题，但是打印的部分显示不全，即不能自适应页面内容。调节过css样式，通过给网页打印部分设置一个高度可以看见一部分内容，但是这是不合理的，内容的高度是变化的，所以应该是自适应高度。经过反复的排查发现页面中使用了两次card导致，可能是card的css样式问题错误原因：antd中的card连续使用了两次，css样式造成的冲突。解决办法：将card改为div。...
2021-10-19 15:44:25
1293
原创 利用路由url记录数据
页面刷新，想要解决在页面恢复到当前所在的页面或者滑动的位置等问题，需要先记录当前页面的信息，记录信息的方式有多种，例如常见见的cookie、localStorage和 sessionStorage、url等等，我这使用的是url进行记录。import Qs from 'qs';const searchChange = (key, value) => { if(!key || value) return; let search = Qs.parse(window.locati.
2021-09-22 17:01:20
190
原创 react打印
由于业务需要打印业务，所以查询了一些资料，总结一下打印的一些方法。1.调用window.print打印window.print打印会调用当前页面，业务需求是打印当前页面的其中的几块区域，所以不是很符合业务要求，也不是没有处理方法（个人想法，未实践）。 调节不需要的模块进行隐藏，然后调用window.print打印，打印或取消结束时恢复原来的样式。个人认为该方法真不是一个好方法，首先会操作DOM，显然会导致消耗过大，没有必要；其次，如果样式过于复杂的情况下，其实控制...
2021-09-22 15:09:20
1810
原创 造成页面一直加载的原因
1.加载的第三方文件过大，与已有的冲突，docker2.命名的变量顺序有问题，即引用了某一个数据，没有在引用数据前面定义数据//错误写法，变量c应该在obj之前定义const obj = { a: 1, b: c,}const c = { d: 4,}...
2021-08-02 16:33:27
2292
原创 取出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
382
原创 http和https跨域问题
问题描述：当在谷歌浏览器登陆页面，点击登录时已经成功登录，但是又会马上跳转到登录页面原因：谷歌浏览器在跨域问题上规定更加严格解决方法：1.临时行开发办法（不赞同） 注释掉跳转页面的的代码，让其不要跳转即可。2.修改谷歌浏览器的配置浏览器输入url：chrome://flags/#schemeful-same-site将default改为disabled即可。谷歌版本：94...
2021-07-12 15:56:48
2879
原创 2021-05-10
(4).add(10) = 14Number.valueOf()方法Number.prototype.add = function(x){ return this.valueOf() + x}console.log((4).add(10))//14
2021-05-10 22:54:10
68
原创 2021-04-28
toFixed的坑toFixed做精度时，例如当一个数的有效位为3，且第3位为5时，做精度为2，及toFixed(2)时结果不进位，如下示例：//10以下var a = 1.5;console.log(a.toFixed());//2var a = 1.5;console.log(a.toFixed(1));//1.5var a = 1.55;console.log(a.toFixed(1));//1.6var a = 1.555;console.log(a.toFixed(
2021-04-28 23:22:06
84
原创 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
218
原创 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
69
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人