自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue2+Vue3 90-135集学习

1、是什么:vuex是一个插件,可以帮助我们管理vue通用的数据(多组件共享的数据)2、场景。

2025-04-11 20:07:33 935

原创 Vue2+Vue3 45-90集学习笔记

prop定义:组件上注册的一些自定义属性prop作用:向子组件传递数据自己定义的指令,可以封装一些DOM操作,扩展额外的功能全局注册//在main.js中Vue.directive('指令名', {// 可以对 el 标签,扩展额外功能el.focus()})局部注册//在Vue组件的配置项中"指令名": {// 可以对 el 标签,扩展额外功能el.focus()使用自定义指令一定要先注册,再使用,否则会报错使用语法:v-指令名指令中配置项介绍。

2025-04-04 21:06:31 1023

原创 Vue2+Vue3 1~45集学习笔记

Vue是一个用于构建用户界面的渐进式 框架1、 构建用户界面:基于数据动态渲染页面2、渐进式:循序渐进的学习3、框架:一整套完整的项目解决方案,提升开发效率利用表达式进行插值,渲染到页面中表达式:可以被求值的代码,js引擎会将其计算出一个结果响应式:数据变化,视图自动更新data中的数据会被添加到实例上(app)访问数据:修改数据:Vue会根据不同的指令,针对标签实现不同的功能指令:带有v-前缀的 特殊标签属性vue 中的指令按照不同的用途可以分为如下 6 大类:(3)v-else和v

2025-03-30 11:22:27 202

原创 【蓝桥杯】第十五届省赛大学真题组真题解析

Promise对象是一个构造函数,用来封装异步操作并且返回成功或者失败的结果回调函数:函数A作为参数引入函数B,则称函数A为回调函数。

2025-02-23 01:11:41 1138

原创 贪吃蛇游戏

【代码】贪吃蛇头部移动部分。

2025-02-17 13:13:36 312

原创 省市区三级联动

通过三个下拉菜单的联动来实现,第一级下拉菜单为省级,第二级 下拉菜单为市级,第三级下拉菜单为区级。当点击第一级下拉菜 单,第二级菜单的内容会自动匹配;选择第二级菜单时,第三级菜单会自动生成。当我取消上一级菜单的选项时,次一级选项会自动消失。

2025-02-17 13:00:15 338

原创 放大镜案例

1.鼠标移至图片上方,鼠标周围出现黄色的的正方形框,黄色矩形 框会随着鼠标的移动而移动;2.将黄色正方形框里的内容的长和宽均放大2.4倍,并在图片右边进 行显示。

2025-02-17 12:43:13 253

原创 滚动弹幕案例

1.页面上漂浮字体大小不一、颜色不一,从左向右滚动的弹幕;2.底部中间有一个发送功能,可以发送新的弹幕;3.底部的发送部分可以向下收起和弹出。

2025-02-16 23:31:30 429

原创 注册表单提交加验证码功能

1.表单需包含昵称、姓名、QQ、手机号、邮箱、密码、确认密码以 发送验证码及提交和重置按钮;2.点击表单里的输入框,隐藏提示文字;3.点击提交和重置按钮时,都需要有相应的提示;4.在表单提交是,需要进行验证验证填写内容是否合理:昵称不超 过10个字、姓名不超过4个字、QQ号为长度小于等于10大于5位的数字、手机号为长度11位的数字、密码由字母和数字组成且大于8位小于16位、密码和确认密码需相同。5.发送验证码按钮点击后,会被禁用;发送验证码按钮被点击后,按钮里面的内容会变化成1分钟的倒计时。

2025-02-16 23:05:33 371

原创 动态表格案例

1.表格由专业班级学号1-10号同学的信息组成,包括:学号、姓 名、性别、二级学院、班级、专业、辅导员;2.表格的奇数行字体为黑色,底色为白色;偶数行字体为白色,底 色为黑色;3.表格的每一行后有一个删除按钮,点击后会跳出提示弹窗,确认后删除该行的内容,并且删除后上述的颜色规律保持不变:4.表格的右上方有一个添加按钮,点击后跳出一个表单弹窗,可以填加新的学生的信息。

2025-02-16 22:56:16 851

原创 tab选项卡

1.选项卡由英雄联盟、DOTA、风暴英雄、300英雄四块组成;2.未选择时,默认选中第一个标签页;3.选择某一选项后,下方跳出对应游戏的相关介绍内容。

2025-02-16 04:39:27 230

原创 瀑布流案例

多个等宽的图片进行穿插排序成六列,并且在目前显示的最后一张 图片显示之后,再进行下拉时能够在进行加载其他图片,每次下拉 显示20-30张图片。

2025-02-16 03:45:33 230

原创 电子时钟案例

电子时钟的时间需与北京时间实时对应。

2025-02-08 20:39:56 264

原创 随机点名练习

分为上下两个部分,上方为显示区域,下方为控制区域。显示区域显示五十位群成员的学号和姓名,控制区域由开始和结束两个按钮 组成。点击开始按钮,显示区域里的内容开始滚动,点击结束按钮,内容滚动停止,随机显示一位成员的学号和姓名。

2025-02-08 20:03:54 652

原创 轮播图练习

三、css部分四、JavaScript部分五、样式截图html部分JavaScript部分

2025-02-08 18:40:11 814

原创 页面由快到慢返回顶部

点击按钮之后可以由快到慢回到顶部,处于顶部位置时按钮消失,按钮位于页面右下方。

2025-02-08 15:48:43 167

原创 APIs学习笔记

以date-开头的全是自定义属性,在DOM对象上一律以dataset对象方式获取,dataset是一个自定义属性集合。

2025-02-03 19:46:17 936

原创 Javascript学习笔记

变量是计算机中用于存储数据的容器,可以让计算机变得有记忆变量并不是数据本身,简单理解就是一个装数据的盒子在js中使用单引号、双引号、反引号(``)包裹的数据都叫做字符串型在js中设置字符串型一般使用单引号只声明变量但是不赋值的前提下,变量的默认值为undefined对象是一种数据类型,是无序的数据集合(数组是有序的数据集合)

2025-02-03 12:12:32 1040

原创 Grid布局学习笔记

grid容器:采用grid布局的父元素grid内容:显示项目的区域grid项目:grid布局中每一个格子内部放置的元素行:横向列:纵向网格线:网格布局中国的横向的纵向的线条单元格:横纵线交汇的区域间距:网格与网格之间的间距一个m行n列的网格,需要使用m+1条横线,n+1条纵线组成。

2025-01-17 15:14:24 401

原创 Flex布局学习笔记

给父元素添加一个display属性,并且将取值设置成flex其父元素叫做伸缩容器,其本身叫做伸缩项目。

2025-01-17 13:01:56 612

原创 CSS3学习笔记

border-box。

2025-01-16 22:25:07 903

原创 HTML5学习笔记

header整个页面或者部分区域的头部footer整个页面或者部分区域的底部nav导航article文章、帖子、杂志等section页面中的某段文字,或文章中的某段文字(里面的这段文字通常包含一个标题)aside侧边栏article和section的区别1.article里面可以有多个section2.section强调的是分段或分块,如果你想将一块内容分成几段的时候,可以用section元素3.article比section更强调独立性,一块内容如果比较独立,应该使用article元素。

2025-01-15 23:30:44 797

原创 HTML CSS居中方法总结

只适用于单行文字,行内元素不适用(行内元素不能改变宽度和高度,由内容撑开)

2024-11-30 16:43:19 682

原创 CSS学习笔记

ulurl"";

2024-11-27 21:29:30 1180

原创 HTML学习笔记

dl > < dt > xxxxx %一级 < dd > xxxxx %二级 < dl > < dt > xxxxx %一级 < dd > xxxxx %二级 < dt > xxxxx %一级 < dd > xxxxx %二级

2024-11-03 15:37:17 988

空空如也

空空如也

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

TA关注的人

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