bingmoujs的博客

自定义toolTip比较简单，这里相关背景图使用import导入，关键点是自定义position位置（不自定义会出现安阳定在濮阳的情况），获取地图json中的centorid的坐标（这里的坐标自己可以直接修改位置），通过convertToPixel将地理坐标转换为屏幕坐标，相当好用。自定义立体图层，直接参考代码吧，网上也找过相关的参考，他们的实现方式是主体柱形部分采用左右多层次渐变的方式，要求上下渐变就不太合适。导入到地图组件使用，通过下拉框或者点击地图获取name实现json切换。

表示元素不应对鼠标事件进行响应。这包括鼠标的点击、悬停和其他鼠标相关的动作。这个属性指定当鼠标指针设备（如鼠标）在元素上时，事件应该有什么表现。

let start = document.querySelector('input[placeholder="请选择开始日期"]');

方案一：双层元素，使用一个单独的元素作为渐变色背景放在最下层，上层设置一个透明的 border 和纯色的背景（需要设置 background-clip: padding-box 以避免盖住下层元素的 border）, 上下两层设置相同的。这三个属性，每个属性设置两组值，第一组用于设置border内的单色背景，第二组用于设置border上的渐变色。方案二：单层元素，为其分别设置。

每一对 "x,y" 坐标都定义了多边形的一个顶点（"0,0" 是图像左上角的坐标）。第一个坐标是矩形的一个角的顶点坐标，另一对坐标是对角的顶点坐标，"0,0" 是图像左上角的坐标。x 和 y 定义了圆心的位置（"0,0" 是图像左上角的坐标），z 是以像素为单位的圆形半径。多边形：shape="poly"，coords="x1,y1,x2,y2,x3,y3,..."矩形：shape="rectangle、rect"，coords="x1,y1,x2,y2"(2)浏览器会忽略超过图像边界范围之外的坐标。

可以设置 alpha（默认）表示使用遮罩图像的 alpha 通道，或者 luminance 表示使用遮罩图像的亮度。可以设置 repeat（默认）、no-repeat、repeat-x、repeat-y 等。: 定义遮罩的起始位置。可以设置 border-box（默认）、padding-box 或 content-box。: 定义遮罩的位置。可以设置具体的水平和垂直定位值，也可以使用关键字 center 居中对齐。可以设置具体的宽度和高度值，也可以使用关键字 auto 自动缩放。: 定义要用作遮罩的图像。

"Unable to preventDefault inside passive event listener invocation"是浏览器开发中的一个警告信息。这个警告通常出现在使用passive事件监听器时，当在事件处理函数中调用preventDefault()方法时会引发该警告，不会实际影响使用，就是控制台一直报红贼难看。1.新建公用文件：browserPatch.js（可以是在common目录或者untils目录，根据自己的项目定）ts转行书写格式同理。

xml语言，svg使用该语言定义。

this.$forceUpdate() 是 Vue.js 的一个实例方法,用于迫使 Vue 实例重新渲染页面。

使用 uni-app 开发一款 app，需求中有一项是点击 触感反馈，查阅了 uni-app 相关文档，发现并没有对应的 api，最开始尝试用“震动”的方式来模拟“触感反馈” , 但是感觉效果并不好，因为在ios中并不支持短震动(15ms), 只支持长震动(400ms)。在这里记录一下最后的处理方式。在文档中只找到了uni.vibrateShort的方法，来开启短震动。uniapp官网文档。

将树形数组对象扁平化是将具有层级结构的对象数组转换成一个简单的、没有嵌套的对象数组的过程。这通常涉及到递归遍历树结构，并将每个节点添加到一个新的数组中。扁平化数组对象组装成树形数组对象是一个常见的编程问题。这通常涉及到将一组具有父子关系的对象转换成一个树形结构。以下是一个基本的步骤和示例，说明如何实现这一过程。

在JavaScript中，字符串"false"可以被转换为true，因为JavaScript的弱类型语言允许自动类型转换。在条件判断中，如果字符串"false"被操作符转换为布尔值，非空字符串将被转换为true。这是因为JavaScript中的假值只有以下几种：false、undefined、null、0、NaN和空字符串("")。所以，判断不要懒省事（直接用或者==），使用===校验，免得排查错误加班🤪。

设置一个 HttpOnly 的 cookie 意味着该 cookie 不能通过客户端脚本（如 JavaScript）进行访问。这是一个安全措施，通常用于减少某些类型的攻击，如跨站脚本攻击 (XSS)。以下是如何在不同的上下文中设置 HttpOnly cookie：1. 在 HTTP 响应中：如果你正在使用纯 HTTP/HTTPS（没有特定的后端语言或框架），你可以在 HTTP 响应的 Set-Cookie 头中设置 HttpOnly 属性：HttpOnly;

因为目前市面上适配工具每一个都无法做到完美的效果，做出来的东西都差不多，最终实现效果都逃不出白边的手掌心，可以解决白边问题的，要么太过于复杂，要么会影响dom结构。如果你使用的地图是基于canvas绘制的，那么有可能会出现偏移现象（往往伴随着拉伸），那么和上面的echarts的解决方式一样，只需要重绘就可以了。解决方式也很简单，autofit.js不需要任何其他辅助工具，如果想体验autofit.js一行搞定，关闭其他插件，且不要使用任何相对单位即可！在你的项目js中使用autofit.init()同上。

echarts地图做地图城市添加点、图形标记或柱形时需要获取对应坐标，话不多说，直接上代码。下述在城市添加动态点与图标。

原文链接：https://blog.csdn.net/weixin_39423672/article/details/104646860。

思路：在点击全部时按钮组双向绑定赋值全部值，点击按钮组内按钮计算选中按钮数量与按钮组数量对比，判定是否选中全部。

2. 在第一层切换的时候，如果第一次分类改变了，把已有的值清空。思路：1.把第一层的复选框去掉。

废话不多说，直接上代码。

对象中的月份是从0开始计数的，所以需要对应相应的月份减1。在上面的示例代码中，我们将3月表示为2，九月表示为8。示例中的判断语句可以根据你的实际需求进行修改，比如可以使用。对象来获取当前日期，并通过比较判断是否在指定的日期范围内（如3月16日-9月15日）。同理，季节只需修改日期范围即可。使用JavaScript的。语句来执行不同的操作。