自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 响应式设计

部分,我们针对最大宽度为 768px 的设备定义了不同的样式。当设备的宽度小于或等于 768px 时,标题栏会切换为纵向排列,导航菜单也会从横向变为纵向显示。这样,我们就能保证页面在不同尺寸的设备上都有良好的显示效果。响应式设计是通过 CSS 媒体查询 (Media Queries) 为不同设备使用不同的 CSS 样式,以适应不同屏幕尺寸,保证良好的用户体验。在上面的示例中,CSS 的基本样式定义了页面的整体布局和样式。

2023-06-07 15:54:05 83

原创 CSS各种变换

渐变线性渐变径向渐变重复渐变太极案例实现方法过渡动画在菜单中的过渡动画2D属性-transfrom缩放改变中心点的位置移动旋转rotate中心,正值顺时针,负值逆时针=====rotateZopacity: 0;//透明度扇子打开案例。

2023-02-16 14:45:08 116

原创 CSS定位

(Relative positioning)允许我们相对于元素在正常的文档流中的位置移动它——包括将两个元素叠放在页面上。(Absolute positioning)将元素完全从页面的正常布局流(normal layout flow)中移出,类似将它单独放在一个图层中。(Static positioning)是每个元素默认的属性——它表示“将元素放在文档布局流的默认位置——没有什么特殊的地方”。一样的定位,当它的相对视口位置(offset from the viewport)达到某一个预设值时,它就会像。

2022-11-21 17:35:23 110

原创 CSS盒模型

浅理解一下,标准盒模型就像一个快递,content就是你买的物品,padding就是物品外面的泡沫,border就是你的快递盒子,margin就是快递盒子上的透明胶带。所以盒子的大小=content+padding+border。,默认浏览器会使用标准模型。

2022-11-14 17:52:45 116

原创 JS 倒数计时器

JS 计时器

2022-11-01 17:22:54 286

原创 html小知识

html小知识

2022-06-24 23:23:53 57

原创 行内元素转换成块元素的三种方式

行内元素转换成块元素的三种方式

2022-06-24 22:46:32 174

原创 html 导航栏三角形制作

三角形效果

2022-06-24 21:37:53 365

原创 Vue之数据的双向绑定

在vue中实现数据双向绑定的核心在于v-model示例: <input type="text" name=" " v-model="userName">当输入框中的内容发生变化时,如用户在视图view输入hello world 此时我们在model层即用js处理逻辑代码的地方就会获取用户输入的值。反之在model层给与userName一个值时,view层的值也会进行同步,简而言之双向指的是view层和model层 ,数据绑定即model上的数据,在view和model是同步绑定关

2022-02-10 18:39:31 404

原创 暑期实践Vue7.17

事件修饰符:keyup.事件监听器:watch <body> <id id="app"> 千米:<input type="text" v-model="kilometers"> 米:<input type="text" v-model="meters"> </id> <script src="./vue.js"></script> <script> var vm=new Vue({ el:'

2022-02-10 18:08:24 388

原创 暑期实训Vue7.16

Jquery库镜像网址:staticfile.orgjquery方式<div id="app"></div><script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.js"></script><script>var btn = $('<button> Click me </button>');btn.on('click',function(){co

2022-02-10 17:31:40 360

原创 暑期实训Vue学习笔记7.13同步异步

同步示例:console.log('起床');console.log('背单词');function eatBreakfase(){console.log('早餐吃完了');}eatBreakfase();console.log('去上学');异步console.log('起床');console.log('背单词');function eatBreakfast(){console.log('开始吃早餐');setTimeout(function(){ //异步函数consol

2022-02-10 16:50:30 62

原创 暑期实训vue学习笔记7.10

7.10(function(x){return x*x})(3);//匿名函数的立即执行(function(x){console.log(x);})(3);---------->3(function(x){return x*x;})(3);Function creatre_counter(initial){var x=initial||0;return { //return 对象inc:function(){x+=1;return x;} }Var c1=creatre_co

2022-02-10 16:47:26 114

原创 有整数构成的带头结点单链表,根据输入的x值,删除表中元素值小于x的所有元素,输出删除后的单链表元素。

【输入形式】第一行输入整数n,表示顺序表中有n个元素;第二行输入n个整数建立带头结点单链表;第三行输入x,用于删除表中小于x的元素【输出形式】输出删除后的表内元素【样例输入】62 9 5 7 1 65【样例输出】9 5 7 6#include <stdio.h>#include <stdlib.h>#include <malloc.h>typedef int ElemType;typedef struct ...

2021-10-16 11:24:46 1274

原创 对带头结点的双向链表,实现插入算法。

【输入形式】第一行输入一个N(N大于等于1,小于1000);第二行输入N个整数,以空格作为分隔,创建长度为N的双向链表,为双向输出方便,需保留头尾指针;第三行输入pos和e,以空格分隔,分别表示插入位置和插入元素的值。【输出形式】若插入位置合法,插入成功,则输出:第一行从头开始顺向输出双向链表中元素,用空格分隔;第二行从尾结点开始逆向输出双向链表中元素,用空格分隔。若插入位置不合法,例如插入位置<1或超出链表范围,则输出error【样例输入1】5-4 5 ..

2021-10-16 11:21:52 583

原创 JS对现有模块进行扩展和维护的时候,如何实现增加一个取余操作

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...

2021-07-11 13:24:53 123

原创 JS实现计算器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc...

2021-07-11 13:20:01 185

原创 JavaScript实现累加

1.使用内嵌脚本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti...

2021-07-11 13:16:26 1267

原创 JavaScript

运行xiaoming.age(),得出21的三种方法方法一:var xiaoming={name:'xiaoming',birth:2000,age:function(){var y = new Date().getFullYear();return y-this.birth;}}方法二:function getAge(){var y = new Date().getFullYear();return y-this.birth;}var xiaom

2021-07-11 13:06:49 53

原创 顺序表删除重复元素

【问题描述】设一顺序表有若干元素,编写程序实现删除表中值重复的元素,即重复元素只保留一个。【输入形式】第一行输入一个N(N不大于100),表示顺序表的长度;第二行输入N个整数,表示顺序表元素;【输出形式】输出去重后的顺序表。【样例输入】52 2 2 3 3【样例输出】2 3【评分标准】...

2021-05-30 00:53:07 7984 2

原创 顺序表实现集合并集运算

【问题描述】设有两个用顺序表表示的有序集合,输出它们的并集,要求仍然保持有序。【输入形式】第一行输入两个整数N和M(不大于100),分别表示两个集合的长度;第二行输入第一个集合的N个元素(递增有序);第三行输入第二个集合的M个元素(递增有序);【输出形式】输出两个集合的并集(仍然保持有序),元素之间以空格分隔。【样例输入】5 4-3 2 4 7 202 3 4 5【样例输出】-3 2 3 4 7 20...

2021-05-30 00:51:59 4082

原创 顺序表基础练习

【问题描述】顺序表基础练习,包含初始化顺序表、建立顺序表、插入元素、查找元素、删除元素、输出顺序表中元素方法。要求使用插入元素方法建立顺序表,通过查询方法找到输入的元素值,并删除第一个等于输入值的元素,最后输出表中元素。【输入形式】第一行输入顺序表长度N,第二行输入N个元素第三行输入待查找删除的元素。【输出形式】输出删除元素后的顺序表。【样例输入1】510 12 14 18 1212【样例输出1】10 14 18 12【样例输入2】310 18

2021-05-30 00:50:05 440

原创 将顺序表中所有非零元素依次移到表的前端。

#include <stdio.h>#include <malloc.h>#define INIT_SIZE 100#define INCREM 10#define OK 1#define ERROR 0typedef int ElemType;typedef struct SqList{ ElemType *slist; int length; int listsize;}SqList;int initList_sq(SqList *L...

2021-05-30 00:46:48 1275

空空如也

空空如也

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

TA关注的人

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