- 博客(20)
- 收藏
- 关注
RSS订阅原创 后端-项目创建与sql
2. 在java resources下创建包，右键包创建servlet服务生.(要是创建普通的类，里面的注解里的东西不能重复）：class的名字要和文件名一样，注解里的servlet是独一无二的。// 设置成这样，必须有一个json格式 的数据。// 设置后端给前端返回的数据为json格式。后面的是父类，前面的是子类--->强制类型转换，转成子类。我的是5. 的数据库，所以使用5. 的jar包。：不带后缀的index是服务生的名字。方法接收参数（根据前面的关键字接收）
2024-09-17 15:41:01
555
原创 后端：理解与创建项目
项目得放到tomcat中才能运行 ，所以请求不是到服务端，是到具体的项目里的服务生里(servlet)。请求方式（get/post）-->服务员提供服务的方式>，前端的在webContent下写，目前在WEB-INF里写的都是访问不到的（404）然后下一步next，目录要展开之后立马看到bin目录，但是不要进到bin。2.点下一步（next），创建项目名。JRE选jdk，有的话就选，没有的话选右边。（找后厨-->数据库，然后数据库给反馈）请求（请求路径-->找到服务生），用jquery+ajax发出请求。
2024-09-17 01:07:37
182
原创 前端-javaScript:jquery补充
事件类型以参数的类型传递 --->可以同时绑定多个事件 ，用空格隔开（只支持JavaScript原生的方法，hover不行（jQuery自己封装的））事件类型以参数的类型传递 --->可以同时绑定多个事件 ，用空格隔开（只支持JavaScript原生的方法，hover不行（jQuery自己封装的））如果用html原生的<form>表单的形式对网页进行提交，会对所有的进行更新。ajax是系统直接发起的，所以不需要找具体的元素。on（事件类型，目标元素，事件函数）若要实现局部的更新，用AJAX来实现。
2024-09-17 00:21:13
817
原创 前端-javaScript:JSON-基础知识
JSON: JavaScript Object Notation(JavaScript 对象表示法)JSON 是存储和交换文本信息的语法，类似 XML。JSON 比 XML 更小、更快，更易解析。JSON 易于人阅读和编写。C、Python、C++、Java、PHP、Go 等编程语言都支持 JSON。JSON文件的文件类型为.json。
2024-09-16 23:28:24
239
原创 前端-js:基础知识
变量是用于存储信息的"容器"。定义变量var 声明变量的关键字 a就是个关键字变量可以通过变量名访问。在指令式语言中，变量通常是可变的。字面量是一个恒定的值。！变量是一个名称。字面量是一个值。alert(a+b)alert(a+c)字符串的拼接alert(c+d)var x=5;var y=6;var z=x+y;与代数一样，JavaScript 变量可用于存放值（比如 x=5）和表达式（比如 z=x+y）。变量必须以字母开头。
2024-09-02 20:36:33
967
原创 前端-变形例子5：响应式布局
手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。width:设备宽度 min-width 最小宽度 max-width 最大宽度。使用 @media 查询，可以针对不同的媒体类型定义不同的样式。@media not|only |[] 设备类型 and 设备特性{}projection 投影仪。
2024-08-31 16:16:13
780
原创 前端-变形例子4:服务器字体
定义服务器字体的名字src --url()设置字体的资源路径 format()设置字体的资源格式 otf ttf取值有OpenType(*.otf) TrueType(*.ttf)sRules 一般不写了div{span{/* 服务器字体的使用 */src: url("font/字魂苍劲行楷体\(商用需授权\).ttf") format("TrueType");
2024-08-29 17:51:29
215
原创 前端-变形例子3：tab切换3d版
让第三个往下走150px,绕x轴逆时针旋转90度。高度是300px,让第一个往上走一半（150px),绕x轴顺时针旋转90度。让第二个向前走150px。tips: label对宽高不支持，所以变成块级盒子。
2024-08-29 17:43:28
226
原创 前端-变形例子2：奥运五环
2.设置内容区的宽、高，弹性盒子布局（上面三个，下面两个-->换行）并让子元素是否呈现正确的3d嵌套关系。1.设置body的高，弹性盒子布局（文字横着分布），居中分布在排列方向上以及居中对齐。3.设置每一个元素的边框，颜色等，让每个元素微微旋转以达到效果。
2024-08-28 23:36:15
196
原创 前端-变形例子1-文字立起来
1.设置body的高，弹性盒子布局（文字横着分布），居中分布在排列方向上以及居中对齐。设置文字的阴影，让文字有一种在阳光下立起来的感觉。3.设置阴影的颜色，位置。移动位置以达到理想状态。2.设置文字的大小，粗细，颜色，相对位置。
2024-08-28 23:28:11
122
原创 前端-变形
translate3d(tx,ty,tz): html元素沿X轴移动tx的距离（右--正方向），沿y轴移动ty的距离（下--正方向）,沿z轴移动tz的距离(垂直屏幕，朝向眼睛的方向。translate(tx[,ty]):表示html元素沿X轴移动tx的距离，沿y轴移动ty的距离，ty可以省略，如果省略则ty默认为0。scale3d(sx,sy,sz):html元素沿X轴的缩放比为sx,沿y轴的缩放比是sy,沿z轴的缩放比是sz。translateY(ty): html元素沿y轴移动ty的距离。
2024-08-28 23:13:18
489
原创 前端-样式
6. linear-gradient(方向，颜色，颜色) background: linear-gradient(0deg,red,blue)渐变的角度，由红逐渐渐变成蓝色，加颜色就往后面，加。与定位配套的层次属性 z-index，调整定位层次，取值为整数，值越大越靠上,定位的取值必须为fixed,absolute, relative中的一个。结合模式： 父级元素使用relative，自己元素使用absolute 特点：子集元素随浏览器的滚动而滚动，释放点自己原来的空间，参考物是父级元素。
2024-08-28 22:58:37
798
原创 前端-动画例子2：小水滴
Border-radius 最多可以使用8个数值，这就可以给设计师带来更多创意空间了，注意，需要作用斜杠「 / 」来分隔4个值，这是规范。然后是小水滴上的两个光点：大小，形状，阴影，相对位置等。设置动画使小水滴看起来是在动的。首先，设计body布局：弹性盒子布局和背景。接着，设计小水滴的大小，形状阴影。最后设计动画，让小水滴呈现变动。
2024-08-28 22:42:03
183
原创 前端-动画例子1-文字连续光影
然后，设置动画，让颜色等发生变化，这里设置了每个字变化的延迟。首先，设置body的背景大小，让字体横着分布（弹性盒子）。接着，设置字体的大小，间距。
2024-08-28 22:27:55
142
原创 前端——动画
keyframes 名称 {from（开始的状态）|to（结束的状态）|百分比{属性1：值；属性2：值；/* 关键帧的定义 *//* from（开始的状态）|to（结束的状态）|百分比{属性1：值；属性2：值；} */25%{60%{100%{background-image: url("../img/天空.jpg");div{*/
2024-08-28 22:24:18
347
原创 前端-css:布局
2. 内联块级盒子 特点： 不独占一行，对宽度高度支持 举例: img input display:inline-block。3. 弹性盒子 特点：默认该元素无论放不放的下子元素们，子元素都横着布局 display:flex。把元素进行摆布（重点是横着布局）。1. float：普通盒子布局。
2024-08-25 17:15:41
193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人