qq_48763502的博客

本片文章主要记录一下遇到的问题，js计算当前一周的日期。感兴趣的小伙伴可以学习一下。

{用于，即鼠标上下文菜单事件。这个事件可以用来处理右键点击的自定义行为，比如阻止浏览器默认的右键菜单，或者展示自定义的菜单。

用vue实现一个简单的大转盘抽奖案例大转盘。

伪元素用于选择元素的特定部分或创建虚拟元素。它们通常以双冒号 (:😃 开头，后面跟着伪元素名称。伪元素可以用来插入内容、样式化特定部分等。

在 Vue 中动态实现进度条，基本上有两种常见的方法：直接通过 Vue 数据绑定控制样式，或者利用外部库来实现更复杂的功能。我们会深入探讨这两种方式，并且详细说明每种方法的实现步骤、优缺点以及使用场景。

用法: let substr = str.substring(2, 5);用法: let index = str.lastIndexOf(“sub”);说明: 检查字符串中是否包含指定的子字符串。用法: let includes = str.includes(“sub”);用法: let replaced = str.replace(“old”, “new”);用法: let index = str.indexOf(“sub”);用法: let ends = str.endsWith(“suf”);

单位类型相对关系使用场景px绝对单位不受任何因素影响，固定的像素值。精确控制尺寸，图像、按钮等em相对单位相对于当前元素的字体大小。字体、间距的相对设置rem根相对单位相对于根元素 () 的字体大小。响应式设计，全局布局vw视口单位相对于视口宽度的百分比。响应式布局，动态调整px 是最直观和固定的单位，适用于精确的设计。em 和 rem 都是相对单位，但 rem 与根元素的字体大小绑定，避免了层级嵌套的复杂性。

它可以让你精确地控制滚动的位置，包括滚动到指定的坐标或元素位置。可以应用于滚动容器、页面或其他具有滚动条的元素。滚动操作：使用 scrollTo 方法平滑滚动到计算得出的 scrollLeft 位置。tabList.value.children 获取所有标签（Tab）元素的集合，tabItems 即是这些 Tab 元素。滚动容器：scrollTo 可以应用于整个页面（window）或者页面内的特定容器（如一个具有滚动条的。scrollTo 允许你设置滚动行为为平滑滚动，达到更好的用户体验。

图片加载时效果。

刷新时 404 错误 通常是因为前端路由和后端路由的配置不一致，导致页面刷新时服务器无法找到对应的资源。解决方案：确保服务器能够处理所有请求并返回 index.html，这样前端路由才可以接管并渲染正确的页面。

RangeError: Maximum call stack size exceeded 错误通常发生在 JavaScript 中，当函数出现递归问题或者无限循环时，调用栈超出了其最大限制。调用栈是用于管理函数调用的内存结构，当栈中的调用过多时，就会出现这个错误。处理循环引用时，可以使用像 flatted 这样的库，或者编写自定义的序列化方法来检测循环引用。用插件防止抛出循环引用问题，会有一些问题，所以直接写了一个方法来防止抛出循环引用。重新设计数据结构，或者将递归过程改为非递归方式，避免使用过深的递归。

iframe>是 HTML 中的一个标签，用于在网页中嵌入其他网页或内容。其全称是 “inlineframe”，意思是“内联框架”。使用可以将外部资源（如另一个网站、视频、地图等）嵌入到当前网页中，允许用户在不离开当前页面的情况下查看和交互。

组件提供了一个简单易用的方式来创建翻滚文本效果。它可以在移动端和桌面端应用中有效展示信息，使其更加生动和引人注目。屏幕录制 2024-10-24 213430。

要实现鼠标经过某个元素时弹出提示框（通常称为“工具提示”或“悬浮提示”），你可以使用 JavaScript 结合 CSS 来创建这个效果。以下是详细步骤，包括 HTML、CSS 和 JavaScript 的代码示例。

在定义路由时，可以通过 meta 属性来添加元信息。

使用 : 通过包裹元素来实现进入和离开的过渡效果。定义 CSS 类: 根据 Vue 自动生成的类设置过渡效果。JavaScript 钩子: 自定义过渡逻辑以实现更复杂的动画效果。使用 : 对列表项的添加、删除和排序进行动画处理。

使用 Emoji 可以极大地增强网页的互动性和趣味性。无论是通过直接插入、Unicode 编码还是 CSS 设置，都能轻松实现。如果您在网页设计中考虑使用 Emoji，请确保兼容性和可访问性，以提供最佳用户体验。

数组已完全排序。

picker-view 是 UniApp 中用于展示和选择数据的组件。它适用于创建多列选择器，类似于 iOS 和 Android 系统中的选择器视图。以下是 picker-view 的详细介绍，包括用法、属性和事件。

属性 / 方法描述表示一个元素的顶部边框的宽度，以像素表示。表示一个元素的左边框的宽度，以像素表示。在页面上返回内容的可视高度（高度包含内边距（padding），不包含边框（border），外边距（margin）和滚动条）在页面上返回内容的可视宽度（宽度包含内边距（padding），不包含边框（border），外边距（margin）和滚动条）返回任何一个元素的高度包括边框（border）和内边距（padding），但不包含外边距（margin）

在项目中遇到设置签到的情况，如图所示，在后台中需要可以设置签到任务。同时也会遇到动态校验的场景。1.有时候明明给一个变量赋了值，但是他不在页面上中显示。我们可以用this.$set添加一个响应式的变量。在 Vue.js 中，this.$set 是一个用于在响应式对象上设置属性的方法。isEditor为true的时候输入框显示，然后可以进行编辑，false的时候就显示数据。实例的数据对象或组件的响应式属性上添加新的属性，确保新添加的属性也是响应式的。在点击新增任务的时候，会给一些默认的属性，

如图所示只显示一个月份，页面上通过点击左右按钮来实现对月份的切换。实现是将min-date设置月份的第一天，max-date设置为月份的最后一天。

Date()日期对象 是一个构造函数，必须使用new 来调用创建我们的日期对象使用Date日期对象的时候，如果里面没有放置参数，那么返回的就是系统的当前时间。

天地图是一种地理信息系统（GIS）软件，在中国领先的地理信息服务提供商。它提供了丰富的地理空间数据和地图服务，包括地图浏览、地理信息查询、地理分析等功能。总体来说，天地图是一款功能强大、易于使用的地理信息系统软件，为用户提供了丰富的地理信息和地图服务，广泛应用于不同领域，如城市规划、交通管理、环境保护等。如图所示，再新增门店需要使用天地图来进行详细地址的选择，同时在地址上标记位置和提供地址搜索。我这边把天地图封装成一个组件，需要用到的地方就引入。

scroll-into-view String 值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素。如果scroll-into-view的值以数字开头的话，控制台会有这种报错。要实现左右切换tab我们可以用uni-app提供的内置组件来实现。

远程仓库（Remote Repository）：远程仓库是位于网络上的 Git 仓库，可以是项目管理平台（例如 GitHub、GitLab）或其他开发者的仓库。推送（Push）：推送是将本地仓库的更改上传到远程仓库。推送操作将本地仓库的提交推送到远程仓库，使其他开发者可以看到并合并这些更改。主分支（Master）：主分支是默认的代码分支，通常是项目的稳定版本。克隆操作会将远程仓库的代码完整地复制到本地，并自动为创建一个本地仓库。拉取（Pull）：拉取是将远程仓库的最新更改复制到本地仓库。