自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Docker学习(第一阶段)

Docker学习笔记(第一阶段)强烈推荐:遇见狂神说的个人空间_哔哩哔哩_Bilibili一、安装docker1.步骤# 1.卸载旧的docker版本​yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \

2022-01-08 23:32:44 761

原创 前端框架: Bootstrap(1)

一:如何在代码中引入Bootstrap框架?<!-- 新 Bootstrap 核心 CSS 文件 --><link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"><!-- jQuery文件。务必在bootstrap.min.js 之前引入 --><script src="https://c...

2021-09-17 12:01:02 112

原创 ajax——第一课

目录学习内容:内容讲解:1.了解什么是Ajax?2.了解为什么学习Ajax以及Ajax能干什么?3.学习Ajax的路径有哪些?4.在哪里使用Ajax?学习内容:1.了解什么是Ajax?2.了解为什么学习Ajax以及Ajax能干什么?3.学习Ajax的路径有哪些?4.在哪里使用Ajax?内容讲解:1.了解什么是Ajax? Ajax相信大家都耳熟能详了,那么什么是Ajax呢? Ajax 一种基于 JavaScript 和...

2021-08-03 09:46:24 136

原创 数据结构---1.算法的基本概念

算法的基本概念:算法的五个特征:1.有穷性:一个算法必须总在执行有穷步之后结束,且每一步都可在又穷时间内完成。注意:算法必须是有穷的,而程序可以是无穷的2.确定性:算法中的每条指令必须有确切的含义,对于相同的输入只能得出相同的输出3.可行性:算法中描述的操作都可以通过已经实现的基本运算执行有限次来实现4.正确性:算法应能够正确的解决问题5.可读性:具有良好的可读性,便于理解...

2020-12-07 10:25:51 143

原创 自学python爬虫的第一天

爬取图片所谓的爬取图片是指我们将某一个网页上的图片全部通过编写python代码保存到我们的电脑上,不用一张张的下载,那样太浪费时间了!!!!我们知道了用python爬虫来获取图片,那么下面我们先了解一下爬虫的步骤找到我们需要爬取的网页的url通过python中的第三方模块进行发送请求接受服务器给我们反馈回来的数据根据我们的需求进行数据解析永久性的保存废话不多说,直接上项目项目一:爬取有趣图片网上的大陆明星的图片步骤如下:1.我们先在浏览器上打开有趣图片网网址:https://www

2020-12-05 22:27:40 743

原创 自学python

学习Python的第一天一:标识符:1:第一个字符必须是字母表中字母或下划线 _2:标识符的其他的部分由字母、数字和下划线组成。3:标识符对大小写敏感。二:数据类型:1:数字类型:整型(int),浮点型(float),布尔型(bool),复数(complex ) 如 1 + 2j、 1.1 + 2.2j2:字符串:string:str='student'print(str) #输...

2020-01-04 20:54:11 97

原创 html实现手风琴菜单

原理:内容溢出隐藏,当鼠标放到指定位置时,下面内容出现,使用transition来添加过度效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...

2019-08-05 14:53:14 3818

原创 js实现轮播(淡入淡出)

原理:所有图片都叠放在一起,透明度为0,当点击按钮时 ,给相应的图片加上透明度,并 使用 transition: opacity 1s linear;来控制效果效果图:代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></titl...

2019-08-03 10:23:39 555

原创 js实现轮播图(简单滚动轮播)

原理:在页面上有一个可视区域(a),用来显示图片,还有一个放所有需要轮播的图片的区域(b) ,当执行操作时 ,b需要移动 ,移动一个a的宽度,使下一张图片显示,需要实现一下效果:1.自动播放2.左右按钮切换3.下标圆点切换代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /...

2019-08-02 15:52:51 3765 1

原创 js 实现简单的点击div改变背景颜色

思路:点击div改变背景颜色,是通过判断点击的次数,达到改变背景颜色,主要运用了数的加,累加。效果:代码;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js实现点击div改变背景颜色</title> &l...

2019-07-19 15:03:06 19197

原创 网站网页通用底部

效果:代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>标题名</title><style> *{margin:0px;padding:0px;box-sizing:border-box} body{margin:0 au...

2019-07-19 09:16:04 2466

原创 htm+css+jquey实现二维码

点击按钮时,弹出二维码页面,可以通过点击单选框来改变微信支付还是支付宝支付效果如下:附上代码:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; cha...

2019-07-18 16:21:40 233 1

原创 html写轮播图

这个用到定时器来实现;思路:使用<ul><li>来放图片,按照我们的要求来排版;溢出的隐藏,还需要用到最主要的一个属性;就是动画属性:animation @keyframes;代码如下:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <t...

2019-07-18 11:19:45 1453

原创 微信小程序写一个轮播图

微信小程序写轮播图,在微信开发者文档中,已经给了我们组件容器<swiper>,我们把需要轮播的东西放到<swiper>下的<swiper-item>中。附上微信开发者文档的网址:https://developers.weixin.qq.com/miniprogram/dev/api/下面废话不多说,上代码!!!<view class="lunbo"&...

2019-07-10 09:45:26 747

转载 15种居中方法

网址: https://segmentfault.com/a/1190000013966650?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly

2019-07-09 22:10:21 216

原创 使用html写一个水平二级菜单

(1) 写标题我们一般用到<nav>这个标签,<nav>这个标签就是定义导航链接部分的一个标签。(2)还有会用到<ul><li>标签来实现导航菜单功能。(3)在这里呢,我用的是<nav>标签,<ul><li>标签和<a>标签来实现的一个水平的二级菜单,废话不多说,看代码!!!<!DOCTYP...

2019-07-09 21:46:09 2043 1

原创 点击按钮 改变主题(二)

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JavaScript修改CSS样式</title> <script type="text/javascript"> var aa = 0; function mydom...

2019-07-02 18:31:12 428 1

原创 html+js+css实现点击咱开显示(二)

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

2019-07-02 10:22:28 373

原创 vue 写点击展开及收起

<template> <div> <div> <p id="p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, atque necessitatibus. Incidunt repellat, distinctio cupiditat...

2019-07-01 16:27:11 4747 2

原创 html+js+css实现点击展开显示

实现思路:首先我们需要定义一个容器来存放内容;将溢出内容先隐藏,当点击按钮或文字时使原先定义的容器变大,并且能放下所有内容。代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>下拉与收起</title>...

2019-07-01 16:13:04 4320

原创 居中显示

1.多个块盒并排水平显示(三个div为例子)第一步:先三个div并给他们设置宽高背景色<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> div{ ...

2019-06-30 19:04:38 581

原创 table表格基本知识

‘caption标签’ 是大表头'th标签’是表单表头'tr标签’是行'td标签’是列'cellspacing属性’是规定单元格之间的空间'align属性’是定义x轴的样式:left,right,center'valign属性’是定义y轴的样式:top,bottom,middle'rowspan属性’是纵向合并单元格'colspan属性’是横向合并单元格...

2019-06-18 23:31:39 466

原创 无序列表与有序列表与自定义列表与超链接a

无序列表<ul type="??"> <li></li> <li></li> <li></li> <li></li> ..........</ul>注:type的属性有 disc(实心圆—默认),circle(实心圆),...

2019-06-18 22:41:34 1089

原创 css过渡动画,鼠标移上去就变大(缓慢变大、过渡效果、放大的过程是过渡动画的,这个过渡动画是有时间控制的)

<template> <div> <div class="li"> <img src="../assets/123.jpg" alt> </div> </div></template><script>export default { props: {},...

2019-06-18 13:27:27 2818

转载 vue 实现点击按钮加载更多

<template> <div> <div v-for="(item, key) in list" v-show="key<num"> {{item}} </div> <span @click="showMore">{{txt}}</span> </div>&l...

2019-06-16 20:00:51 5656

原创 点击按钮时div显示再次点击时隐藏(白天夜间切换)

position: fixed; 生成绝对定位的元素,相对于浏览器窗口进行定位opacity: 0.6; 设置透明度outline: 1000px solid rgba(0, 0, 0, 0.3); 设置轮廓大小及颜色 0.3为透明度值z-index: 999999;将div在顶层显示效果图:...

2019-06-16 19:39:43 697

原创 父div中多个子div并排显示---弹性布局

第一步:我们先定义一个父div和4个子div,并给他们定义相应的class类名class=“one”为父div的类名,以下为四个子div的类名。第二步:根据类名设置不一样的样式效果如下图,div 是一个块级元素,默认一个div独占一行:第三步:用弹性布局Flex设置父divdispiay:flex是使父div使用弹性布局效果如下:justify-content属性定义了项目...

2019-06-15 17:09:33 7048

原创 vue-给div添加渐变颜色

vue-给div添加渐变颜色第一步:先写一个div并给它设置一个类名(class),我的这个div的类名为class=“www”第二步:定义div的宽与高,并设置颜色渐变background: -webkit-linear-gradient(bottom,hsla(0,0%,59%,.15),hsla(0,0%,59%,0),white) no...

2019-06-14 22:00:32 14536

空空如也

空空如也

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

TA关注的人

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