- 博客(25)
- 收藏
- 关注
原创 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: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:03:54
652
原创 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
原创 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学习笔记
dl > < dt > xxxxx %一级 < dd > xxxxx %二级 < dl > < dt > xxxxx %一级 < dd > xxxxx %二级 < dt > xxxxx %一级 < dd > xxxxx %二级
2024-11-03 15:37:17
988
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人