很久很久没有更新博客了，因为实在是太忙了，每天都有公司的事情忙不完....... 最近在做车辆模拟地图，在实现控制站点名称按需显示时，折腾了好一段时间，特此记录一下。最终界面如下图所示： 站点显示需求：首末站必须显示，从第一个站开始，如果站点名称能显示下，则显示，如果站点名称会重叠则隐藏，以此类推。 ...

最近需要做一个三维场景切换的功能，切换场景后，还可以进行二三维模式的切换，二三维切换时，要定位到当前场景视角，那么场景的视角参数信息就需要保存到状态数据中，以供二三维场景切换时使用。 项目是用vue做的，这里并没有使用vue的状态管理库，我是这样实现的： 定义状态数据sceneInfo let sc ...

你习惯在js代码中使用async await吗？ 我经常在js代码中写一些异步方法，使用await调用的地方，如果方便修改成异步方法，就修改成异步方法，如下所示： async setPosition(graphic, lng, lat) { this.lng = lng; this.lat = la ...

你不知道的 CSS 之包含块 一说到 CSS 盒模型，这是很多小伙伴耳熟能详的知识，甚至有的小伙伴还能说出 border-box 和 content-box 这两种盒模型的区别。 但是一说到 CSS 包含块，有的小伙伴就懵圈了，什么是包含块？好像从来没有听说过这玩意儿。 好吧，如果你对包含块的知识一 ...

‍ 写在开头 点赞 + 收藏 学会 需求背景 从第三方采购的vue2 + ElementUI实现的云管平台，乙方说2011年左右就开始有这个项目了（那时候有Vue了吗，思考.jpg）。十几年的项目，我何德何能可以担此责任。里面的代码经过多人多年迭代可以用惨不忍睹来形容，吐槽归吐槽 ...

问题分析 当我们需要用折叠面板的时候，往往会考虑element-ui的el-collaspe，然而大多数时候原生默认的样式并无法拿来就用。我们往往会自定义组件的样式，或者在默认的基础上进行修改。最近在Vue项目中进行组件修改的时候，无意间某个文件自动设置成了scoped（应该是插件自动化生成的结构代 ...

前言 众所周知，在vue2的时候使用一个vue组件要么全局注册，要么局部注册。但是在setup语法糖中直接将组件import导入无需注册就可以使用，你知道这是为什么呢？注：本文中使用的vue版本为3.4.19。 关注公众号：【前端欧阳】，给自己一个进阶vue的机会 看个demo 我们先来看个简单的d ...

CSS 属性计算过程 你是否了解 CSS 的属性计算过程呢？ 有的同学可能会讲，CSS属性我倒是知道，例如： p{ color : red; } 上面的 CSS 代码中，p 是元素选择器，color 就是其中的一个 CSS 属性。 但是要说 CSS 属性的计算过程，还真的不是很清楚。 没关系，通过此 ...

‍ 写在开头 点赞 + 收藏 学会 前端常用的截图保存的方法 利用 Blob 对象和 URL.createObjectURL：可以将截图数据转换为 Blob 对象，然后使用 URL.createObjectURL 方法生成一个临时的 URL，将这个 URL 赋值给 <a> 标签的 ...

‍ 写在开头 点赞 + 收藏 学会 前言 随着我用 URL.createObjectURL 这个 API 越来越多次，越发感觉真的是一个很好用的方法，列举一下我在项目中用到它的场景吧~ 图片预览 以前我们想要预览图片，只能是上传图片到后端后，获取到url然后赋予给img标签，才能 ...

在使用锚点跳转时，以下情况可能导致页面跳转位置出现误差： 固定定位元素（Fixed Position Elements）： 当页面有固定定位的导航栏或其他固定元素时，跳转到锚点时，这些固定元素可能会遮挡锚点目标，导致用户看不到预期内容。 动态内容加载（Dynamic Content Loading） ...

‍ 写在开头 点赞 + 收藏 学会 在项目中我们可能会遇到当鼠标在某个区域内，我们希望滚动鼠标里面的内容可以横向滚动； 比如我们一些常见的后台状态栏： 那这种该怎么写？请看栗子 代码如下： <template> <div> <div class="top"> <div class ...

JS中有一些操作可以动态地执行JS代码，并修改或新建词法作用域，这种操作虽然带来了更多的灵活性，但是会严重地影响到性能。 ...

1. 不使用临时变量来交换变量的值 2. 对象解构，让数据访问更便捷 3. 浅克隆对象 4. 合并对象 5. 清理数组 6. 将 NodeList 转换为数组 7. 检查数组是否满足指定条件 8. 将文本复制到剪贴板 9. 删除数组重复项 10. 取两个数组的交集 11. 求数组元素的总和 12. ... ...

随便写的小网页练习： 原视频:十分钟学会写网页【编程前端入门】 简介： 本期重做了好几遍，是全新的视角和概念，从浏览器底层渲染原理到实现网站的演示，一节课讲透，必看的一期。后面不管是写小程序还是App，都会用到这一期的概念。 这一期内容是我做完第一章个人网站后更新的，用来替代原先没做好的第三节， ...

‍ 写在开头 点赞 + 收藏 学会 在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同的工具类方法，这些方法就是之前开发者的常用代码片段。 现在前端社区相当完 ...

应用场景: 实现目标: 在网页端实现大文件(文件大小 >= 2 G) 断点续传 实际方案: 发送多次请求, 每次请求一部分文件数据, 然后通过续写将文件数据全部写入. 难点: 无法实现文件续写, 最后采用 StreamSaver 来解决这个问题. 1. 首先从 git hub 将 StreamSav ...

SoybeanAdmin —— 一个清新优雅、高颜值且功能强大的后台管理模板。基于最新的前端技术栈，包括 Vue3、 Vite5、 TypeScript、 Pinia 和 UnoCSS。 ...

你知道为什么setup语法糖中的顶层绑定可以在template中直接使用的呢？setup语法糖是如何编译成setup函数的呢？ ...

RSS（Really Simple Syndication）是一种 XML 格式，用于网站内容的聚合和分发，让用户能快速浏览和跟踪更新。RSS 文档结构包括 `<channel>` 和 `<item>` 元素，允许内容创作者分享标题、链接和描述。通过 RSS，用户可以定制新闻源，过滤不相关信息，提高... ...