自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue中的双向绑定、动态绑定、侦听器、父子组件的相互传值

v-for是一种循环,以上实现在list数组中的元素,元素的序号循环,当元素的isComplete为ture时采用第一个样式,为false时采用第二个样式。watch(str,add)//watch函数中的两个参数,前一个参数为要监听的变量,第二个参数为党该变量发生改变时要调用的函数。//text="Nihao"将父组件中text的值传入子组件,@OK="add1"绑定add1函数,当OK事件触发时。//实现点击按钮后执行send函数,send函数实现触发OK事件,并向父组件传递'hello'这个字符串。

2025-01-19 14:16:23 374

原创 Vue的动态绑定

Vue的动态绑定是其核心功能之一,通过它可以实现数据与视图之间的双向绑定,当数据发生变化时,视图会自动更新,反之亦然。

2025-01-18 14:22:07 636

原创 CSS学习

吃饭</div><div>吃饭</div><div>吃饭

2025-01-17 19:55:48 314

原创 基于springboot 的社区管理系统

开发者可以使用Navicat来查看数据库结构、执行SQL查询,然后在IDEA中编写相应的代码来实现对数据库的增删改查操作,通过IDEA和Navicat的结合使用,开发者可以在一个集成的开发环境中同时进行数据库管理和代码编写,提高开发效率并保持代码和数据库的一致性,容易上手,对用户友好,由于使用的是Spring Boot框架和MySQL数据库,有较好的Web安全性和数据安全性[5]。一个好的社区管理系统,不仅可以实现良好的社区环境而且可以有效提高居民的生活质量,提高居民的居住体验。

2025-01-16 16:55:02 2423

原创 媒体查询+雪碧图

-----><meta name="viewport" content="width=device-width, initial-scale=1.0">这条属性为设置试图宽度,并禁止缩放,<雪碧图>-->CSS Sprite也叫CSS精灵图、CSS雪碧图,是一种网页图片应用处理方式,它允许你讲一个页面涉及到的所有零星图片都包含在一张大图中。--->优点:减少图片的字节、减少网页的http请求次数,从而大大提高页面的性能。<媒体查询>----->媒体查询会根据设备的大小自动识别加载不同的样式。

2025-01-16 16:22:40 368

原创 动画+使用动画实现呼吸效果

delay(设置动画的开始时间) iteration-count(设置动画的循环次数) direction(设置动画播放的方向)在对应的盒子中添加animation属性,animation:name(设置动画的名称) duration(设置动画的持续时间) timing-function(设置动画的速率)<动画>----> 使用@keyframes+动画名字,动画的改变可以从from到to,或者是从0%到100%变化,变化不知可以变化背景颜色,还可以变化包括。长高之类的CSS属性。

2025-01-15 18:35:43 1103

原创 定位加阴影

固定定位-->固定定位(固定在页面的某一个地方,不随着页面滚动移动)---->设置值position为fixed即可设置为固定定位,然后可以设置left,right,top等属性修改位置。<绝对定位>---->设置position为·absolute-->每设置一个绝对定位都有一层,和浮动不同,浮动只存在浮动层和原本两层,产生压盖效果;<圆角>---->设置border-radius属性,实现圆角,可以设置px,或者设置%,100%和50%为圆。---->设置四个角时,依次为左上,右上,左下,右下。

2025-01-15 18:34:20 290

原创 基于springboot的社区管理系统

在单元测试的过程中我们也通过性能评估评估单元测试对系统性能的影响,在统计每次测试执行的时间,确保统计每次测试执行的时间,确保不会因为过多的测试而导致构建过程过长;以单元测试的方法对系统最底层的组成单元进行测试,将代码划分为独立的、可测试的部分,并测试其在各种情况下的行为和输出。通过管理员端进入报修信息管理系统可以看到管理员可以通过报修页面根据居民姓名、门牌号或者报修类型查找指定的报修信息,也可以根据实际情况需要新增或删除报修信息,并监控员工是否完成社区居民所需的报修内容。

2025-01-15 11:57:43 1853

原创 前端知识点

---有序列表外部通过ol标签包装,内层通过li包装标签,ol的type属性拥有1(数字标号)ma(小写英文字母标号),A(大写英文字母标号),i(小写罗马字母表号),I(大写罗马字母标号)--->align-items(内容对其--竖直方向): center(居中摆放)/flex-start(居左摆放)/flex-end(居右摆放)

2024-11-18 19:24:55 396

springboot后端实现

springboot后端实现

2025-01-19

vue的父子组件的相互传值的实现

vue的父子组件的相互传值的实现

2025-01-19

vue的动态绑定、双向绑定、侦听器

vue的动态绑定、双向绑定、侦听器

2025-01-19

Vue的动态绑定和侦听器

Vue的动态绑定和侦听器

2025-01-18

媒体查询、雪碧图加字体

媒体查询、雪碧图加字体

2025-01-16

计算机小白学习前端知识点

计算机小白学习前端知识点

2025-01-15

空空如也

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

TA关注的人

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