愚且憨-CSDN博客

原创搜索数据展示效果

前言：本文章为一个大一小白连写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 505

原创实现简单验证码

前言：本文章为一个大一小白连写js所写，文章给出注释并准备好开始的所需的简易样式，但对于真正用于实践可能没有多大参考价值，慎入需求加载时能自动生成验证码点击图片能更换验证码能验证输入验证码是否正确初始代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi

2022-02-07 01:47:48 534

原创 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 1214 1

原创对象及其相关

对象：一组无序的相关属性和方法的集合。如张三的个人信息在对象的表达结构如下用中文方式书写：张三疯.姓名 = '张三疯'; 张三疯.性别 = '男'; 张三疯.年龄 = 59; 张三疯.身高 = 180; 代码方式书写： zhangsan.name='张三疯'; zhangsan.sex='男'; zhangsan.age=59; zhangsan.h

2022-01-24 22:27:37 456

原创 HTML中的骨架标签（这里有一个叹号）DOCTYPE，＜html lang=“en“＞，＜meta charset=“UTF-8“＞

看注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- 标识字符编码格式，.

2022-01-23 17:03:39 2173

原创 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 1073

原创简易动态变化背景（纯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 1122

原创行内（块）垂直对齐方式&光标&边框圆角&overflow&元素隐藏

行内（块）垂直对齐方式vertical-align首先是基线含义常见属性值默认值，基线对齐：baseline顶部对齐：top中部对齐：middle底部对齐：bottom光标类型cursor常见属性值默认值，大部分情况是箭头：default小手效果：pointer工字形：text十字光标：move边框圆角border-radius介绍：使盒子四个角变得圆润，若有多个值时（最多不可超过四个），从左上角开始依次赋值，若不足四个值时，则未赋值处的值为其对角

2022-01-23 12:35:12 353

原创定位（下）

固定定位属性：fixed特点：可以用left等方位属性实现移动；相对与浏览器界面移动，与绝对定位不同的是其不会随鼠标滚动而改变位置，而是一直固定在网页某处；会使元素脱离标准流。元素层级问题（即谁先在页面上显示或谁覆盖谁问题）标准流（默认布局方式）<浮动<定位下图可以更为形象的说明该点在不同定位中，相对，绝对，固定的层级相同，谁在HTML下面谁的层级就更高但层级可以通过设置z-index的不同值来改变...

2022-01-18 21:15:13 221

原创定位（上）

定位简介定位作为网页布局的最后一种手段，常在标准流及浮动无法实现相应效果时使用。下面依次介绍静态定位，相对定位，绝对定位。属性名：position:定位需要配合left，right,top，bottom来使用，如：position: absolute;bottom: 0px;left:0px;静态定位position: static;静态定位极为标准流，属于默认值，无法通过left等值偏移，常说的定位中不包括静态定位相对定位position: relative

2022-01-08 23:26:28 329

原创井字棋（棋子可消去（拿走））

设计题目：井字棋游戏设计与实现游戏简介：一种在井字格上进行的连珠游戏，由分别代表O和X的两个游戏者轮流在格子里落子，任意三子形成一条直线，则为获胜。今天，小明发明了新玩法：①棋盘3x3大小，获胜条件不变；②当一方落下第4子仍未获胜时，则其落下的第1子会被拿掉，依次类推。类似文章很多，但是可以拿走棋子的较少，故本文着重讲解拿走棋子部分头文件#include <stdio.h>#include <windows.h>#include<stdlib.h>..

2021-12-20 00:50:25 2574

原创二分查找法（详细）

该方法使用必须先排序设已有一个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 1132 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 346

原创【无标题】字体浮动分层？（鬼知道写的什么）

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 739

weixin_61197471的博客