- 博客(14)
- 收藏
- 关注
原创 搜索数据展示效果
前言:本文章为一个大一小白连写js所写,文章给出注释并准备好开始的所需的简易样式,但对于真正用于实践可能没有多大参考价值,慎入逻辑:搜索框的展开和隐藏效果 数据匹配样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca.
2022-02-08 01:16:18
595
原创 实现简单验证码
前言:本文章为一个大一小白连写js所写,文章给出注释并准备好开始的所需的简易样式,但对于真正用于实践可能没有多大参考价值,慎入需求加载时能自动生成验证码 点击图片能更换验证码 能验证输入验证码是否正确初始代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi
2022-02-07 01:47:48
573
原创 vue3脚手架配置路由
本文以router-link(相当于一个a标签)为例介绍路由基础环境的配置安装路由打开cmd输入 npm install vue-router@4注意,本文使用路由为vue-router: "^4.0.12"(按照上面代码安装即可),不同版本之间会出现一些不同容易发现一些无法预料的错误教程开始在App.vue中<template><div id="app"> <h1>Hello App!</h1> <!--
2022-01-31 02:48:49
1341
1
原创 对象及其相关
对象:一组无序的相关属性和方法的集合。如张三的个人信息在对象的表达结构如下用中文方式书写: 张三疯.姓名 = '张三疯'; 张三疯.性别 = '男'; 张三疯.年龄 = 59; 张三疯.身高 = 180; 代码方式书写: zhangsan.name='张三疯'; zhangsan.sex='男'; zhangsan.age=59; zhangsan.h
2022-01-24 22:27:37
480
原创 HTML中的骨架标签(这里有一个叹号)DOCTYPE,<html lang=“en“>,<meta charset=“UTF-8“>
看注释<!DOCTYPE html><!-- !DOCTYPE为文件声明,告诉浏览器网页的HTML版本 --><html lang="en"><!-- lang为英文language,en表示English,此外告诉浏览器网页版本若为en浏览器常会提示将网页翻译成中文,建议设置为简体中文zh-CN --><head> <meta charset="UTF-8"> <!-- 标识字符编码格式,.
2022-01-23 17:03:39
2342
原创 3D轮播图(纯css)
html <div class="container"> <div class="card-box"> <div class="card"> <img src="./img/1.jpg" alt=""> </div> <div class="card"> <img src="./img/2.jpg" alt=""> </
2022-01-23 13:01:25
1157
原创 简易动态变化背景(纯css)
<div class="square"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <div class=...
2022-01-23 12:54:09
1248
原创 行内(块)垂直对齐方式&光标&边框圆角&overflow&元素隐藏
行内(块)垂直对齐方式vertical-align首先是基线含义常见属性值默认值,基线对齐:baseline顶部对齐:top中部对齐:middle底部对齐:bottom光标类型cursor常见属性值默认值,大部分情况是箭头:default小手效果:pointer工字形:text十字光标:move边框圆角border-radius介绍:使盒子四个角变得圆润,若有多个值时(最多不可超过四个),从左上角开始依次赋值,若不足四个值时,则未赋值处的值为其对角
2022-01-23 12:35:12
418
原创 定位(下)
固定定位属性:fixed特点:可以用left等方位属性实现移动;相对与浏览器界面移动,与绝对定位不同的是其不会随鼠标滚动而改变位置,而是一直固定在网页某处;会使元素脱离标准流。元素层级问题(即谁先在页面上显示或谁覆盖谁问题)标准流(默认布局方式)<浮动<定位下图可以更为形象的说明该点在不同定位中,相对,绝对,固定的层级相同,谁在HTML下面谁的层级就更高但层级可以通过设置z-index的不同值来改变...
2022-01-18 21:15:13
281
原创 定位(上)
定位简介定位作为网页布局的最后一种手段,常在标准流及浮动无法实现相应效果时使用。下面依次介绍静态定位,相对定位,绝对定位。属性名:position:定位需要配合left,right,top,bottom来使用,如:position: absolute;bottom: 0px;left:0px;静态定位position: static;静态定位极为标准流,属于默认值,无法通过left等值偏移,常说的定位中不包括静态定位相对定位position: relative
2022-01-08 23:26:28
351
原创 井字棋(棋子可消去(拿走))
设计题目:井字棋游戏设计与实现 游戏简介:一种在井字格上进行的连珠游戏,由分别代表O和X的两个游戏者轮流在格子里落子,任意三子形成一条直线,则为获胜。今天,小明发明了新玩法:①棋盘3x3大小,获胜条件不变;②当一方落下第4子仍未获胜时,则其落下的第1子会被拿掉,依次类推。类似文章很多,但是可以拿走棋子的较少,故本文着重讲解拿走棋子部分头文件#include <stdio.h>#include <windows.h>#include<stdlib.h>..
2021-12-20 00:50:25
2777
原创 二分查找法(详细)
该方法使用必须先排序设已有一个n(1≤n≤10)个元素的整型数组a,且按值从小到大有序排列。输入一个整数x,然后在数组中查找x,如果找到,输出相应的下标,否则,输出“Not Found”#include <stdio.h>int main(){ int a[10]={1,2,3,4,5,6,7,8,9,10},low,high,mid,x,n=10; scanf("%d",&x); low=0,high=n-1;//因为数组首项为0,末项为n-1 while(l
2021-12-20 00:09:03
1187
1
原创 选择法排序(详解傻瓜版)
题目:输入一个正整数n,后又输入n个整数,将其从小到大排序#include <stdio.h>int main(){ int a[10],i,j,temp,index,n; scanf("%d",&n); for(i=0;i<n;i++) scanf("%d",&a[i]); for(i=0;i<n-1;i++)// { index=i;//防止a[i]的值在循环中被改变 for(j=i+1;j<n;j++)//从i+1开始是因
2021-12-19 23:16:08
381
原创 【无标题】字体浮动分层?(鬼知道写的什么)
css@import url(http://fonts.googleapis.com/css?family=Dosis:500,800);* { margin: 0; padding: 0; font-family: 'Courier New', Courier, monospace;} body{ display: flex; justify-content: center; align-items: center; min-heig
2021-12-13 00:14:52
783
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人