- 博客(42)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 元素偏移(offset,scroll,client)介绍,动态设置类名
属性 / 方法描述表示一个元素的顶部边框的宽度,以像素表示。表示一个元素的左边框的宽度,以像素表示。在页面上返回内容的可视高度(高度包含内边距(padding),不包含边框(border),外边距(margin)和滚动条)在页面上返回内容的可视宽度(宽度包含内边距(padding),不包含边框(border),外边距(margin)和滚动条)返回任何一个元素的高度包括边框(border)和内边距(padding),但不包含外边距(margin)
2024-08-17 10:56:45
2195
3
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 JavaScript中new Map() 与 new Set()的简单介绍
在 Set中,任何类型的值(包括对象、原始值、NaN、undefined 和 null)都可以作为元素,而且每个元素只能出现一次。Set提供了一些有用的方法,用于操作集合中的元素。在 JavaScript 中,Map 是一种内置的数据结构,用于存储键值对(key-value pairs)。与普通对象不同,Map 的键可以是任何类型的值,包括对象、函数和原始值。Map 提供了一种灵活且高效的方式来处理键值对,是现代 JavaScript 开发中常用的数据结构之一。返回 Set 中元素的数量。
2024-08-16 09:43:54
1502
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 js获取本周时间,当月的日期,计算两个时间差,距离当前日期后几天的日期
本片文章主要记录一下遇到的问题,js计算当前一周的日期。感兴趣的小伙伴可以学习一下。
2024-08-02 16:50:48
3732
11
原创 CSS3 圆角
属性用于为元素的边框添加圆角效果。它可以单独为每个角设置圆角,也可以统一设置所有角。如果你在 border-radius 属性中只指定一个值,那么将生成 4 个 圆角。第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。: 第一个值为左上角, 第二个值为右上角和左下角,第三个值为右下角: 第一个值为左上角与右下角,第二个值为右上角与左下角: 四个圆角值相同。
2024-09-08 07:29:49
153
原创 CSS3 背景属性
属性设置背景图片的位置。常见值包括 center, top left, bottom right 等,也可以使用具体的像素值或百分比。常见值包括 repeat、no-repeat、repeat-x 和 repeat-y。属性来控制背景图片的尺寸。常见值包括 cover 和 contain,也可以指定具体的宽度和高度。padding-box: 背景图像相对于元素的内边距区域定位。content-box: 背景图像相对于元素的内容区域定位。border-box: 背景图像相对于元素的边框区域定位。
2024-09-07 08:44:35
516
原创 vue3定义响应式数据(ref,reactive)
在 Vue 3 中,ref 是一个用于创建响应式数据的 API。ref 可以用来使普通的 JavaScript 值(如字符串、数字、对象等)变得响应式,从而在 Vue 的模板中使用和自动更新。基本用法导入 ref:首先,你需要从 Vue 中导入 ref。创建响应式数据:使用 ref 创建一个响应式的值。访问和更新响应式数据:你可以通过 .value 属性来访问和更新响应式数据。**作用:**定义响应式变量。let xxx = ref(初始值)。**返回值:**一个RefImpl。
2024-09-04 09:30:30
1546
原创 CSS3 3D 转换
CSS3 3D 转换(3D Transforms)是允许你在三维空间中变换元素的技术。这包括旋转、平移和缩放等操作。通过 transform 属性,你可以实现更复杂的视觉效果,如旋转立方体、制作动画等。
2024-09-03 10:41:26
846
原创 CSS3 2D 转换
2D 转换方法函数描述定义 2D 转换,沿着 X 和 Y 轴移动元素。定义 2D 转换,沿着 X 轴移动元素。定义 2D 转换,沿着 Y 轴移动元素。scale(x,y)定义 2D 缩放转换,改变元素的宽度和高度。scaleX(n)定义 2D 缩放转换,改变元素的宽度。scaleY(n)定义 2D 缩放转换,改变元素的高度。定义 2D 旋转,在参数中规定角度。定义 2D 倾斜转换,沿着 X 和 Y 轴。定义 2D 倾斜转换,沿着 X 轴。定义 2D 倾斜转换,沿着 Y 轴。
2024-09-02 08:53:49
1310
原创 vue3 setup基本使用
在 Vue 3 中,setup 函数是在组件创建之前调用的,用于初始化组件的响应式数据、计算属性、方法等。setup 函数返回的对象会作为组件的上下文提供给模板,模板中可以直接访问返回的属性和方法。在 setup 中,你不再使用 this 来访问组件实例的属性和方法。setup 是 Vue 3 引入的组合式 API 的核心部分,而 Options API 是 Vue 2 中的传统方式。在 setup 中,可以使用 Vue 3 提供的生命周期钩子函数来替代 Vue 2 的生命周期选项。
2024-09-01 12:24:02
813
原创 css position属性介绍
1 position属性区别static:默认定位,不受 top、right、bottom、left 影响。relative:相对于其正常位置移动,仍在文档流中。absolute:脱离正常文档流,相对于最近的定位祖先进行定位。fixed:元素脱离正常文档流,固定在视口的指定位置,不随页面滚动而移动.相对于视口固定,滚动时保持在相同位置。sticky:结合了 relative 和 fixed 的特性,在滚动到指定位置时固定,但仅在父容器的边界内有效。2 z-index。
2024-08-31 08:49:26
795
原创 CSS3 文本效果(text-shadow,box-shadow,white-space等)文本溢出隐藏并且显示省略号
word-break 是一个 CSS 属性,用于控制文本在换行时的行为。它影响文本如何在块级元素中断行,尤其是在长单词或连续字符无法在正常换行点断开时的处理方式。word-wrap 是 CSS 的一个早期属性,用于控制长单词或 URL 是否在需要时被强制换行,以避免超出容器的宽度。文本会在正常的换行点(例如空格或连字符)断行,不会在单词内断行。描述:多个空格会被合并为一个,但文本不会换行,会一直显示在一行内,直到容器边界。描述:保留空格和换行符,但在需要时允许文本换行以适应容器的宽度。
2024-08-30 08:59:35
2011
2
原创 AI模型:追求全能还是专精?
全能型 AI 具有广泛适用性和灵活性,适合需要处理多种任务的场景,能够在多个领域提供解决方案。专业型 AI 则专注于特定领域,提供高精度和深度的服务,适合对某一领域有深刻需求的用户。未来,市场可能会看到这两种类型的 AI 产品的结合和互补。例如,全能型 AI 可以处理日常的多样任务,而专业型 AI 可以在需要高度专业知识的领域提供支持。企业和用户可以根据具体需求选择或组合这两类 AI,以达到最佳效果。
2024-08-29 08:57:32
892
原创 JavaScript RegExp 对象
RegExp 对象是 JavaScript 中用于处理正则表达式的核心功能。正则表达式(Regular Expressions)是一种用于匹配字符串中字符模式的工具,可以用于搜索、替换、验证、提取等操作。以下是对 RegExp 对象的详细介绍,包括它的构造函数、常用方法和属性。
2024-08-28 15:05:57
1237
原创 AI是在帮助开发者还是取代他们?
无论是代码生成、错误检测还是自动化测试,AI工具正在成为开发者的得力助手。然而,这也引发了对开发者职业前景和技能需求变化的讨论。总体而言,AI在软件开发中的作用是双刃剑。它为开发者提供了强大的工具和支持,但也带来了新的挑战和技能要求。开发者需要积极适应这些变化,不断学习和更新自己的技能,以在快速变化的技术环境中保持竞争力。自动化测试生成:AI能够根据代码和需求自动生成测试用例,从而提高测试覆盖率和测试效率。缺陷预测:AI可以分析历史数据,预测潜在的缺陷区域,从而优化测试策略和资源分配。
2024-08-27 19:35:28
512
原创 国产游戏技术进步的影响
国产游戏技术的进步推动了行业的快速发展,同时也对IT人才的需求和技术方向提出了新的挑战和机遇。国产游戏技术的进步对国内游戏开发行业的影响深远,不仅推动了行业的发展,还改变了对IT人才的需求和技术发展的方向。数字资产:区块链技术可以应用于游戏中的数字资产管理,如虚拟货币和NFT(非同质化代币),为玩家提供新的交易和收益方式。教育需求:高校和培训机构需要更新课程,以培养符合最新技术需求的游戏开发人才,增加实践环节和技术前沿知识的覆盖。数据安全:提高游戏数据的安全性和透明度,防止作弊和虚假信息的出现。
2024-08-26 17:49:52
823
原创 程序员如何选择职业赛道?
数据科学:如果你喜欢分析数据、寻找模式并做出数据驱动的决策,数据科学是个很好的领域。程序员的职业赛道就像是一座迷宫,有前端的美丽花园,后端的黑暗洞穴,还有数据科学的神秘密室。前端开发:如果你对创建用户界面、设计和用户体验感兴趣,前端开发是个不错的选择。你会专注于HTML、CSS和JavaScript,构建美观和功能丰富的网站。后端开发涉及处理数据存储、服务器逻辑和API设计,通常使用语言如Python、Java或Node.js。每条路径都有其独特的挑战和机遇,深入了解每个领域有助于做出明智的决定。
2024-08-25 10:56:37
627
原创 浏览器对象模型 BOM和文档对象模型DOM
BOM 允许 JavaScript 脚本与浏览器的各个方面进行交互,从而使开发者能够构建更加动态和互动的网页。掌握 BOM 的使用方法对于前端开发者来说是非常重要的。
2024-08-23 08:48:30
1146
原创 开发团队如何应对突发的技术故障和危机?
在数字化时代,软件服务的稳定性至关重要。然而,即便是像网易云音乐这样的大型平台,也难免遇到突发的技术故障。8月19日下午,网易云音乐疑似出现服务器故障,网页端出现502 Bad Gateway 报错,且App也无法正常使用。这不仅严重影响了用户体验,还给公司带来声誉和经济损失。面对这类情况,开发团队该如何快速响应、高效解决问题,并从中吸取教训以防患未然?是否有一套行之有效的危机应对机制?又该如何在日常工作中培养团队应对突发事件的能力?让我们一起探讨如何在技术风暴中站稳脚跟,提升团队的应急处理能力吧!
2024-08-22 09:24:40
259
原创 localStorage、sessionStorage 和 cookie介绍以及三者的区别
localStorage:长期存储数据,不会随会话结束而丢失,适用于存储较多的数据。sessionStorage:会话级别存储数据,浏览器会话结束时丢失,适用于存储较少的数据。cookie:可以与服务器交互,每个 cookie 的大小限制较小,适用于需要在客户端和服务器之间传递信息的场景。
2024-08-21 09:05:46
742
原创 你是如何克服编程学习中的挫折感的?
克服编程学习中的挫折感需要时间和耐心。通过设定现实目标、保持学习热情、建立支持系统、管理挫折、使用合适的资源、保持健康的生活方式以及定期反思和调整,可以有效地应对学习中的挑战,逐步提高自己的编程技能。
2024-08-20 15:42:47
442
原创 人工智能在现代科技中的应用和未来发展趋势。
此外,人工智能还可以用于股票交易的预测和个性化的金融理财建议。例如,人工智能的决策是否公正、人工智能系统的责任和道德义务等问题需要引起广泛的关注和讨论。例如,人工智能的决策是否公正、人工智能系统的责任和道德义务等问题需要引起广泛的关注和讨论。通过不断的学习和训练,人工智能系统可以自主优化自己的算法和模型,适应复杂多变的环境和任务。通过分析用户的行为和偏好,人工智能系统可以提供更加个性化的服务和建议,提高用户体验。通过不断的学习和训练,人工智能系统可以自主优化自己的算法和模型,适应复杂多变的环境和任务。
2024-08-15 10:18:41
275
原创 如何打造属于自己的编程学习“知识宝库”
建立一个高效的编程学习笔记系统,确实如同打造一张珍贵的航海图,可以帮助你在知识的海洋中找到方向。通过以上方法,你可以打造一个既能快速记录又易于回顾的编程学习笔记系统。记住,最重要的是保持持续的更新和优化,让你的知识宝库始终处于最适合自己的状态。将学习的知识应用到实际项目中,记录项目中的实践经验和遇到的问题。选择一个适合你的笔记工具,可以是数字化工具也可以是纸质笔记本。根据自己的学习习惯和需求,调整笔记的格式和内容,使其符合自己的风格。建立清晰的笔记结构,以便于后续的查找和回顾。
2024-08-13 17:15:59
330
原创 js常用的字符串方法,JS统计字符串中字母出现的次数
用法: 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”);
2024-08-12 09:41:11
1082
原创 人工智能在现代科技中的应用和未来发展趋势。
通过分析大量的数据和模式识别算法,人工智能可以帮助金融机构更好地管理风险,提高投资决策的准确性,并有效地防止欺诈行为。总之,人工智能在现代科技中的应用非常广泛,未来将继续发展并带来更多的创新应用。人工智能在现代科技中的应用非常广泛,涉及到诸多领域,包括医疗、金融、交通、制造业等。机器人技术:人工智能与机器人技术的结合将会使得机器人具备更强大的学习和自主决策能力,进一步提高其在各个领域的应用程度。深度学习:深度学习是目前人工智能的主要技术,未来将继续研究和发展更高效、更强大的深度学习算法。
2024-08-11 21:07:49
367
原创 如何看待“低代码”开发平台的兴起?
低代码开发平台为软件开发带来了巨大的机遇,尤其是在提高开发效率和降低技术门槛方面。然而,它们也伴随着一些挑战,包括质量控制、灵活性限制和安全性问题。企业在选择是否使用低代码平台时,需要权衡这些因素,并考虑平台是否能满足其具体需求和长期战略。低代码开发平台为软件开发带来了显著的机遇和挑战。
2024-08-09 09:47:51
364
原创 element el-table实现动态新增、编辑表格以及动态校验,自定义校验
在项目中遇到设置签到的情况,如图所示,在后台中需要可以设置签到任务。同时也会遇到动态校验的场景。1.有时候明明给一个变量赋了值,但是他不在页面上中显示。我们可以用this.$set添加一个响应式的变量。在 Vue.js 中,this.$set 是一个用于在响应式对象上设置属性的方法。isEditor为true的时候输入框显示,然后可以进行编辑,false的时候就显示数据。实例的数据对象或组件的响应式属性上添加新的属性,确保新添加的属性也是响应式的。在点击新增任务的时候,会给一些默认的属性,
2024-08-08 09:40:00
846
原创 前端开发和后端开发的见解
前端开发通常是与用户直接交互的部分,涉及到用户界面的设计、交互逻辑的实现以及与后端数据交互的处理。这个领域非常前沿和快速发展,技术变化迅速,如今主流的前端框架如React、Angular和Vue.js等,大大提升了开发效率和用户体验。随着时间的推移,你会发现自己在某个领域有更深的兴趣和才能,并且可以在专业领域中不断发展和精进自己的技能。无论是前端还是后端开发,都是编程世界中不可或缺的重要组成部分,每个方向都有其独特的挑战和乐趣,值得去探索和体验。前端和后端是Web开发中的两个不同的领域,你更倾向于哪一种?
2024-08-08 08:50:16
220
原创 人工智能时代,程序员如何保持核心竞争力?
尽管AI可以处理许多重复性和标准化的任务,但在复杂领域内的深度理解和创造性解决方案仍然需要人类的专业知识和判断力。虽然AI在编程中的应用日益广泛,但某些软技能仍然是AI无法轻易替代的,如创造力、沟通能力、团队合作、问题解决能力等。总体而言,AI的发展为程序员提供了更多的工具和机会,但也要求他们不断地适应和进步。保持专业的深度、广泛的视野、强大的软技能和持续的学习精神,将帮助程序员在这个快速变化的技术环境中保持竞争力,并蓬勃发展。面对AI技术在编程领域的快速发展和普及,程序员确实面临着新的挑战和机遇。
2024-08-07 08:53:16
319
原创 Vant日历组件实现点击左右按钮切换月份
如图所示只显示一个月份,页面上通过点击左右按钮来实现对月份的切换。实现是将min-date设置月份的第一天,max-date设置为月份的最后一天。
2024-08-07 08:51:58
1047
原创 根据系统时间实现5分钟倒计时
Date()日期对象 是一个构造函数,必须使用new 来调用创建我们的日期对象使用Date日期对象的时候,如果里面没有放置参数,那么返回的就是系统的当前时间。
2024-08-06 08:48:34
455
原创 “八股文”在实际工作中是助力、阻力还是空谈?
尽管八股文本身在创新和非常规工作中可能显得局限,但其思维方式和结构化的优势在某些场景下仍然具有一定的实用性。重要的是,在应用时要灵活掌握,结合实际需求和情况,避免僵化和不适用的情况发生。类似于八股文问题的基础知识训练,对于新入职员工或需要快速学习某一领域基础的人员,可以作为一种有效的学习和培训方法。在这种情况下,类似于八股文的标准化方法可以帮助员工更快速地应对和解决问题,提高工作效率。在某些领域,特别是操作规范性强或需要保证一致性的工作中,制定标准化的操作流程类似于八股文的思路。
2024-08-05 10:17:43
245
原创 uniapp scroll-view实现左右切换tab
scroll-into-view String 值应为某子元素id(id不能以数字开头)。设置哪个方向可滚动,则在哪个方向滚动到该元素。如果scroll-into-view的值以数字开头的话,控制台会有这种报错。要实现左右切换tab我们可以用uni-app提供的内置组件来实现。
2024-08-05 09:27:13
279
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人