- 博客(19)
- 收藏
- 关注
原创 wow.j(shttps://animate.style/):地址 animate动画效果
以此图为例,div class="row clerfloat" 是要有动画的大盒子 因此我们提前命名,方便我们找到,第二个div 则是animate动画的效果 给到盒子 ,让盒子来控制照片的显示效果。这里我们的效果是,让此盒子向右弹出,后面的属性依次是 动画样式 延时时间 占用空间位置 延时0.1秒 动画名称。最后要引入 wow.css的包,和wow.js的包,在本人主页的swiper的使用规范里有压缩包。右侧是你所选中的动画,可以复制拿来直接运用到 类名里。左侧显示你选中的动画样式的效果预览。
2024-07-20 19:16:09
90
原创 swiperjs动画轮播使用规范及方法
点击在线演示,里面有很多样式可供选择,选择自己喜欢的或者样式满意的进行操作。复制代码红色区域代码复制到你需要轮播的地方。右键此页面,点击查看页面源代码。右侧画框位置点击在新窗口打开。比如:我选择的是按钮切换。
2024-07-18 18:27:58
87
原创 重生之深度学习web前端(前端页面公告区与后端进行动态交互)第十天
4、我们可以在登录的servlet里面调用查询所有类型的方法,然后把查询出来的数据存储在作用域中,跳转到首页后。6、使用核心标签库里面的foreach标签,把之前存储在作用域当中的数据循环迭代显示出来。4.在servlet中调用方法,把查询出来的数据,存储在session作用域中。5、在页面的公告栏中,通过使用jstl标签库中的核心标签库。2、创建类型的接口,在接口中定义查询所有类型的方法。3、在接口的实现类中,实现这个查询所有类型的方法。2.创建内容的接口,根据类型查询所属的内容方法。
2024-05-15 17:39:59
151
原创 重生之深度学习WEB前端补充第八天的
- get 与post的区别 明文密文 get请求当点击登录的时候我们当前的form表单数据(账号密码以及信息)全部会呈现在url地址栏中,明文-->6.在servlet中处理登录的业务逻辑(根据页面的请求方式,在servlet对应的方法中实现,get请求==》doget,post==>dopost。-- post请求 是密文当我点击登录请求login端口时在url上面是看不见所请求的form表单数据的 -->//2.获取页面表单中提交的数据,把页面传递过来的用户名和密码获取到了。
2024-05-13 18:14:28
338
原创 重生之深度学习WEB前端(前后端的交互)第八天
6.在servlet中处理登录的业务逻辑(根据页面的请求方式,在servlet对应的方法中实现,get请求==》doget,post==>dopost。5.创建servlet,servlet中的地址与页面提交表单的地址,要是一样的。4.创建用户接口的实现类,实现用户接口,实现接口中的登录方法。6.3调用登录方法,把获取到的参数(账号和密码)传递到方法中。登录失败后,页面跳转到登录页面,继续登录)3.创建用户接口,在接口中定义登录的方法。如果用户对象不为空意味着登录成功。登录成功后,页面跳转进首页。
2024-05-13 18:02:11
167
原创 重生之深度学习WEB前端(EClipc与数据进行连接)第七天
/导包的时候注意,导入 .sql包下面的connection。// 2.通过驱动管理器里面的getConnection方法来获取数据库的连接对象。// 定义三个常量(数据库连接字符串,账号,密码)//不为空关闭数据库连接。* @param conn 数据库连接对象。// 定义数据库连接对象connection。//1.判断数据库连接对象是否为空。// 1. 加载数据库驱动。* 获取数据库连接的方法。/**关闭数据库的方法。
2024-05-12 12:47:39
219
1
原创 重生之深度学习web前端(后端知识)第六天
insert into content VALUES(null,2,'9月22日正式服版本更新公告','2022:09:20 21:05:50');insert into content VALUES(null,3,'9月22日正式服版本更新公告','2022:09:20 21:05:50');-- select *(这个*代表所有的表中字段),如果你只是查表中某个字段,这里就写某个字段 from 表名 查询表中的所有数据。
2024-05-11 21:23:19
709
1
原创 重生之深度学习web前端第五天
最后图片部分先在html中使盒子呈现如图布局,然后再进行微调下部的图片也是运用了无序列表以及等距分布(flex:1;上部的logo运用偏移属性bacakground-postion:标题运用了弹性布局使两个盒子左右分布。上部的logo运用偏移属性bacakground-postion:标题运用了弹性布局使两个盒子左右分布。最后,底部的照片和文字是在一个盒子里,并且还是要运用了无序列表以及超出盒子宽度自动换行的属性(左侧部分:和右侧原理一样,但在cs里需要引入一张图片并且需要调整照片大小。
2024-05-10 18:13:40
117
原创 重生之我要深度学习web前端第四天
,相对定位(position: relative;),绝对定位( position: absolute;在cs部分运用偏移属性(background-position;)将每个图片进行偏移到每个对应的小盒子里;偏移属性:( background-position:);在侧边悬浮中有:hover属性当鼠标移入之后显示的效果。/* 移入之后所替换的图片 */在图片的选取中也是运用了cs的偏移属性。/* 替换的照片的偏移量 *//* 移入之后鼠标变小手 */1 下载部分:(注意:细节微调)
2024-05-09 18:27:32
258
原创 重生之我要深度学习前端第三天
里面嵌套ul li 无序列表 一个li对应一个板块 里面在嵌套一个ul li;公告部分: div class="infos slideTextBox"设置公共样式随后给每个spans的类名加颜色以及和边框的颜色。核心部分:标签(section id=“core”)li里每一个都有一个标题 class=“title”标题部分:class=”titles hd“内容部分: class=“list”list ul:color :灰色;/*超出部分用......来代替*/上边部分是图片,下边部分是标题;
2024-05-08 17:30:05
706
原创 重生之我开始深度学习前端了第二天
background: rgba(0,0,0,0.8) , 字体颜色。// 列表风格取消掉。左: 宽高42 外面的圆圈 border-redius : 42。导航区:无序列表ul,li li中用p标签一个放中文一个放英文。logo区域: 距离左边有一定距离 距离顶部一定距离。里面那层: 宽 高 距离顶部有一定的距离 弹性布局。
2024-05-07 18:46:14
267
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人