- 博客(58)
- 收藏
- 关注
RSS订阅原创 使用 markArea 标记不同的区域背景
摘要：本文解决了ECharts中不同渲染器对富文本显示不一致的问题。当使用SVG渲染器时，富文本格式可能无法正确解析，导致直接显示原始标记文本。提供了两种解决方案：1)切换为Canvas渲染器以支持富文本样式；2)改用普通文本配合换行符实现多行显示。文中还给出了完整的代码示例，展示了如何在0-100区间内使用markArea标记"非经济"、"经济"和"最佳"三个区域，并为每个区域设置不同的背景色和文本样式。
2025-11-04 16:14:43
162
原创 echarts不同版本显示不一致问题
文章摘要：对比了ECharts 5.5.0和4.9.0版本在SVG渲染模式下的饼图显示差异。测试发现，4.9.0版本在鼠标悬停时会出现元素超出容器边界（50×50px）的问题，而5.5.0版本表现正常。通过在4.9.0中设置较小的hoverOffset(5)可缓解此问题。两个版本在静态展示时均能正确渲染，但4.9.0的交互状态存在布局溢出缺陷，建议升级版本或调整偏移参数解决。
2025-11-04 15:47:53
173
原创 loaderContext.getOptions is not a function
使用uni-app开发微信小程序，一段时间未修改代码情况下，允许项目报错，重新编译就好了，项目正常运行。
2023-06-07 10:25:56
335
原创 vue3路由匹配和使用elementPlus路由跳转
使用el-menu路由不调转 <el-menu active-text-color="#ffd04b" background-color="#545c64" text-color="#fff" class="el-menu-verticaldemo layout-menu" :collapse="isCollapse"
2022-05-20 23:13:06
2530
1
原创 html图片热区map、area的使用
html图片热区map、area的使用在项目中需要点击图片某个位置，然后变换不同的颜色。之前听说dw可以通过拖拽实现，也可以通用canvas画布实现，但是太麻烦了而map的area可以定义一个坐标位置然后点击处理，因为在项目中只是需要变换所点击的不规则区域的位置，然后进行图片切换就可以，可以使用css定位然后禁止area的跳转即可<area> 标签的 coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。 坐标的数字及其含义取决于 shape 属性中决定的区域
2021-06-23 14:37:32
1262
1
原创 vue+axios+element 图片上传
vue+axios+element 图片上传默认使用element的el-uploadaction传入上传图片的的后台路径，data传入所需的额外参数<template> <el-upload class="upload-demo" drag :action="uploadUrl" ...
2020-04-03 14:43:26
1395
原创 微信小程序--开卡组件
微信小程序–开卡组件查看具体参数配置navigator组件的 extra-data 属性 encrypt_card_id ， outer_str ，biz具体文档：微信小程序–会员卡组件使用 navigator组件<navigator bindcomplete="bindcomplete" target="miniProgram" app-id="wxe...
2020-03-18 14:13:55
1989
5
原创 访问接口报错 net::ERR_PROXY_CONNECTION_FAILED
访问接口报错 net::ERR_PROXY_CONNECTION_FAILED在nw使用过程中,页面加载正常,访问接口报错电脑网络正常，浏览器都可以访问，就在nw中接口不可访问解决：不使用代理服务器...
2020-01-10 14:05:07
9198
转载 jq && vue 引入外部模板文件
1.通过jq的load引入文件index，abou文件内容相同，无跳转刷新页面<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>index</title> <link href="https://c...
2019-06-04 23:30:45
1884
原创 vue多选
<ul class="offer-wrap"> <li class="paymentOffer-list" v-for="(item,index) in paymentOffer" :class="paymentChecked(item.id)?'checked':''" @click="bindP...
2019-06-01 10:28:05
801
原创 根据商品名称首字母查询商品
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-03-27 20:09:48
1545
转载 vue 商品选择规格
<!doctype html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.
2019-01-02 18:04:21
7785
1
转载 使用vant的密码输入框，数字键盘
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial
2019-01-02 17:23:01
11173
3
原创 css ios问题
（1）在h5页面写弹出密码框，input光标不能隐藏input{ opacity: 0;/*ios下失效*/ /*解决办法*/ text-indent: -999em; /*文本向左缩进*/ margin-left: -100%; /*输入框光标起始点向左左移*／}（2） 输入密码的时候ios不能调用手机键盘（不能自动聚焦，暂时手动点击调用）（3）密...
2018-12-13 09:58:10
321
转载 逻辑或（||）--逻辑与（&&）
逻辑与 && 遇 false 返回 (必须全满足)var a = 1 && 2 && 3;console.log(typeof a , a) //3逻辑或 || 遇 true 返回 (满足一条即可)var a = 0 || 2 || 3;console.log(typeof a , a) //2逻辑与(&&...
2018-11-29 13:54:14
821
原创 获取元素大小，屏幕大小
一、元素内大小clientWidth=元素的宽度+元素padding-left+ 元素padding-right * :不包含margin和borderclientHeight=元素的高度+元素padding-top+ 元素padding-bottom * :不包含margin和borderclientLeft=border的宽度 * :不包含...
2018-11-19 11:09:38
256
原创 css动画
一、transition动画1：transition-property:指的是需要变化的属性, （1）：属性值可以是一个或者多个 （2）：all（所有发生变化的属性）2：transition-duration：执行动画时长3：transition-timing-function: linear(匀速);动画执行方式 ...
2018-11-05 21:36:27
321
原创 git上传github
将本地代码上传到GitHub上一通过github初始化仓库 1）在github上上创建并初始化仓库 2）将github上仓库克隆到本地 3）将项目代码拷贝到仓库并上传 （1）将你所要上传的项目拷贝到你的git仓库文件夹下 （2）查看项目文件状态 （3）添加项目到暂存区，并提交到本地仓库...
2018-11-03 11:19:16
292
原创 初探git（二）
一）如何使用git忽略不想上传文件（单个文件）1.touch log.txt 在你文件内新建一个log.text文件2.git status 查看文件提示需要添加log.txt文件（可是log文件是需要忽略的）3.touch .gitignore 此时新建一个.gitignore文件，将你要忽略的文件写入到.gitignore里面4.之后只需要添...
2018-10-18 19:24:59
261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人