- 博客(10)
- 收藏
- 关注
原创 前端利用html2canvas实现导出页面指定部分为图片
前期准备工作,安装html2canvas(官网地址 http://html2canvas.hertzen.com/)在这里利用html2canvas实现,这里我前端用的VUE框架,其他框架和原生都通用。作为一个前端开发在工作中遇到要将页面部分内容导出为图片的需求,首先将需要导出的页面部分用div标签包裹,给此div添加id。希望这篇文章能帮到你。
2023-08-14 17:12:28
340
原创 js传输超长number类型ID时精度丢失
最近遇到一个很有趣的问题,由于很多业务基础表的id时后端雪花算法生成的二十多位数字,而我们前端在拿到这些id当作参数传输时会惊奇的发现,这数字它变了!话不多说,上图不难看出,数字超过18位后变了。此时我查阅了相关资料说是js精度问题,可能15位后就会变,所以我们需要一个解决方案。这时我发现字符串不会变这时我想直接转换发现还有问题。最终还是找后端把id转换为string格式传输的。如果大家有好的解决方案,欢迎在下方留言...
2022-04-27 10:35:16
1010
原创 自己整理的一些关于中国省市数据
最近在做省市联动选择,就整理了一份方便级联选择和树型选择的数据,供大家使用。也方便自己以后使用。[ {"title":"北京市","children":[{"title":"东城区"}, {"title":"西城区"}, {"title":"朝阳区"}, {"title":"丰台区"}, {"title":"石景山区"}, {"title":"海淀区"}, {"title":"门头沟区"}, {"title":"房山区"}, {"title":"通州区"}, {"title":"顺义区"}, {"
2021-12-18 16:53:20
263
原创 一些常用的Git指令
一些常用的Git指令代码误提交返回上一个版本撤回commit操作跳过代码提交验证将当前分支的一次commit转移到另一分支代码误提交返回上一个版本git reset --hard head^返回上一个版本(定位到上一次提交的commit)git push -f忽略当前commit,强制提交(注意:此操作后保存的commit将会消失)一般两条指令结合使用会实现类似于回滚代码的操作撤回commit操作git reset --soft HEAD^此操作会将commit提交的代码退回到暂存区(不会
2021-04-15 20:16:47
132
原创 iview form表单校验select下拉手动赋值为空时会触发校验提示问题
先说下背景,vue+iview项目的form表单中有一个select下拉框是必填的,启用了form表单的rules属性。话不多说先上代码:<FormItem label="系列名称:" prop="jointSeriesId"> <Select v-model="formItem.jointSeriesId" clearable placeholder="请选择..."> <Option v-for="item in jointSeriesList" :value
2020-08-06 16:23:32
2012
原创 vue项目中keep-alive缓存下的初始化数据
vue项目中keep-alive缓存下的初始化数据最近在写项目过程中遇到一点小坎坷,页面既要运用keep-alive缓存用户输入一半的数据,又要在切换页面后初始化页面中的一部分。既要马儿跑又要马儿不吃草。当时我感觉这是互相矛盾的事情,后来经过查阅资料了解到了activated这个函数,它类似于vue生命周期的钩子函数,它总是在mounted后执行,但是它不同于生命周期钩子函数的是,一旦一个页面被缓存后再次进入这个页面时,所有的生命周期钩子函数都是不执行的,但是activated可以在存在缓存的页面下当页
2020-06-30 18:31:49
645
原创 VUE项目实现页面内部分内容打印
在vue项目开发过程中,有遇到打印的问题时,直接打印就会把系统的菜单栏和导航栏面包屑全部都打印出来,所以要想只打印页面部分我总结了两种办法:第一种方法:一般情况我都是通过window.open()直接打开一个需要打印的页面路径,这样就会在浏览器上新增一个标签,这个浏览器标签里就是单纯的需要打印的页面,没有菜单栏和导航栏面包屑等不需要打印的东西,然后在页面里直接window.print()来调取...
2020-04-30 17:59:31
2770
5
原创 谷歌浏览器打印时跳过预览窗口直接打印
最近接到一个需求,需要用电脑连接面单打印机,打印用户选中的某条数据。但是用户不想每次选中打印数据点击确定后还要再次在预览窗口点击打印按钮。然后我意识到这不是使用js这些前端代码能解决的问题,后来我就去找插件,找了一些发现不是收费就是很难用,还有带水印的,然后我发现了‘ --kiosk-printing’属性。只需要在桌面的谷歌浏览器快捷方式上右键选择属性,然后找到目标目录,在目标目录最后的双引...
2020-04-30 17:17:31
8006
1
原创 浅谈VUE项目发布到服务器时的前端代理问题
以我当前用的项目举例,前端用的vue+iview,后端用的java微服务。前端在本地开发环境连接后端微服务进行接口测试时,用到的是本地项目里的vue.config.js文件来进行代理。如下图:如果我们面临上线到服务器就会有两种情况:1.如果项目的前端只有一个人写,并且能保证每次提交代码时都手动的把网关地址改为线上地址的话,我们可以删除productionSourceMap: false属...
2020-04-17 17:26:38
2013
原创 vue+iviewUI中后台管理系统实现路由权限控制
vue+iviewUI中后台管理系统实现路由权限控制在做项目过程中接到一个需求,要做根据用户菜单权限来显示用户可以看到的菜单。接过来需求我首先结合项目做了一下分析,大概有了一个构思。1.需要调接口获取当前用户有哪些菜单的操作权限,然后把权限存起来方便后续使用。2…在渲染菜单时根据当前用户有权限查看的菜单和项目路由配置的菜单做对比(我用的菜单名称对比),当前用户没有权限查看的路由菜单隐藏掉。...
2019-12-25 17:53:53
1207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人