![](https://img-blog.csdnimg.cn/20210701170333374.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
web,微信小程序,uniapp等等
qlanto
做人要务虚,做事要务实。email:qlanto_147@163.com
展开
-
java实现下载的问题
这种会出现pdf,txt,jpg…这些常见格式的文件在web浏览器以预览的形式出现,而不是需要的下载function downloadFile(url, fileName, parameter) { return downFile(url, parameter).then((data) => { if (!data || data.size === 0) { Vue.prototype['$message'].warning('文件下载失败') return.原创 2022-02-17 14:25:58 · 668 阅读 · 0 评论 -
【bpmnjs】【activiti】添加定时事件timeDate,timeDuration,timeCycle的属性
这里默认 已经能添加定时事件节点, 只是不能进行timeDate timeDuration timeCycle属性赋值假设 从面板获取到的输入值为 value 获取的类型为 timeTypetimeType取值为 timeDate,timeDuration , timeCycle //获取添加的定时事件的节点 this.timeElement = window.bpmnInstances.elementRegistry.get(this.elementBaseInfo.id) //原创 2021-11-26 18:01:55 · 2198 阅读 · 3 评论 -
【工作流绘制bpmnjs】快捷键与系统快捷键冲突问题解决办法
问题来源bpmnjs使用 keyboard: { bindTo: document }可以实现快捷键,快捷键方式有:ctrl + z : 撤销ctrl + y : 恢复ctrl + c : 复制ctrl + v : 粘贴ctrl + + : 放大ctrl + - : 缩小ctrl + 0 : 恢复ctrl + del : 删除ctrl + 箭头 : 上下左右移动但是在实际应用中:绘制流程的面板组件(快捷键使用的是bpmnjs的快捷键)和原创 2021-10-16 18:02:10 · 1319 阅读 · 0 评论 -
发现一个很有用的微信小程序插件集合
https://gitee.com/dgx/wx-jq.git效果展示常用分类插件/效果(完成):日历控件插件/效果(完成):扇形倒计时插件/效果(完成):瀑布流布局+滚屏插件/效果(完成):焦点图效果插件/效果(完成):tab切换效果(固定选项个数)插件/效果(完成):tab切换效果(动态选项个数)插件/效果(完成):tab切换效果(动态选项卡个数+锚点菜单)插件/效果(完成):商城购买数量增减效果插件/效果(完成):普通/多列/时间/日期/城市选择器插件/效果(完成):下拉.转载 2020-08-12 18:04:04 · 3811 阅读 · 1 评论 -
简单记录微信小程序开发学习心得
微信小程序结构参考微信官方文档链接即可微信小程序页面周期/** * 页面的初始数据 */ data: { //页面的初始数据 数据键值对 }, onLoad: function (options) { //生命周期函数--监听页面加载 }, onReady: function () { //生命周期函数--监听页面初次渲染完成 }, onShow: ...原创 2019-12-03 11:53:28 · 1029 阅读 · 0 评论 -
有关微信小程序调腾讯内置地图(标记点暴露修正)
业务需要使用途经点进行导航 各大api 仅高德支持.但是只简单实现了路线规划. 这里想到需要调起高德APP,但是不支持直接调用,需要先使用wx.openLocation()使用他自己的内置地图.然后才可以调用高德使用的过程中,出现这样一个问题,参数什么的都输入了,内置地图无法显示.后来经查找发现原因:微信小程序wx.openLocation()方法描述这里的经纬度是数字类型的但是,在其...原创 2020-01-15 17:27:17 · 1296 阅读 · 0 评论 -
关于微信小程序地图之MapContext.moveToLocation
本来想看看原生api是否有移动到当前定位点,看到有就试着调用看看.发现无效.无奈还是沿用之前的方法wxml:<map id="navi_map" scale="{{scale}}" bindcontroltap="controltap" markers="{{markers}}" bindmarkertap="markertap" latitude="...原创 2020-04-27 15:41:50 · 3988 阅读 · 2 评论 -
记录目前微信小程序遇到的BUG或者不兼容情况-持续更新
使用图表wxcharts时,会出现层级问题原因是wxcharts使用的是canvas组件,其属于原生组件,有原生组件的限制解决办法,使用 cover-view 和 cover-image 组件解决其层级最高的限制当使用cover-view与图表wxcharts同时使用时,进行滚动下滑时安卓: cover-view正常固定在上方ios: cover-view跟随一起滚动没解决,因为并不影响功能echarts,有时候会出现加载不出来的情况(偶尔)map组件中的标记点marker不支持标记原创 2020-07-03 10:11:44 · 1746 阅读 · 0 评论 -
记录微信小程序转uniapp-app端之map遮罩层级的问题
微信小程序可以在<map>的上层放置需要的窗体,如:<view class="map_box"> <map id="navi_map" scale="{{scale}}" bindcontroltap="controltap" markers="{{markers}}" bindmarkertap="markertap" latitude="{{latitude}}" bindcallouttap="bindcallouttap" longitude="{{longitud原创 2020-07-10 12:01:33 · 3889 阅读 · 6 评论 -
java 记录资源下载时报异常
控制台错误信息(部分):org.springframework.web.HttpMediaTypeNotAcceptableException: Could not find acceptable representation at org.springframework.web.servlet.mvc.method.annotation.AbstractMessageConverterMethodProcessor.writeWithMessageConverters(AbstractMessageC原创 2021-03-13 16:49:59 · 207 阅读 · 0 评论 -
TinyMCE-vue 组件实现上传word解析后返回到富文本编辑器中
包括富文本插入图片,java解析word中的图片.已经解决几个大坑.框架用的是jeecgboot原创 2021-03-04 17:19:36 · 2485 阅读 · 3 评论 -
mapbox设置图层样式跟随地图视角变化
this.service.map.addLayer({ "id": this.markerLayerId, "type": "symbol", "source": { "type": "geojson", "data": { "type": "FeatureCollection", "features": features } }, "layout": { "icon-image":原创 2021-02-23 11:18:42 · 1260 阅读 · 0 评论 -
echarts柱状图动态渐变色
先看下效果图第一次动态传入渐变临界值200第二次动态传入渐变临界值150第三次传入100源码部分代码进行了修改,可能直接粘贴不能使用,核心是setOption(arg)方法import * as echarts from 'echarts';var chartDom = document.getElementById('main');var myChart = echarts.init(chartDom);var option;var dataAxis = ['原创 2021-02-19 10:24:10 · 1095 阅读 · 0 评论 -
TinyMCE-vue 走过的坑
缓存问题建议一定要给selector, 如果容器是同一个,有可能会造成打开一个空的编辑器,里面却会有之前打开过的内容.我这边直接封装一个父级容器,对它的id进行赋值,其值是时间戳<div :id="selectorId"> <editor v-if="!reloading" v-model="myValue" :init="init" :disabled="disabled" @onClick="onClick"> </editor></di原创 2020-12-05 17:31:08 · 2498 阅读 · 4 评论 -
java+vue实现富文本转word下载到本地
java @ApiOperation("word导出") @RequestMapping(value = "/exportWord") public void exprotWord(@RequestParam String id, HttpServletRequest request, HttpServletResponse response) { // 数据库查富文本数据 String conte原创 2020-11-23 17:01:43 · 1252 阅读 · 3 评论 -
ant design vue tree控件自定义图标并动态变化
效果展开文件夹时代码 <a-tree :treeData="treeData" :default-selected-keys="defaultValue" show-icon :style="{ 'min-height': '500px', height: '700px', 'border-right': '2px solid原创 2020-11-12 15:03:40 · 10665 阅读 · 10 评论 -
Openlayers Overlay使用心得(转载)
Overlay在Openlayers里是浮动层的概念,区别于vector这样的图层,通常用于弹窗、撒点、以及解决加载icon样式不支持的gif等格式图片。此次用overlay的过程中遇到很多问题,在此记录创建Overlay先简单理一下overlay加载机制:如果我定义了一个id为marks的div标签创建overlay的时候elementid指向这个marks的div:则会在ol-viewport的容器里,生成如下的结构:(当调用ol.Map()这个构造函数时,OpenLayers地图引擎会在转载 2020-10-28 16:47:04 · 678 阅读 · 0 评论 -
weex-toolkit安装成功后,weex命令失效
weex-toolkit安装成功后,且在改目录下命令有效 但是全局无效,那就将该目录配置到环境变量中在环境变量的path下后面命令全局生效原创 2020-10-26 17:15:34 · 215 阅读 · 0 评论 -
openlayers生成路线-具有动画效果
效果下面的地图图层屏蔽了,不能展示!所以仅有路线demo核心代码<template> <div> <div id="map" ref="rootmap"></div> <a-button id="searchPath" type="primary" style="z-index:3" @click="searchPath">{{title}}</a-button> </div>原创 2020-09-22 10:24:09 · 4621 阅读 · 10 评论 -
openlayers判断坐标点是否在地块面内
/*** coor:坐标点* coorArr:构成地块面的几何坐标点集合(封闭线)获得方式:* for (let coor of feature.getGeometry().getFlatCoordinates()) { coorArr.push(coor); }*/judgeCoordinateInlayer(coor, coorArr) { let arr = new Array(); let len = coorArr.length; l原创 2020-09-22 09:55:05 · 1333 阅读 · 0 评论 -
openlayers结合谷歌api进行地图定位
整个是应用在vue 中 ,在uniapp的webview中镶嵌,webview的src是要是https访问,否则谷歌api无法获取gps信息代码navigator.geolocation.getCurrentPosition()方法第一个参数是获取成功的callback函数,第二个参数是获取失败时调用的函数第三个是options,可选参数有1、enableHighAcuracy — 布尔值: 表示是否启用高精确度模式,如果启用这种模式,浏览器在获取位置信息时可能需要耗费更多的时间。2、ti原创 2020-09-12 11:34:27 · 694 阅读 · 0 评论 -
nginx配置二级域名访问前端项目
nginx配置二级域名访问前端项目时,需要在vue.config.js中配置module.exports = { publicPath: '/login', }publicPath的属性,他的值就是二级域名.如www.xxxx.com/login若为配置则会出现访问失败的情况原创 2020-09-10 09:53:59 · 648 阅读 · 0 评论 -
openlayers点击某个瓦片高亮展示
使用矢量图层vectorLayer进行图层高亮,拿到点击的那个瓦片的feature,取出几何图形的坐标,他是一个一维数组import Feature from "ol/Feature";import Polygon from "ol/geom/Polygon";import VectorLayer from "ol/layer/Vector";import VectorSource from "ol/source/Vector";removeHighLightLayer() {原创 2020-09-09 15:34:23 · 1635 阅读 · 12 评论 -
uniapp中使用Vue2Leaflet
官网:https://vue2-leaflet.netlify.app/导入模块npm install leaflet vue2-leaflet --save或者yarn add leaflet vue2-leaflet引入main.js中加入如下代码import { LMap, LTileLayer, LMarker } from 'vue2-leaflet';import 'leaflet/dist/leaflet.css';Vue.component('l-map', LMap原创 2020-08-18 18:17:55 · 2753 阅读 · 3 评论 -
请求头Cache-Control: no-cache,Cache-Control: no-store,Pragma: no-cache区别
Cache-Control: no-cache:这个很容易让人产生误解,使人误以为是响应不被缓存。实际上Cache-Control: no-cache是会被缓存的,只不过每次在向客户端(浏览器)提供响应数据时,缓存都要向服务器评估缓存响应的有效性。Cache-Control: no-store:这个才是响应不被缓存的意思。Pragma: no-cache:跟Cache-Control: no-...转载 2020-04-22 11:35:49 · 8374 阅读 · 0 评论 -
li标签嵌套异常
这里有个业务,这样的:首先点击起点输入框出现再点击下方出现的列表中的某个li,这里的列表用的 ul li效果:再点击终点:效果:重点来了 这两次点击 我均点击的是不同的内容,不仅终点框的值改了,还把之前选好的起点框的值又改变了部分代码//鼠标点击起点function mouseOrgin() { $("#origin").mousedown(function...原创 2020-02-23 20:04:24 · 276 阅读 · 0 评论