自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(380)
  • 收藏
  • 关注

原创 弹性盒子(display: flex)布局超全讲解|Flex 布局教程

弹性布局(Flex布局)是一种现代的CSS布局方式,通过使用display: flex属性来创建一个弹性容器,并在其中使用灵活的盒子模型来进行元素的排列和定位。

2023-06-16 14:25:52 167497 21

原创 vue面试题八股文简答大全 让你更加轻松的回答面试官的vue面试题

此时我们就需要先根据真实dom生成虚拟dom, 当虚拟dom某个节点的数据改变后会生成有一个新的Vnode, 然后新的Vnode和旧的Vnode作比较,发现有不一样的地方就直接修改在真实DOM上,然后使旧的Vnode的值为新的Vnode。这种方法比直接操作真实DOM要快得多。从源码中可以知道,Vue判断两个节点是否相同时主要判断两者的key和元素类型等,因此如果不设置key,它的值就是undefined,则可能永 远认为这是两个相同的节点,只能去做更新操作,这造成了大量的dom更新操作,明显是不可取的。

2023-03-30 10:20:45 13112 64

原创 CSS奇思妙想之-利用CSS裁剪(clip-path)完成各种图形

css裁剪(clip-path)这个属性平时率非常低。但是其实clip并不是CSS3的新属性,很早就开始出现了。CSS裁剪的这一概念最早是在CSS 2.1时代由clip属性引入,但该属性的限制非常多。裁剪初期只能应用于绝对定位的元素,并且只能裁剪成矩形。而在CSS3中,提供了强大的clip-path属性,突破了clip属性的众多限制。clip-path能够让你指定一个网页元素的显示区域,而不是显示全部。

2023-03-04 13:05:40 11592 10

原创 CSS架构之BEM设计模式

B代表:Black(块),独立实体,独立的意义,每个页面都可以看做是多个Block组成,见下图1-1;E代表:Element(元素),block 的一部分,没有独立意义,是组件下的一个元素,多个元素形成一个组件,见下图1-2;M代表: Modifier (修饰符),block 或 element 上的标记,是描述Block或Element的属性或状态,同一Block或Element可以有多个Modifier。

2023-02-08 17:29:08 9424 29

原创 前端优化之高并发处理

大部分的高并发处理基本都是在后端处理,但是在部分特殊情况下,后端无法阻止用户行为,需要前端做配合。例如在抢购、秒杀等场景。高并发是什么?对此,我们首先需要简单的去了解一下,高并发是什么?高并发是指在极短单位时间内,有很多用户同时的访问同一 API 接口或者 Url 地址,造成极多个请求同时发起到服务器。它经常会发生在有大活跃用户量,用户高聚集的业务场景中。浏览器请求限制浏览器在向后端...

2022-01-21 14:46:00 6688

原创 Backdrop Filter

CSS 滤镜 : backdrop-filterbackdrop filter属性允许我们使用css对元素后面的内容应用过滤效果。滤镜:名称:方法案例:效果:blur()模糊: blur(5px)brightness()亮度: brightness(1.4);contrast()对比度:...

2020-12-26 16:11:00 15657 2

原创 基于Element UI的级联选择器实现:子父节点异构名称映射与无子级数据优雅处理方案

本文详细介绍了一种在Vue.js+Element UI环境中实现的级联选择器解决方案,重点解决以下两个技术难点:1)父子节点显示字段名称不一致时的映射转换问题;2)无子级数据时的友好提示与交互控制。方案通过动态懒加载与数据转换机制,实现了异构数据源的统一展示与空状态管理。

2025-04-02 10:09:23 871 1

原创 Element Plus 日期选择器格式化全解析:为什么你的 `el-date-picker` 返回了奇怪的 `yyyy-03-Th`?

Element Plus 2.1.x 版本中存在已知的日期格式化 bug,可能导致格式字符串被错误解析。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。许多开发者在使用 Element Plus 的日期选择器组件。这样不完整的字符串,或者带有时区信息的。

2025-03-27 15:18:18 418

原创 动态生成 CSS 工具类:CSS函数实现 `pad20-top`、`pad40-bottom` 等灵活样式

如果每次都手动编写 CSS 类,不仅效率低下,还容易出错。本文将详细介绍如何通过 Sass 或 Less 实现这一功能,并探讨其扩展性和应用场景。如果你有其他问题或更好的实现方式,欢迎在评论区分享!行业内幕,洞察先机。Sass 提供了强大的循环和插值功能,非常适合动态生成 CSS 类。在开发中,可以通过类名快速设置元素的间距,无需手动编写 CSS。结合媒体查询,可以为不同屏幕尺寸生成不同的间距类。在组件库中,工具类可以大大提高样式的复用性。在前端开发中,经常需要为元素设置不同的。中添加新的值即可,例如。

2025-03-20 10:10:16 977

原创 vue3报错:Uncaught runtime errors: × ERROR this.$set is not a function TypeError: this.$set is not a fu

欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。中,直接使用 Vue.set 也不再适用,而是推荐使用。或直接修改对象属性来触发响应式更新。数组中的对象属性,而不需要使用。为了修复这个问题,可以直接修改。

2025-03-18 19:54:56 571 1

原创 JWT 解码中的中文字符问题解决

函数用于解码 Base64 字符串,但它只能处理 ASCII 字符。如果字符串中包含非 ASCII 字符(如中文),解码结果就会变成乱码。JWT 是一种用于在网络应用之间安全传递信息的开放标准(RFC 7519)。部分包含了一些中文字符(如公司名称)。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;将 Base64Url 转换为标准的 Base64,并补充末尾的。中文字符在 JWT 中是使用 UTF-8 编码的,而。并不支持 UTF-8 解码,因此需要额外的处理。在我的项目中,JWT 的。

2025-03-18 11:00:01 766

原创 实现回车键自动登录功能:Vue 2 和 Vue 3 的解决方案

这个功能看似简单,但在 Vue 2 和 Vue 3 中的实现方式略有不同。本文将详细介绍如何在 Vue 2 和 Vue 3 中实现这一功能,并提供完整的代码示例。修饰符已被弃用,因为 Vue 3 的事件机制更加智能,默认会将原生事件绑定到组件的根元素上。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。如果你有其他问题或更好的实现方式,欢迎在评论区分享!在 Vue 2 中,我们可以使用。方法,用于处理表单提交逻辑。与 Vue 2 类似,定义。在 Vue 3 中,

2025-03-17 14:15:44 834 2

原创 基于 Vue 和 Element Plus 的时间范围控制与数据展示

组件实现时间范围选择,并结合“日”、“月”、“年”按钮动态控制时间范围。:如果你觉得按钮样式不够酷炫,可以尝试添加动画效果或图标,让界面更生动哦!欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。本文将重点讲解如何在 Vue 项目中使用。

2025-03-14 11:35:23 650 1

原创 用 DeepSeek 构建 Vue.js 底层架构:高效协作与问题解决实践

通过 DeepSeek 的协助,我成功构建了一个高效、稳定的 Vue.js 底层架构,并解决了开发过程中遇到的路由匹配、权限控制、动态加载等问题。然而,随着项目规模的扩大,路由管理、权限控制、动态加载等底层架构的设计变得尤为重要。未来,我将继续探索 DeepSeek 在前端开发中的更多应用场景,例如性能优化、代码重构等,进一步提升项目的可维护性和用户体验。作为智能助手,配合 Vue.js 构建高效、稳定的底层架构,并解决开发过程中遇到的典型问题。通过 DeepSeek 的分析,我们逐步定位并解决了问题。

2025-03-13 09:23:57 1080 2

原创 vue用户访问不存在的页面跳转404怎么实现

这段代码的主要作用是:当用户访问任何未匹配的路径时(例如访问一个不存在的页面),Vue 会加载并显示404.vue页面。通常,这个页面会显示一个“404 - 页面未找到”的提示信息,帮助用户了解当前访问的页面不存在。

2025-03-12 13:24:55 495

原创 解决 Vue 项目启动时的端口占用问题:从错误到解决方案

今天我们来聊聊一个在 Vue 开发中经常遇到的“拦路虎”——端口占用问题。无论你是新手还是老手,这篇文章都能帮你轻松搞定端口占用问题!如果你不想终止其他进程,或者你希望保留当前运行的服务,可以通过修改 Vue 项目的配置文件来更改端口号。无论你选择哪种方法,都能让你从“端口占用”的泥潭中解脱出来,继续愉快地开发 Vue 项目!你的心情可能瞬间从“期待”变成了“崩溃”。,准备启动 Vue 项目时,突然蹦出一堆红色错误信息,其中最显眼的就是。重启项目,项目可能会重新选择一个端口,就不会有端口占用问题。

2025-03-10 09:50:28 807

原创 使用 display: flex 实现动态布局:每行两个 item,单数时最后一个占满整行

这两天看到一个面试题有感而发,面试题如下在前端开发中,灵活布局是一个常见的需求。今天我们来探讨如何使用实现一个动态布局:每行显示两个item,间隔为20px,并且当item数量为单数时,最后一个item占满整行。🧑‍💻本文将详细介绍实现方法,并附上完整代码,帮助你轻松掌握这一技巧!

2025-03-07 15:52:25 1002 1

原创 手写原生|手把手教你实现横向手风琴效果

实现一个炫酷的横向手风琴效果。手风琴效果在网页设计中非常常见,通常用于展示折叠内容,但今天我们给它加点料——让它横向展开!本文将一步步带你实现这个效果,并附上完整代码。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。// JavaScript 代码见上文。接下来我们一步步实现它!今天我们来聊聊如何用。/* CSS 代码见上文 */

2025-03-07 15:45:32 690

原创 js去掉数组中非数字内容

在 JavaScript 中,数组经常包含不同类型的数据,可能是数字、字符串或其他类型的元素。有时,我们需要从一个混合类型的数组中筛选出所有的数字元素。函数,我们可以轻松地从一个包含多种类型元素的数组中筛选出数字元素。该数组包含了几种类型的数据,包括数字字符串、普通字符串(如 ‘PROJECT’, ‘STATION’ 等)以及其他标识符。我们希望提取出所有数字字符串,并将其存入新的数组中。方法接受一个回调函数,对数组中的每个元素执行该回调。,我们希望过滤掉所有非数字的元素,仅保留数字内容。

2025-03-06 17:58:49 441

原创 vue+element|el-tree树设置懒加载和设置默认勾选

在实际开发中,很多数据过于庞大,需要分批请求,使用到懒加载。但是在tree的方法中,使用懒加载后无法直接使用default-checked-keys默认勾选。提供了强大的功能,能够实现树形数据的懒加载、节点默认勾选和动态展开等需求。是 Element UI 提供的树形组件,支持懒加载、节点勾选等功能。组件时,树形数据的懒加载和默认勾选功能是常见的需求。属性,可以设置默认勾选的节点。该属性接收一个数组,数组中的值为需要勾选的节点 ID。事件回调函数会返回当前勾选的节点数据和节点对象。方法动态加载节点数据。

2025-03-06 14:38:38 1685

原创 vscode和我的ai搭子- tencent-deepseekR1 模型使用体验

点击安装点击信任开发者等待一会就按照好啦。切换 R1 即可免费体验,在对话输入框左下角选择 tencent:deepseek-r1 切换至 R1 模型即可实现对话。

2025-03-04 15:30:25 304

原创 前端开发中真的没用到闭包嘛|九个日常案例了解常用闭包

函数内部引用了外部函数的变量,并且这个函数在外部被调用时依然能够访问这些外部变量。换句话说,闭包是一个“函数 + 词法作用域”的组合。

2025-02-27 10:37:59 877

原创 vue报错:main.js:13 [Vue Router warn]: Unexpected error when starting the router: TypeError: Cannot rea

这样的错误,通常是由于路由配置不正确或者某些依赖未正确安装或初始化引起的。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。查看图片报错,能确定为路由问题,修改路由为正常路由就好了。在 Vue.js 中使用 Vue Router 时遇到。

2025-02-27 10:24:28 474

原创 vue报错:Uncaught runtime errors: × ERROR ResizeObserver loop completed with undelivered notifications.

问题:视窗尺寸变化或内容更新时,会频繁触发高度计算,导致 ResizeObserver 循环。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。el-table 组件使用了动态高度计算。🛠️1.用了动态的判断,导致的报错。

2025-02-07 15:50:47 736 2

原创 vue3+js+element,el-drawer的v-model不能直接赋值问题解决:ERROR in ./src/views/basic/product/modify.vue?vue&type=t

2 | < el-drawer v-model=“innerDrawer” size=“60%” title=“详情内容” :append-to-body=“true”>遇到的错误是因为在 组件中使用了 v-model 绑定 innerDrawer,而 v-model 通常用于双向绑定组件的值。这里是用到的 props: 的值。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。为了修复这个问题,需要在data中承接一下,即可。

2025-01-21 13:34:04 618 1

原创 解决 React 中 Ant Design 表单字段值设置错误的完整指南

这种错误是常见的问题。这通常意味着尝试在字段渲染之前设置其值。本文将帮助你理解为什么会出现这个错误,并提供解决方案来避免该问题。来注册字段后,才能安全地设置其初始值或其他属性。这保证了表单的正确性和一致性,并避免了字段值设置的错误。来注册表单字段,并在其中设置了初始值。这使得表单字段能够正确渲染,避免了之前的错误。),就会引发该错误。要解决这个问题,需要确保在渲染表单字段之前先使用。来注册表单字段,这样才能正确处理字段的值。,即在字段渲染之前,它们必须先被注册。当在使用AntDesign的表单时,

2025-01-20 14:51:14 813

原创 vue3+js+elementplus报错:ERROR formEl.validate is not a function TypeError: formEl.validate is not a fu

欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。formEl改成 this.$refs[formEl]即可。

2025-01-16 11:15:51 1023

原创 vue3+js使用elementplus的ElMessage弹窗报错:ElMessage‘ is not defined.eslintno-undef

欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。改成elementui的写法就行。

2025-01-16 11:08:03 871

原创 vue3路由history问题报错: ERROR Invalid options in vue.config.js: “base“ is not allowed npm ERR! code

2.给路由添加报错回调(router.js / router.ts / router.index)1.在路由中添加内容(router.js / router.ts / router.index)欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。3.在vue.config.js中添加配置。

2025-01-13 11:32:25 463

原创 算法练习题目:小E在一个游戏中遇到了 n n个按顺序出现的怪物。每个怪物都有其特定的血量 h i h i ​ 和攻击力 a i a i ​ 。小E的初始血量为 H H,攻击力为 A A。游戏规

输入:n = 5, H = 10, A = 10, h = [6, 9, 12, 4, 7], a = [8, 9, 10, 2, 5]输入:n = 4, H = 20, A = 25, h = [10, 15, 18, 22], a = [12, 18, 20, 26]输入:n = 4, H = 20, A = 25, h = [22, 18, 15, 10], a = [26, 20, 18, 12]3.为了保持战斗节奏,要求击败的怪物序列中,后一个怪物的血量和攻击力都必须严格大于前一个怪物。

2024-12-26 11:15:28 522

原创 算法练习题目:问题描述 在一场经典的德州扑克游戏中,有一种牌型叫做“葫芦”。“葫芦”由五张牌组成,其中包括三张相同牌面值的牌 a a 和另外两张相同牌面值的牌 b b。如果两个人同时拥有“葫芦”,

说明:array数组中可组成4个葫芦,分别为[6,6,6,8,8],[6,6,6,5,5],[8,8,8,6,6],[8,8,8,5,5]。剩下的3个葫芦的大小关系为[8,8,8,5,5]>[6,6,6,8,8]>[6,6,6,5,5],故返回[8,5]因为三张相同牌面值的A > K,故[A,A,A,K,K]比[K,K,K,A,A]要大,返回[1,13]说明:可组成2个葫芦,分别为[9,9,9,6,6]和[6,6,6,9,9],由于[9,9,9,6,6]的牌面值为39,大于37,故返回[6,9]

2024-12-26 11:06:13 591

原创 算法练习题目:问题描述 小M面对一组从 1 到 9 的数字,这些数字被分成多个小组,并从每个小组中选择一个数字组成一个新的数。目标是使得这个新数的各位数字之和为偶数。任务是计算出有多少种不同的分组和选

小M面对一组从 1 到 9 的数字,这些数字被分成多个小组,并从每个小组中选择一个数字组成一个新的数。例如对于[123, 456, 789],14个符合条件的数为:147 149 158 167 169 248 257 259 268 347 349 358 367 369。numbers: 一个由多个整数字符串组成的列表,每个字符串可以视为一个数字组。小M需要从每个数字组中选择一个数字。输入:numbers = [123, 456, 789]输入:numbers = [14329, 7568]

2024-12-25 16:03:48 592

原创 算法练习题目:小M在工作时遇到了一个问题,他需要将用户输入的不带千分位逗号的数字字符串转换为带千分位逗号的格式,并且保留小数部分。小M还发现,有时候输入的数字字符串前面会有无用的 0,这些也需要精简掉

小M在工作时遇到了一个问题,他需要将用户输入的不带千分位逗号的数字字符串转换为带千分位逗号的格式,并且保留小数部分。小M还发现,有时候输入的数字字符串前面会有无用的 0,这些也需要精简掉。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。输入:s = “0000123456789.99”输入:s = “1294512.12412”输出:‘1,294,512.12412’输出:‘123,456,789.99’输入:s = “987654321”输出:‘987,654,321’

2024-12-25 16:01:16 636

原创 算法练习题目:小R正在计划一次从地点A到地点B的徒步旅行,总路程需要 N 天。为了在旅途中保持充足的能量,小R每天必须消耗1份食物。幸运的是,小R在路途中每天都会经过一个补给站,可以先购买完食物后再消

幸运的是,小R在路途中每天都会经过一个补给站,可以先购买完食物后再消耗今天的1份食物。然而,每个补给站的食物每份的价格可能不同,并且小R在购买完食物后最多只能同时携带 K 份食物。现在,小R希望在保证每天食物消耗的前提下,以最小的花费完成这次徒步旅行。输入:n = 6 ,k = 3 ,data = [4, 1, 5, 2, 1, 3]输入:n = 5 ,k = 2 ,data = [1, 2, 3, 3, 2]行业内幕,洞察先机。输入:n = 4 ,k = 1 ,data = [3, 2, 4, 1]

2024-12-25 15:55:45 655

原创 为什么使用 toISOString() 后时间变成了英国时间?怎么改成国内时间

假设需要根据用户设定的充电时间来生成计划开始和结束的时间。: 在当前时间基础上增加指定的分钟数,表示充电计划的时间。方法返回的是一个基于 UTC 时间的 ISO 8601 格式的字符串。如果希望得到一个特定时区的时间字符串,而不是默认的 UTC 时间,可以使用。,最终得到的时间将是 UTC 时间(即格林威治标准时间或英国时间)。表示毫秒和时区偏移量,确保输出的时间字符串包括时区信息,例如。方法来设置时区偏移量,从而保证输出的时间符合你所在的时区。为了确保在输出时使用你想要的时区偏移量,可以在调用。

2024-12-11 18:01:03 851

原创 vue3请求接口报错:Cannot read properties of undefined (reading ‘data‘)

欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。

2024-11-29 17:56:29 499

原创 vue安装使用scss报错:Failed to resolve loader: sass-loader You may need to install it. ERROR in ./src/views

vue add style-resources-loader 是一个 Vue CLI 插件命令,用于在 Vue 项目中添加 style-resources-loader。这个错误提示表明项目缺少 sass-loader,这是一个用于处理 SASS/SCSS 文件的 Webpack 加载器。dart-sass 是 node-sass 的一个更现代的替代品,推荐使用 dart-sass。2.安装 sass-loader 和 node-sass 或 dart-sass。行业内幕,洞察先机。

2024-11-29 10:23:12 679

原创 vue3项目安装指令报错:vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。 所在位置 行:1 字符:

vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如 果包括路径,请确保路径正确,然后再试一次。这个错误提示表明系统无法识别 vue 命令。这通常是因为 Vue CLI 没有正确安装或者其路径没有被添加到系统的 PATH 环境变量中。确保已经全局安装了 Vue CLI。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;如果安装成功,你应该能看到 Vue CLI 的版本号。2.检查 Vue CLI 是否安装成功。1.安装 Vue CLI。

2024-11-29 10:19:13 482

原创 vue项目安装element报错:npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm er

但是,这种做法并不推荐,因为它可能会导致运行时错误或者不兼容的行为,所以如果没有强烈需求,最好避免使用这种方法。是为 Vue 3.x 设计的 UI 库,所以如果你已经在使用 Vue 3,可以选择用。行业内幕,洞察先机。仅支持 Vue 2.x 版本,所以导致了这个依赖冲突。你有几个选择来解决这个问题,取决于你的项目需求。如果你希望强制安装这些不兼容的依赖,可以使用。会与 Vue 3 兼容,解决版本冲突。引起的,特别是在你的项目中使用了。版本,但你同时安装了。如果你需要在项目中导入。兼容,解决依赖冲突。

2024-11-28 16:40:33 1644

原创 uniapp+vue3报错:vendor.js? [sm]:3677 TypeError: “selectedOption“ is read-only at _readOnlyError (r

问题出在某个变量,在尝试修改 变量 的值时。具体来说,变量被定义为一个响应式引用(ref),但在 方法中直接赋值给它,这会导致 TypeError: “变量” is read-only 错误。确保 变量 是一个响应式引用: 在 setup 函数中,变量 已经被定义为一个 ref,在方法中直接赋值给它,而不是使用 .value 属性。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。修改 变量 方法: 将 变量 的赋值改为使用 .value 属性。

2024-11-28 14:36:47 385

手写原生-手把手教你实现横向手风琴效果 代码讲解:https://blog.youkuaiyun.com/weixin-48998573/article/details/146097395?sharetype=

手把手教你实现横向手风琴效果 大家好!今天我们来聊聊如何用 **HTML + CSS + JavaScript** 实现一个炫酷的横向手风琴效果。手风琴效果在网页设计中非常常见,通常用于展示折叠内容,但今天我们给它加点料——让它横向展开! 本文将一步步带你实现这个效果,并附上完整代码。准备好了吗?Let's go! --- ## 一、效果预览 先来看看最终效果: - 默认状态下,手风琴的每个部分是收缩的,标题垂直显示。 - 鼠标悬停(或点击)某个部分时,该部分会横向展开,显示内容。 - 当 `n` 为单数时,最后一个 `item` 会占满整行。 是不是很酷?接下来我们一步步实现它! --- ## 二、HTML 结构 首先,我们需要一个基本的 HTML 结构来承载手风琴效果: ```html <div class="accordion">

2025-03-07

2023考研数学一答案解析(一二三合集)完整版!考研数学真题和参考答案 考研数学真题及答案解析(完整版)

2023年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 完整版!考研数学二真题和参考答案 考研数学(二)真题及答案解析(完整版) 完整版!考研数学三真题和参考答案 考研数学(三)真题及答案解析(完整版) 2023年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 完整版!考研数学二真题和参考答案 考研数学(二)真题及答案解析(完整版) 完整版!考研数学三真题和参考答案 考研数学(三)真题及答案解析(完整版) 2023年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 完整版!考研数学二真题和参考答案 考研数学(二)真题及答案解析(完整版) 完整版!考研数学三真题和参考答案 考研数学(三)真题及答案解析(完整版) 2023年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 完整版!考研数学二真题和参考答案 考研数学(二)真题及答案解析(完整版) 完整版!考研数学三真题和参考答案 考研数学(三)真题及答案解析(完整版)

2024-08-05

2022年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版)

2022年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版)2022年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022年考研数学一真题 完整版!考研数学一真题和参考答案 考研数学(一)真题及答

2024-08-05

2022考研数学一真题及答案 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版)

2022考研数学一真题及答案 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022考研数学一真题及答案 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022考研数学一真题及答案 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022考研数学一真题及答案 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022考研数学一真题及答案 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022考研数学一真题及答案 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022考研数学一真题及答案 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022考研数学一真题及答案 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022考研数学一真题及答案 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 2022考研数学一真题及答案 完整版!考研数学一真题和参考答案

2024-08-05

合集打印2010-2019年考研数学一真题 40页 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整

完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】2010-2019年考研数学一真题【 40页 】 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】2010-2019年考研数学一真题【 40页 】 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】2010-2019年考研数学一真题【 40页 】 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】2010-2019年考研数学一真题【 40页 】 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】2010-2019年考研数学一真题【 40页 】 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】2010-2019年考研数学一真题【 40页 】 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】2010-2019年考研数学一真题【 40页 】 完整版!考研数学一真题和参考答案 考研数学(一)

2024-08-05

合集打印1987-2009年考研数学一真题 72页 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整

完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】1987-2009年考研数学一真题【 72页 】 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】1987-2009年考研数学一真题【 72页 】 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】1987-2009年考研数学一真题【 72页 】 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】1987-2009年考研数学一真题【 72页 】 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】1987-2009年考研数学一真题【 72页 】 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】1987-2009年考研数学一真题【 72页 】 完整版!考研数学一真题和参考答案 考研数学(一)真题及答案解析(完整版) 【合集打印】1987-2009年考研数学一真题【 72页 】 完整版!考研数学一真题和参考答案 考研数学(一)

2024-08-05

考研计算机408历年真题及答案pdf汇总来了 计算机考研 计算机408考研 计算机历年真题+解析09-23年

408计算机学科专业基础综合考研历年真题试卷与参考答案 真的很全!2009-2023计算机408历年真题及答案解析汇总(pdf 2009-2023计算机考研408历年真题pdf电子版及解析 2023考研408计算机真题全解 专业408历年算题大全(2009~2023年) 考研计算机408历年真题及答案pdf汇总来了 计算机考研 计算机408考研 计算机历年真题+解析09-23年 408计算机学科专业基础综合考研历年真题试卷与参考答案 真的很全!2009-2023计算机408历年真题及答案解析汇总(pdf 2009-2023计算机考研408历年真题pdf电子版及解析 2023考研408计算机真题全解 专业408历年算题大全(2009~2023年) 考研计算机408历年真题及答案pdf汇总来了 计算机考研 计算机408考研 计算机历年真题+解析09-23年 408计算机学科专业基础综合考研历年真题试卷与参考答案 真的很全!2009-2023计算机408历年真题及答案解析汇总(pdf 2009-2023计算机考研408历年真题pdf电子版及解析 2023考研408计算机真题全解 专业4

2024-08-05

开题报告-大学生心理健康测评系统的设计与实现

1.选题的目的、意义及国内外对本课题涉及问题的研究现状 1.1选题的目的及意义 大学生是一个特殊的社会群体,他们肩负着祖国未来的希望与责任,是国家与民族的未来希望。自从新冠疫情爆发以来,由于疫情防控的需要,学生逐渐实行线上上课,导致大学生群体与社会的联系 2.本课题主要研究方法、研究手段和需要重点研究的问题及解决的思路 2.1 主要研究方法与手段 本课题主要采用系统设计与测试的方法结合文献研究,根据软件开发理论进行分析,基于spring boot框架的大学生心理健康测评系统的需求。该系统主要采用B/S设计模式,基于SpringBoot+MySql技术开发一个心理健康测评系统。本系统实现如下功能:注册登录、在线心理测评、阅读心理健康文章,在线咨询等功能。该系统基于浏览器/客户端 (2)系统的模块与设计 基于spring boot框架的大学生心理健康测评系统在很多领域都有了广泛的应用。因此本人对于该系 2.本课题主要研究方法、研究手段和需要重点研究的问题及解决的思路 2.1 主要研究方法与手段 本课题主要采用系统设计与测试的方法结合文献研究,根据软件开发理论进行分析,基于spring bo

2024-06-20

[初学者必看]JavaScript 简单实际案例练习,锻炼代码逻辑思维

创意小项目合集:从简易图片轮播到购物车 在网络开发中,小型项目是学习和实践前端技术的理想选择。这些项目不仅能够提升你的编码技能,还能为你提供宝贵的实战经验。以下是一系列简易小项目的介绍,涵盖了各种常见的Web开发场景,从简单的图片轮播到购物车,让我们一起来看看吧。 1. 图片轮播器 创建一个简单的图片轮播器,让用户能够通过点击按钮或自动播放来浏览多张图片。 提示: 使用HTML、CSS和JavaScript来实现基本的轮播功能。可以使用setInterval()函数来实现自动播放功能,并使用按钮的点击事件来切换图片。 2. 动态列表 建立一个购物列表,用户可以在页面中添加商品并删除商品。 提示: 使用HTML表单元素和JavaScript来实现用户输入商品名称并添加到列表中的功能,同时监听删除按钮的点击事件以移除商品。 3. 模态框(Modal) 创建一个模态框,用户可以通过点击按钮来打开它,并在模态框中显示一些文本或HTML内容。 提示: 使用HTML、CSS和JavaScript来实现模态框的显示和隐藏功能。监听按钮的点击事件来控制模态框的显示,并使用适当的CSS样式来美化模态框。

2024-06-20

前端开发框架-vue2+element+axios 个人财务管理系统

一个比较完整的前端开发框架模板 详细内容可看:https://blog.youkuaiyun.com/weixin_48998573/article/details/139736112?spm=1001.2014.3001.5501 介绍:项目简介 vue2+element+axios 个人财务管理系统 是基于 vue2+element+axios 等主流技术栈构建的免费开源的后台管理前端模板。 项目特色 简洁易用:无过渡封装 ,易上手。 权限管理:用户、角色、菜单、字典、部门等完善的权限系统功能。 基础设施:路由、代码规范、Git 提交规范、常用组件封装。 持续更新:持续更新,及时跟进最新的技术和工具。 项目预览 登录页面的为动态效果,在刚刷新或者刚进入的时候有个卫星环绕的动画效果,鼠标移动或者悬浮都有不同的动态效果。 环境准备 环境 名称版本 下载地址 开发工具 VSCode 下载 运行环境 Node ≥18 下载

2024-06-20

vue2+element+axios 个人财务管理系统

详细内容介绍可看该文:http://t.csdnimg.cn/Yu0GD 项目简介 vue2+element+axios 个人财务管理系统 是基于 vue2+element+axios 等主流技术栈构建的免费开源的后台管理前端模板。 项目特色 简洁易用:无过渡封装 ,易上手。 权限管理:用户、角色、菜单、字典、部门等完善的权限系统功能。 基础设施:路由、代码规范、Git 提交规范、常用组件封装。 持续更新:持续更新,及时跟进最新的技术和工具。 项目预览 登录页面的为动态效果,在刚刷新或者刚进入的时候有个卫星环绕的动画效果,鼠标移动或者悬浮都有不同的动态效果。 首页首次进入效果: 卫星的实现方式: 主要是用到了渐变背景和阴影。在background中使用radial-gradient,控制不同的卫星的样式效果。再用box-shadow来展示卫星的发光效果。 background: radial-gradient(circle at 124px 3px, #5babd1, #5babd1, #3689c0, #5babd1, #386a8b, #666);

2024-06-20

css蓝天白云草坪动画效果

css蓝天白云草坪动画效果

2024-05-12

h5页面跳转微信小程序(最简单的方法-URL Scheme)

H5页面跳转微信小程序的需求是普遍存在的。由于微信小程序是一种只能在微信内部访问的应用程序,而H5页面可以在任何浏览器中访问,因此需要通过跳转来实现两者之间的衔接。 对于用户来说,H5页面跳转微信小程序可以提供更好的用户体验。用户可以在H5页面中浏览和选择商品、服务等内容,然后直接跳转到微信小程序中进行购买、支付等操作,避免了在不同平台之间的切换和跳转,提高了使用效率和便捷性。 对于企业和开发者来说,H5页面跳转微信小程序可以带来更多的商业机会和价值。通过在H5页面中引导用户跳转到微信小程序,可以增加用户的粘性和转化率,提高销售和收益。同时,微信小程序的开发和维护成本相对较低,可以降低企业的运营成本和门槛。 H5页面跳转微信小程序的需求是普遍存在的,可以带来更好的用户体验和企业价值。但需要注意的是,实现这一需求需要具备一定的技术能力和遵循相应的开发规范和要求。 微信内的网页如需打开小程序请使用微信开放标签-小程序跳转按钮,无公众号也可以直接使用小程序身份开发网页并免鉴权跳转小程序,见云开发静态网站跳转小程序。符合开放范围的小程序可以下发支持打开小程序的短信 该功能基本覆盖当前用户正在使

2023-12-21

考研历年真题2009-2022年 考研408历年真题及解析(含答案与解析)无水印

考研历年真题2009-2022年 考研408历年真题及解析(含答案与解析)无水印 计算机专业读研的好处: 其一是有足够大的创新空间。在物联网、大数据和人工智能等技术的推动下,计算机专业的同学有大量的创新方向可以选择,而且很多方向都有机会出强成果。另外,目前很多传统学科都在寻求与计算机相结合来开辟新的创新空间,这也给计算机专业同学带来了新的机会。 其二是有更好的科研氛围。当前计算机领域的创新不仅仅是学术界在推动,整个产业领域也非常关注计算机领域的创新成果,在当前数字化、智能化大潮的推动下,很多传统企业希望借助于计算机领域的新技术来完成结构升级。 其三是有更多的就业出口。如果说消费互联网时代造就了大量的互联网明星企业,那么在产业互联网时代,互联网将全面覆盖到传统产业领域,同样有机会造就更多产业互联网时代的明星企业,而这会为计算机专业的高端人才带来更计算机专业对于科研场景的要求是相对比较高的,随着国内互联网产业的快速发展,很多互联网企业已经有了一定的数据和算力积累,而且目前很多导师也都在跟互联网大厂开展各种科研合作,这就为同学们带来了更多的科研资源和更好的交流场景。

2023-04-17

计算机毕业设计后台管理系统模板 后台管理系统/刷题后台管理系统/登陆页面/科目管理/题库管理/用户管理/信息管理/账号设置

后台管理系统/刷题后台管理系统/登陆页面/科目管理/题库管理/用户管理/信息管理/账号设置 可用于毕业设计,样式简约好看。 主要包括:登陆页面/科目管理/题库管理/用户管理/信息管理/账号设置 该设计最大的亮点就是界面设计干净漂亮。结构上还是采用了经典的左右布局,左侧导航栏采用了深色,用以区分导航栏与工作区,字体的大小和颜色也颇具亮点,凸显出了整款设计的层次感。相信对于每天要面对繁琐工作的客服人员来说,会有不错的体验。 这款应用程序的最大特色是,它可以直接采集用户、题目、消息等不同来源信息,并将所有产品及价格信息同步在数据统计表中。设计包含了系统中常见的大部分功能,十分齐全。这款应用程序的设计采用了蓝白配色,具有极高的辨识度,且能保持色彩之间的平衡,在交互方面也没有进行复杂的设计,以保证界面的简洁,让用户在使用过程中不会迷路,值得借鉴。 该设计整体的设计采用了深色背景,搭配浅色文字及实心多色图标的图标,在重点部分使用了阴影效果进行突出,整体设计风格极具科技感和时尚感。 后台管理系统/刷题后台管理系统/登陆页面/科目管理/题库管理/用户管理/信息管理/账号设置 可用于毕业设计,样式简约

2023-03-10

上传文件-为视频播放器设置截图功能-验证表格是否为-HTMLAPP-网页设计作业-前端作业-JavaScript作业-大学生作业

HTMLAPP-网页设计作业-前端作业-JavaScript作业-大学生作业-计算机课程 项目包里面有作业:上传文件 ;为视频播放器设置截图功能 ;验证表格是否为空 ;验证表格数据是否合法 ;在输入框中自动提示文本。 HTMLAPP-网页设计作业-前端作业-JavaScript作业-大学生作业-计算机课程 htmlapp书上的作业 直接打开html就可以 项目包里面有作业:上传文件 ;为视频播放器设置截图功能 ;验证表格是否为空 ;验证表格数据是否合法 ;在输入框中自动提示文本。 HTMLAPP书上的上传文件案例; HTMLAPP书上的为视频播放器设置截图功能案例; HTMLAPP书上的验证表格是否为空案例; HTMLAPP书上的验证表格数据是否合法案例; HTMLAPP书上的输入框中自动提示文本案例; HTMLAPP-网页设计作业-前端作业-JavaScript作业-大学生作业-计算机课程

2023-02-11

App捕鱼达人-捕鱼达人-HTMLAPP-网页设计作业-网页设计游戏-前端作业-JavaScript作业-大学生作业

捕鱼达人-HTMLAPP-网页设计作业-前端作业-JavaScript作业 htmlapp书上的作业 直接打开就可以玩 点击204.html就可以玩游戏 捕鱼达人-HTMLAPP-网页设计作业-前端作业-JavaScript作业 htmlapp书上的作业 直接打开就可以玩 点击204.html就可以玩游戏 捕鱼达人-HTMLAPP-网页设计作业-网页设计游戏-前端作业-JavaScript作业-大学生作业

2023-02-11

前端简历模板2 超级全的前端简历 上岸必备 求职必看 前端求职简历模板,一投即过! 因为双方皆是第一次见面,面试官首先就要了解你

前端简历模板 超级全的前端简历 上岸必备 求职必看 前端求职简历模板,一投即过! 因为双方皆是第一次见面,面试官首先就要了解你的基本信息,简历就是让对方快速了解你的重要武器。有了简历还不够,还必须将你的亮点展示出来。下面我就给大家准备了一份简历的模块,希望能帮助到Web前端方面有需要的小伙伴。 web前端求职简历 应届生web前端简历模板适用于相关岗位求职使用 大学生web前端简历模板 简历是书面推销员 “求职”的本质其实就是人的流通,和一般的商业行为无异:一方求售、一方求货。再说得明白些,企业是买主,挑精捡肥寻觅好货色;人才是商品,一个好的简历至关重要!!! 个人简历的编写目的 企业在公司在招聘方面一般都是先发布招聘信息,然后收取个人简历,再从个人简历中筛选人才来面试,面试以及考核过后就可以正式签约。 个人简历的编写目的 企业在公司在招聘方面一般都是先发布招聘信息,然后收取个人简历,再从个人简历中筛选人才来面试,面试以及考核过后就可以正式签约。 web前端求职简历 应届生web前端简历模板适用于相关岗位求职使用 大学生web前端简历模板 前端简历模板 超级全的前端简历 上岸必备 求职

2023-02-11

前端简历模板 超级全的前端简历 上岸必备 求职必看

前端简历模板 超级全的前端简历 上岸必备 求职必看 前端求职简历模板,一投即过! 因为双方皆是第一次见面,面试官首先就要了解你的基本信息,简历就是让对方快速了解你的重要武器。有了简历还不够,还必须将你的亮点展示出来。下面我就给大家准备了一份简历的模块,希望能帮助到Web前端方面有需要的小伙伴。 web前端求职简历 应届生web前端简历模板适用于相关岗位求职使用 大学生web前端简历模板 简历是书面推销员 “求职”的本质其实就是人的流通,和一般的商业行为无异:一方求售、一方求货。再说得明白些,企业是买主,挑精捡肥寻觅好货色;人才是商品,一个好的简历至关重要!!! 个人简历的编写目的 企业在公司在招聘方面一般都是先发布招聘信息,然后收取个人简历,再从个人简历中筛选人才来面试,面试以及考核过后就可以正式签约。 个人简历的编写目的 企业在公司在招聘方面一般都是先发布招聘信息,然后收取个人简历,再从个人简历中筛选人才来面试,面试以及考核过后就可以正式签约。 web前端求职简历 应届生web前端简历模板适用于相关岗位求职使用 大学生web前端简历模板 前端简历模板 超级全的前端简历 上岸必备 求职

2023-02-11

vue前端面试题-超级全的vue面试题-将近2w字!!!

vue已经是国内各大企业的主流框架之一,面试八股文的重点,vue面试题在面试中也经常被问到。 1.Vue.js是用于构建交互式的 Web 界面的库。 2.它提供了 MVVM数据绑定和一个可组合的组件系统,具有简单、灵活的API。从技术上讲,Vue.js集中在MVVM模式上的视图模型层,并通过双向数据绑定连接视图和模型。 3.实际的DOM操作和输出格式被抽象出来成指令和过滤器。相比其它的MVVM 框架,Vue.js 更容易上手。 4.Vue.js是一个用于创建Web交互界面的库。它让你通过简单而灵活的API创建由数据驱动的UI组件。

2023-02-11

使用vue开发+一个论坛后台管理系统或者可以用于公司后台管理系统+可以用作毕业设计+或者公司基础框架

这是一个基于vue开发的论坛后台管理系统或者可以用于公司后台管理系统,里面有: 1.公告管理 2.内容栏目管理 3.平台用户管理 4.公告评论管理 5.回复管理 6.系统角色 7.系统用户 基于vue2+elementui+vuerouter开发。接口未有,但是在api页面已经写好了接口的各种设配,可以直接使用。 这是一个非常简易的逻辑也非常清晰的系统,不用担心后期修改麻烦。 项目的启动等等可以在README.md文档里面查看,里面有详细的内容介绍。不用担心会迷路哦。

2023-02-11

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除