【Vue】解决设置html根字体大小，但使用rem在某些手机浏览器样式错乱问题 首先不知道为什么如下代码在html中如下写在某些浏览器（比如华为自带的浏览器）中不生效，但是在手机端edge浏览器没问题。我调试了下发现在那些不生效的浏览器他貌似不能识别@media (max-width: 550px)这个媒体选择器，用的还是根目录设置的字体大小。于是我尝试使用js来设置根目录字体大小，如下所示，你可以根据自己的需要更改下面的代码。
【前端基础】什么是类数组对象，类数组对象转换成数组的方法 DOM 元素列表 (NodeList)：由 DOM 查询操作返回的结果，如等。NodeList 是一个类数组对象，包含了匹配查询条件的 DOM 元素列表。函数参数对象 (arguments)：在函数内部可以通过arguments对象访问所有传递给函数的参数。arguments对象是类数组对象，具有类似数组的特性，例如有一个length属性和通过索引访问参数的能力。字符串 (String)：字符串也可以被视为类数组对象，因为它们包含一系列字符，并且可以通过索引访问单个字符。
【Vue】导出Excel（xlsx和file-saver） 该方法会创建一个包含三列（姓名、年龄、职业）的二维数组，然后使用xlsx库将其转换为工作表，并添加到工作簿中。接着使用FileSaver库将工作簿保存为.xlsx格式的文件，并提供一个下载链接，最后清理URL。在Vue中导出Excel文件，可以使用第三方库如xlsx和file-saver。// 使用blob和FileReader创建一个Blob URL。// 假设你有一个表格数据的数组。// 使用saveAs下载文件。// 创建工作簿并添加工作表。// 将数据转换为工作表。// 生成Excel文件。
【Vue】监听div宽高的变化（动态渲染echarts宽高案例） 是一个现代的JavaScript API，它允许你监听元素的大小变化。// entries 是一个 ResizeObserverEntry 对象数组，包含目标元素的大小信息。// 在这里可以触发自定义的处理逻辑，例如将宽高信息传递给 Vue 组件的方法。的回调函数中，我们可以获取目标元素的新宽度和高度，并在。// 在这里可以执行你想要的操作，比如更新组件的状态。// 在组件销毁时停止监听，防止内存泄漏。元素的宽度和高度的变化，你可以使用。// 获取要监听的 div 元素。// 开始监听目标元素的大小变化。
【前端基础】uniapp、axios 获取二进制图片 在网络请求中，`responseType: "arraybuffer"` 是指定服务器响应的数据类型为二进制数据缓冲区（ArrayBuffer）。这是XMLHttpRequest（XHR）和Fetch API等客户端JavaScript API中的一个选项。
【ECharts】从零实现echarts地图完整代码（纯前端，包含地图资源） echarts可视化2.5D地图，自定义地图纹理，伪热力图，高亮，自定义提示框，地图下钻，定位 logo 显示。完整代码，纯前端，下载完即可运行
【Vue】使用.sync实现父子组件数据双向绑定 `.sync` 修饰符实际上是一种简写形式，它展开为一个包含 `v-on` 和 `v-bind` 的语法糖。在上述例子中，`:message.sync="message"` 实际上是 `:message="message" @update:message="message = $event"` 的缩写形式
【CSS】全局声明引入自定义字体 在Vue.js中可以使用全局样式表来定义字体。通常，可以在项目中的主样式表中定义全局字体，然后确保该样式表在整个应用程序中被引入。这样自定义字体就会在整个Vue应用程序中全局生效了。确保测试在不同浏览器和设备上的兼容性。或者如果你的项目使用了Vue CLI，可以在。以下用vue项目为例，其他的也是类似！为你实际字体文件的路径。
【CSS】解决上层盒子遮挡下层图片点击事件的三种方法 在Web开发中，我们有时候会遇到一个常见的问题：上层盒子的点击事件遮挡了下层图片的点击，导致用户无法与图片进行交互。本篇博客将介绍三种解决这个问题的方法，通过使用CSS和JavaScript，使得上层盒子在视觉上处于上层，但不影响下层图片的点击事件。
关注
