前端
桃花妖殿下
尽量提供傻瓜式流程,直接复制粘贴就能用那种,而且还会有图文步骤教程,方便后者抄,der的很
展开
-
前端H5用Canvas画布做类似银行签名的操作
【代码】前端H5用Canvas画布做类似银行签名的操作。原创 2023-11-02 13:24:51 · 287 阅读 · 0 评论 -
关于我用Spire.doc把html转word导致样式段落缩进失效的这档事
解决html转word导致样式失效原创 2023-05-19 16:10:22 · 746 阅读 · 0 评论 -
注册表方式实现html打开cmd自动执行命令打开xshell远程连接服务器
注册表方式实现html打开cmd自动执行命令打开xshell远程连接服务器原创 2023-03-27 17:21:30 · 603 阅读 · 1 评论 -
Echart地图geo map轮播
echart地图轮播原创 2023-03-20 14:30:01 · 240 阅读 · 0 评论 -
Echart地图geoJson省显示区县地块(甘肃)
甘肃省显示区县地块GeoJson原创 2023-03-14 18:13:37 · 308 阅读 · 2 评论 -
CSS去除掉滚动条样式,不用插件,不墨迹直接上代码
CSS去除掉滚动条样式原创 2023-03-11 10:50:23 · 366 阅读 · 0 评论 -
关于我修改aspx页面运行时发现还显示旧画面的这档事
aspx原创 2022-10-25 16:22:37 · 184 阅读 · 0 评论 -
关于jQurey的分页createPage
createPage有问题原创 2022-09-19 09:56:43 · 523 阅读 · 0 评论 -
关于我用xhtmlrenderer将html转换img结果样式飞了的这档事
Freemarker的ftl转换html,html转换图片,图片转换base64,java图片切割,ftl导出word,ftl转换图片原创 2022-08-01 16:24:20 · 1330 阅读 · 6 评论 -
VUE+SpringBoot+EasyPoi实现浏览器点击下载word模板数据生成
VUE+SpringBoot+EasyPoi 导出word模板数据原创 2022-06-20 14:10:44 · 1712 阅读 · 0 评论 -
VUE+Echart+Geojson实现全国地图map数据展示
效果Geojson首先去这个网站下载需要展示的map,(全国/省/市),(点击省能进入市)https://datav.aliyun.com/portal/school/atlas/area_selector下载右侧的json文件Echart我用的是这种效果的地图https://echarts.apache.org/examples/zh/editor.html?c=map-HKVUE将下载好后的json文件扔进项目以下内容直接粘贴全部代码&...原创 2022-05-31 14:11:46 · 2335 阅读 · 2 评论 -
VUE + Echart 5.3.2 graph关系图代码
效果整个页面代码(附注释),里面getData方法是对接的后台数据,可忽略,只要节点和连线配对了就能实现效果Echart关系图的配置项官方文档https://echarts.apache.org/zh/option.html#series-graph<template> <div class="echart" id="chart1" ref="chart1" :style="{width: '100%', height: '430px', background..原创 2022-05-07 10:38:38 · 1019 阅读 · 0 评论 -
springboot + vue + vue-simple-uploader 实现大文件分片上传
原文章https://www.cnblogs.com/hz-handofgod/p/11985170.html 适当修改参考官方组件文档https://github.com/simple-uploader/vue-uploader前台VUE添加npm包npm install vue-simple-uploader --savemain.jsimport upLoader from 'vue-simple-uploader'Vue.use(upLoader)...原创 2022-03-22 18:05:06 · 3174 阅读 · 6 评论 -
js使用JSON.parse报Unexpected token ‘ in JSON at position 1
最近工作调第三方数据库数据,发现他们的数据存的是这样的本来使用JSON parse寻思解析下结果报原因是数据中存在单引号,JSON.parse需要双引号,单引号会报错用正则把字符串replace转下单双引号.replace(/\'/g, '"')把数据都处理成双引号就能JSON.parse了...原创 2022-03-16 17:48:44 · 1975 阅读 · 3 评论 -
Vue+百度统计 实现网页的PV和UV统计
目录什么是PV和UV?百度统计VUE验证安装查看统计拓展什么是PV和UV?这里我懒得打字了,直接百度扒过来吧,这个了解知道是啥就行百度统计首先你要有个百度账号,自己测试的时候可以用自己的百度个人账户,项目里向公司申请企业商业账号搜索百度统计登录(左企业,右个人)管理→新增网站这里填的内容根据提示添加就行获取代码VUEmain.js全局添加// 百度统计代码var _hm...原创 2022-02-18 10:29:08 · 2816 阅读 · 3 评论 -
vue+springboot+腾讯云人脸核身
目录业务场景腾讯云后台部分前台部分业务场景业务场景,VUE做PC端,然后要用户输入姓名和身份证号点击生成二维码,微信扫描进行人脸识别,最后识别后,页面显示认真成功失败。腾讯云开始先登录自己注册的腾讯云,云产品——人脸核身创建业务流程这里自己根据自己需求改,根据官方文档说明,普通H5不需要绑定公众号,浮层需要公众号,如果单纯想实现输入姓名和身份证啥的认证,我这里用的普通H5。看个人需求普通的话微信公众号名称输入的无所谓了,随便输这个业...原创 2021-12-10 16:27:40 · 2082 阅读 · 10 评论 -
关于vue使用element-ui的select远程搜索,ios不能滑动搜索到的list这档事
今天客户测试群里发bug,说ios系统的select下拉数据不能滑动因为我们的需求是需要搜索出数据然后下拉选的所以用的是el-select里的filterable属性用来请求后台搜索,但是bug这就出现了,客户说ios的不能滑动我们都知道我们页面ios不能滑需要写overflow: scroll;-webkit-overflow-scrolling: touch;但是组件是element一层层封装的,没办法,我们只要解析他的元素层是怎么嵌套标签的,这样我们可以在父节点加上..原创 2021-11-30 14:18:20 · 2192 阅读 · 2 评论 -
小程序webview的H5页面线上更新但是ios没跟着更新问题
小程序的webview打开的h5页面,线上部署新的了,但是小程序ios系统会还显示旧版本,每次都得删除小程序清缓存再重新打开才有效,很影响体验,安卓就没有这类问题。解决:onLoad() { this.setData({ url:'https://xxx.xxxx.cn?sid=' + Date.parse(new Date()) }) },在链接后面随便拼个参数,保证参数不一样,这样就不缓存了,时间戳啥的就可以...原创 2021-11-30 10:04:57 · 2207 阅读 · 0 评论 -
解决微信浏览器公众号h5页面ios苹果机不能上下滑动
这个月做个项目,要求做个h5,然后放到微信公众号里使用。开发完部署之后发现苹果机的页面是不能上下滑动的,好像写了个fixed固定住了似的,但是有意思的是,两个手指头按屏幕滑动是可以滑动的,两个手指头放上去右侧会显示滚动条,有滚动条就会滑动,滚动条消失滑动不了。因为我们以前几乎都是用uni-app做的H5,所以打的包都是人家uniapp打了自己的东西弄好的,部署直接可以滑,但是我们这次是自己搭的框架(我们直接建的vue项目),所以部署之后遇到了问题。起初刚开始只能百度搜,但是百度搜出来的答案,原创 2021-11-08 14:22:19 · 4627 阅读 · 0 评论 -
Vue利用token + 路由守卫防止手拼地址跳转页面
我们在做项目时,通常是把token拼到header里,请求接口后,后台拦截器来判断token返回给前台状态,前台根据状态来判断是否token失效然后打回登录页。这么做会有一个问题,就是如果说用户记住路由地址,会复制链接的方式同样进入页面(只是没有数据),我们这回利用路由守卫来防止这种情况首先新建一个js文件然后在main.js中引入(注意新建的js文件和main的层级,不一定非得像我这么加,能引入就可以)import './permission' // permission c原创 2021-11-03 16:57:11 · 1056 阅读 · 0 评论 -
前端样式table tr td超长省略宽度失效问题
今天遇到个问题,就是td里有一行数据文字太多,导致文字换行跟其他行重叠。需要做超长省略处理,结果tr或者td怎么加都失效。解决:table定义styletable-layout : fixed ;原创 2021-09-24 14:03:44 · 250 阅读 · 0 评论 -
VUE经常用的共通js校验
util里建个validate.js文件内容/** * Created by PanJiaChen on 16/11/18. *//** * @param {string} path * @returns {Boolean} */export function isExternal(path) { return /^(https?:|mailto:|tel:)/.test(path)}/** * @param {string} str * @returns {Bo原创 2021-09-10 15:04:47 · 484 阅读 · 1 评论 -
获取全国各个大小城市的geoJson
https://datav.aliyun.com/tools/atlas/index.html原创 2021-09-06 14:07:06 · 483 阅读 · 1 评论 -
js Array转string,再回显(例element select组件传给后台)
我们表单有时候需求会有select下拉选择框,而且有时候会需要我们多选,这个时候传给后台然后保存到数据库,但是数据库里肯定是一个字段,这就需要处理了,因为select组件下拉是Array例如这样这时候可能后台会跟你说哎呀我存一个字段,你把Array处理下,比如这种这个时候前台肯定需要转下(前后都是我自己弄,我一般客户端搞这些)如果放在以前我肯定又写for了什么的了然后拼接逗号,不过有简单方法joinparams.fdGuaranteeMethod = params.fdGuar原创 2021-08-30 14:58:02 · 465 阅读 · 0 评论 -
vuejs+elment-ui的input校验手机号和座机号
util// 手机号&座机号export function checkTelphone(s) { if (!(/^((0\d{2,3})-)?(\d{7,8})(-(\d{3,4}))?$/.test(s)) && !(/^1[34578]\d{9}$/.test(s))) { return false } return true}表单校验原创 2021-08-30 14:03:11 · 945 阅读 · 0 评论 -
VUE自定义指令限制input输入emoji表情,结构和代码现扒现用
参考文章https://blog.csdn.net/qq_42004292/article/details/111355006,不过这个文章正则有问题,我试了几个新的emoji都校验不到我的是vue2.*版本首先在src文件夹下建个directive,里面存放自己的自定义指令js文件,然后创建emoji子文件夹在里面创建emoji.js和index.jsemoji.js (加上大概意思注释,我自己用是失去焦点,自己可按自己需求酌情更改)const findEle..原创 2021-08-26 15:12:14 · 944 阅读 · 0 评论 -
关于我在vue中子组件$parent没调到父组件的这档事
父子其实就是用element组件的时候发现组件几层就有几层,犯的错误挺低级的,最后是打debugger才看出来的一层一层parent找肯定能找到想要的原创 2021-08-09 17:05:39 · 120 阅读 · 0 评论 -
关于我在vue中使用Echart饼图字超出边缘的这档事
今天早上一大早客户就反馈饼图的字显示不全,我这搭眼一看就知道适配出了问题不过我的页面横向基本上都是用的百分比,而且我习惯用flex布局,基本上自己画的div都不会出现横着不对的问题,不过我看了一眼echart里面画布的样式好家伙他是px的,这样的话我用的我的大屏电脑,有些笔记本可能就显示太大了,于是我找了个笔记本看了一下,我天啊还真是很大。而且这客户更奇葩,她是用的14英寸的笔记本,并且她还改了这个这样就很伤了,显示不全就很正常了,所以我们得想办法解决,没辙啊,他们要缩放我们..原创 2021-07-14 14:16:36 · 3571 阅读 · 0 评论 -
vue项目打包之后部署访问静态资源全都404
问题vue项目npm run build之后打包生成的dist文件夹,部署到服务器上访问静态资源全都404解决找到项目的vue.config.js文件module.exports = { // 选项 publicPath: "./", outputDir: "dist", assetsDir: "assets", indexPath: "index.html", runtimeCo原创 2021-06-25 18:01:28 · 2063 阅读 · 1 评论 -
toFixed()计算百分比用取小数点后几位不准,出现好几个0的问题
出现问题的效果图(我是小程序项目)原代码就一行this.currentVideoPercentage = (res.detail.currentTime / res.detail.duration).toFixed(2) * 100在下面再加一行this.currentVideoPercentage = Number(this.currentVideoPercentage.toString().match(/^\d+(?:\.\d{0,2})?/)) 解决...原创 2021-06-24 10:04:00 · 1370 阅读 · 0 评论