业务代码
日常工作遇到的
one.dream(相亲)
https://github.com/wj100
展开
-
后端返回文件流
responseType:‘blob’, // 这里很重要。把拿到的流传进下面的方法。原创 2022-12-20 21:18:50 · 12436 阅读 · 0 评论 -
textarea多行邮箱格式校验
代码 vue element。原创 2022-11-30 20:29:20 · 10647 阅读 · 0 评论 -
原生js实现自定义样式的下拉选择 修改select样式
【代码】原生js实现自定义样式的下拉选择。原创 2022-10-14 11:43:05 · 9375 阅读 · 0 评论 -
记一次企业邮官网SEO优化
推测出现此问题的原因是 我们只在pc站做了3的跳转逻辑 有可能被百度知道了。会出现m.qiye.163.com 排名在前的问题。所以导致pc搜关键词直接出移动站。原创 2022-08-04 14:04:08 · 2272 阅读 · 0 评论 -
纯原生JS轮播
loop.jsHTMLDivElement.prototype.createTurnPage = function (imageArray) { if (!imageArray) { return; } /* 轮播图展示图片数量 */ var sliderNum = imageArray.length; /* 轮播图展示宽度 */ var sliderWidth = this.offsetWidth; /* 轮播图展示原创 2022-05-20 14:04:50 · 1423 阅读 · 0 评论 -
echarts宽度100px问题
tab切换时发现设置了容器的宽度 都会渲染成100px解决办法myChart.resize()原创 2022-03-07 11:50:59 · 1645 阅读 · 0 评论 -
echart悬浮窗可点击
//点击函数挂在window上function myalert(val) { var obj = JSON.parse(val); console.log(12121, obj);}window.myalert = myalert;//以下是tooltip配置,部分判断语句是本公司业务需要,可自行删除 tooltip: { trigger: 'axis', triggerOn: 'click',//点击显示 enterable: true,原创 2021-11-16 17:40:29 · 2194 阅读 · 0 评论 -
用过的正则表达式
邮箱校验^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$原创 2021-09-09 10:39:07 · 2673 阅读 · 0 评论 -
antd Modal嵌套Form打开还是上一次的数据
需求背景:后台管理系统的一个弹窗同时承接新增和编辑功能(编辑时表单数据回填)不要给Form 加 initialValues因为 和 Form 一起配合使用时,设置 destroyOnClose 也不会在 Modal 关闭时销毁表单字段数据解决如下: React.useEffect(() => { if (!updateItem) { form.resetFields(); } else { form.setFieldsValue(updateItem)原创 2021-09-01 14:17:58 · 13453 阅读 · 1 评论 -
webpack坑
报错CleanPlugin is not a constructor原因'clean-webpack-plugin’插件的引入方式变了 要解构引入{CleanPlugin} = require('clean-webpack-plugin')原创 2021-08-18 12:04:19 · 3261 阅读 · 0 评论 -
js自动聚焦输入框并控制光标位置
需求如题开一个弹窗,然后数据回填实现方法function cursorMove(inp,spos=-1) { // spos 光标的位置 -1为最后一位 if (spos < 0) spos = inp.value.length; if (inp.setSelectionRange) { //兼容火狐,谷歌 setTimeout(function() { inp.setSelecti原创 2021-08-05 11:27:05 · 4869 阅读 · 0 评论 -
企业微信返回按钮
企业微信-企业内部自建应用问题页面刷新之后返回按钮不生效使用 'popstate’监听发现刷新之后不触发判断是刷新之后返回按钮发生了变化查文档然后继续看下去发现要引入sdk,获取token 。。。一大堆我明明就想返回上一个页面解决经测试,可以引入sdk后直接使用wx.onHistoryBack,而并不需要先wx.configwx.config({ beta: true,// 必须这么写,否则wx.invoke调用形式的jsapi会有问题 debug: true, //原创 2021-07-28 17:05:33 · 10900 阅读 · 1 评论 -
js 一键复制函数
const copy=(e:any)=>{ const copyDOM =e.currentTarget; // 需要复制文字的节点 const range = document.createRange(); // 创建一个range window.getSelection()?.removeAllRanges(); // 清楚页面中已有的selection range.selectNode(copyDOM); // 选中需要复制的节点原创 2021-07-21 14:49:27 · 2324 阅读 · 0 评论 -
js导航吸顶效果
用fixed或者sticky固然可以实现但是想要动画效果怎么办?思路document.documentElement.scrollTop判断当前页面有没有滚动,有的话加上一个吸顶效果的类名代码 <header :class="{fixed:isFixed}" > ...mounted() { window.addEventListener('scroll', () => { this.isFixed = document.documentElemen原创 2021-07-01 10:42:51 · 1212 阅读 · 0 评论 -
vscode
e472acdb3367d8cf0094a8345922de6f原创 2021-06-30 19:51:35 · 1061 阅读 · 0 评论 -
multipart|form-data前端上传文件报错(服务器报500) 找不到Boundary(边界)
后端自测上传文件成功,但是前端总是报500原创 2021-05-31 15:12:15 · 17261 阅读 · 1 评论 -
获取小程序设备宽高
let res = my.getSystemInfoSync() let clientHeight = res.windowHeight; let clientWidth = res.windowWidth; let ratio = 750 / clientWidth; let height = clientHeight * ratio; let width = clientWidth * ratio;原创 2021-03-31 18:46:19 · 1343 阅读 · 0 评论 -
记一次npm安装报错,Install fail! SyntaxError: Unexpected end of JSON input
使用npm cache clean --force清除缓存,再原创 2020-12-23 20:30:34 · 2292 阅读 · 0 评论 -
将div转化为图片并下载
一,引入相关库<script src="js/jquery-1.8.2.js"></script>//兼容ie<script src="js/bluebird.js"></script>//html转canvas<script src="js/html2canvas.min.js"></script>//二,下载...原创 2020-07-30 09:56:14 · 3572 阅读 · 0 评论 -
根据经纬度计算多边形面积
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-原创 2020-06-30 18:21:30 · 4074 阅读 · 0 评论 -
html下载pdf代码,实现手动分页
<script>/** * @param html { String } DOM树 * @param isOne { Boolean } 是否为单页 默认 否(false) * @return 文件 {pdf格式} */'use strict'import * as jsPDF from 'jspdf'import html2canvas from 'html2canvas'export default async (html, isOne) => { let原创 2020-05-25 15:53:16 · 1702 阅读 · 0 评论 -
百度地图绘制echarts并实现截图下载
需求:在百度地图上绘制散点图,并用html2canvas实现下载尝试过使用百度地图加自定义覆盖物Overlay,但是扩散动画代码繁多,所以考虑使用echarts的散点图+Bamp插件绘制地图。截图过程中遇到无法截取地图的现象,后得到解决,代码如下:在这里插入代码片...原创 2020-03-17 23:14:25 · 1843 阅读 · 0 评论 -
百度地图添加自定义覆盖物
添加自定义覆盖物原创 2020-03-17 22:48:59 · 1259 阅读 · 0 评论 -
bmap+echarts 百度地图绘制散点图
效果图一,引入插件 <script type="text/javascript" src="echarts.min.js"></script> <script type="text/javascript" src="bmap.js"></script>/ <script type="text/javascript" src="http...原创 2020-03-11 16:22:26 · 4219 阅读 · 1 评论 -
leaflet实现点位聚合代码
使用 markerClusterGroup 代替原生group // 创建群组 let markers = L.markerClusterGroup({ maxClusterRadius: 120, animate: true, iconCreateFunction: function (cluster) { let curMarkers = cluster.getAllChildMarker原创 2020-05-14 16:34:28 · 9727 阅读 · 1 评论 -
leaflet实现动态线段
一、引用Leaflet脚本样式,和Leaflet Ant Path 插件Leaflet:https://leafletjs.com/download.htmlLeaflet Ant Path:https://github.com/rubenspgcavalcante/leaflet-ant-path<link href="~/Scripts/leafletjs/1.4.0/leaflet.css" rel="stylesheet" /><script src="~/Scripts.原创 2020-05-14 16:31:44 · 2485 阅读 · 3 评论 -
echarts可拖拽柱形图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点订正 拖拽</title> <script src="./js/vue.js" type="text/javascript"></script&...原创 2020-01-17 11:17:32 · 13722 阅读 · 13 评论