2021年03月_李响_李响Superb

04月 03月 02月 01月

原创【响应式Web前端设计】让div在屏幕中居中（水平居中+垂直居中）方法

我们都知道使用margin:auto可以让元素水平居中的。最近写网页经常需要将div在屏幕中居中显示，遂记录下几个常用的方法，都比较简单。水平居中直接加上标签即可，或者设置margin:auto;当然也可以用下面的方法下面说两种在屏幕正中（水平居中+垂直居中）的方法放上示范的html代码：<body> <div class="main"> <h1>MAIN</h1> </div></body>方法一：div使用

2021-03-31 20:12:13 56 1

原创【响应式Web前端设计】设置图片间隙为0

解决方案一background设置父容器的background，可以平铺一个合适的背景或图片。这样的话，两个图片之间的过渡，就会显得更加平滑。但是相关空隙依然存在，只不过因为父容器的背景色的缘故，使得空隙被掩盖了。不过对于本文的路飞例子来说，并没有合适的背景图片或者背景色。解决方案二font-size（推荐）设置父容器的font-size为0。这样的话，就可以消除两个图片间的空隙了。这个方案似乎有些匪夷所思，不过确实有效果。不过有些后遗症就是：父容器内的文字大小，会默认继承0。所以，需要对父容器内的显

2021-03-31 19:52:24 19

原创【响应式Web前端设计】i标签和em标签的区别

很多人以为i标签和em标签都只是HTML用于斜体的标签，并不知道他们有什么区别。其实对于熟悉SEO的人来说，他们的区别挺大的（普通用户略过）。i标签的作用：仅仅是为了让字体显示斜体，对于SEO没什么作用。em标签的作用：不仅可以让字体显示斜体，而且可以加强语气，告诉搜索引擎这里是重要的。...

2021-03-31 19:16:28 31

原创【响应式Web前端设计】在html页面实时显示系统时间

在html页面实时显示系统时间桌面新建记事本，将下列代码复制粘贴，重命名后缀为.html，保存，用浏览器打开即可<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>系统时间</title></head><body><div id="datetime">

2021-03-30 21:30:38 20

原创题解 P1918【保龄球】python和C++

#include<map>#include<iostream>using namespace std;map<int,int>ma;int n,a,q,m;int main(){ cin>>n; for(int i=1;i<=n;i++){ cin>>a; ma[a]=i; } cin>>q; for(int i=1;i<=q;i++){

2021-03-30 20:09:36 30

原创【分组并查集讲解】A Bug‘s Life（例题）

BackgroundProfessor Hopper is researching the sexual behavior of a rare species of bugs. He assumes that they feature two different genders and that they only interact with bugs of the opposite gender. In his experiment, individual bugs and their interact

2021-03-29 23:03:58 19

原创【响应式Web前端设计】一文学会使用Bootstrap！

文章目录1 概念2 Bootstrap简介3 布局容器4 导航栏（navbar）4.1 基本4.2 响应式5 垂直表单-基本表单6 栅格系统7 标签页8 响应式工具请先学习该文1 概念媒体查询媒体(media)查询在 CSS3 上有介绍：CSS3 @media 查询。使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。实例如果浏览器窗口小于 500px, 背景将变为浅蓝色：@media only screen and (max-width: 500px) {body {

2021-03-29 17:08:54 22

原创【Linux入门到精通系列讲解】Ubuntu下使用gcc编译并运行C程序

文章目录1 hello2 命令1 hello2 命令在终端输入Ubuntu命令$ gcc hello.c -o hello$ ./hello

2021-03-28 21:24:41 40 1

原创【2021年度训练联盟热身训练赛第四场】Game Map（python C++）

#include <bits/stdc++.h>#include <vector>#define ll long longusing namespace std;int n,m,vis[100010];vector<int> p[100010];int dfs(int u){ if(!vis[u]) { vis[u]=1; for(int i=0;i<p[u].size();i++) {

2021-03-28 14:25:17 64 1

原创【2021年度训练联盟热身训练赛第四场】Happy Number（python）

import mathimport cmathimport sysimport stringimport heapqimport bisectimport copyfrom queue import Queue,PriorityQueue,LifoQueuefrom collections import Counter,dequefrom itertools import permutations,combinationsfrom functools import cmp_to_key,

2021-03-28 14:23:01 46

原创【响应式Web前端设计】:link、:hover、:active和:visited的区别

:link、:hover、:active和:visited的区别？:link表示鼠标点击之前，也称为原始状态:hover表示鼠标悬停状态:active表示鼠标点击状态:visited表示鼠标点击之后状态<!DOCTYPE html><html lang="en"><head> <meta http-equiv="content-type" content="text/html" charset="UTF-8"> <title

2021-03-28 09:58:45 27

原创【响应式Web前端设计】HTML DOM padding 属性

定义和用法padding 属性设置元素的内边距。padding 属性定义元素边框与元素内容之间的空间。该属性可采取 4 个值：如果规定一个值，比如 div {padding: 50px} - 所有四个边的 padding 都是 50 px。如果规定两个值，比如 div {padding: 50px 10px} - 上下内边距是 50 px，左右内边距是 10 px。如果规定三个值，比如 div {padding: 50px 10px 20px} - 上内边距是 50 px，左右内边距是 10 p

2021-03-28 09:51:22 19

原创【响应式Web前端设计】Register Demo

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>用户注册</title> <link type="text/css" rel="stylesheet" href="css/register.css"></head><body><div><img class="tree" src="

2021-03-28 09:44:26 22

原创【响应式Web前端设计】H5原生表单验证

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="#" method="get"> <!-- 作者：88304454@qq.com 时间：2021-03-28 描述：

2021-03-28 09:30:14 11

原创【响应式Web前端设计】常用表单控件

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="http://lixiang007.top/" method="post" name="search" autocomplete="true"> <input name="sa

2021-03-28 09:12:19 22

原创【响应式Web前端设计】Login Demo

body{ background: url('../img/1.png')no-repeat center center fixed; background-size: cover; padding: 20px;}form{ width: 343px; height: 500px; margin: 0 auto; padding: 30px; border: 1px solid rgba(0,0,0,0.2); /*CSS 属性 border-radius 允许你设置元素的外边框圆角。

2021-03-27 21:30:06 23 1

原创【响应式Web前端设计】CSS3伪类与伪元素的区别

首先先来看看伪类与伪元素的定义w3c中对于它们是这么解释的CSS中伪类与伪元素的概念是很容易混淆的,今天就来谈谈伪类与伪元素之间的区别伪类：用于向某些选择器添加特殊的效果伪元素：用于将特殊的效果添加到某些选择器讲道理，可能我语文不好，我觉得这两句话是等价的根本不能看出有什么区别都是对某些选择器“加特技”标准有这么一句话翻译过来是这样的CSS 引入伪类和伪元素的概念是为了实现基于文档树之外的信息的格式化这话更抽象，其实意思就是对那些我们不能通过class、id等选择元素的补充区别这个区

2021-03-27 21:19:46 15

原创【响应式Web前端设计】CSS后代选择器和子代选择器

文章目录子代选择器：>号后代选择器：空格文章目录子代选择器：>号后代选择器：空格子代选择器：>号 .father>div{ border: 2px solid blue; }`后代选择器：空格 .father div{ border: 2px solid pink; }后代，顾名思义，子孙后代，不仅包括子还包括孙，曾孙，曾曾孙

2021-03-27 21:11:14 23

原创【响应式Web前端设计】CSS 定位详解

文章目录1 position 属性的作用2 static 属性值3 relative，absolute，fixed3.1 relative 属性值3.2 absolute 属性值3.3 fixed 属性值1 position 属性的作用position属性用来指定一个元素在网页上的位置，一共有4种定位方式，即position属性主要有4个值。staticrelativefixedabsolute2 static 属性值static是position属性的默认值。如果省略position属性，

2021-03-27 20:46:30 26 1

原创【贪心+并查集优化】Supermarket

A supermarket has a set Prod of products on sale. It earns a profit px for each product x∈Prod sold by a deadline dx that is measured as an integral number of time units starting from the moment the sale begins. Each product takes precisely one unit of tim

2021-03-27 17:20:39 24

原创【Linux入门到精通系列讲解】Nginx详细介绍和安装使用(这一篇就够了)

文章目录1 Nginx 介绍2 简单请求和非简单请求3 正向代理和反向代理4 apache与nginx的区别5 Nginx 在Ubuntu 上的安装，测试5.1 Install5.2 防火墙设置5.3 Web 服务器验证5.4 Test6 nginx 进程管理命令1 Nginx 介绍传统的 Web 服务器，每个客户端连接作为一个单独的进程或线程处理，需在切换任务时将 CPU 切换到新的任务并创建一个新的运行时上下文，消耗额外的内存和 CPU 时间，当并发请求增加时，服务器响应变慢，从而对性能产生负面影

2021-03-27 11:05:24 22

原创【Linux入门到精通系列讲解】配置vim教程（简直不要太好看太方便）

文章目录1 样式2 插件管理器Vundle（安装即可）3 配置文件（直接复制）4 Vim使用1 样式2 插件管理器Vundle（安装即可）毋庸置疑，Vim 是一款强大的文本文件处理的通用工具，能够管理系统配置文件和编写代码。通过插件，Vim 可以被拓展出不同层次的功能。通常，所有的插件和附属的配置文件都会存放在 ~/.vim 目录中。由于所有的插件文件都被存储在同一个目录下，所以当你安装更多插件时，不同的插件文件之间相互混淆。因而，跟踪和管理它们将是一个恐怖的任务。然而，这正是 Vundle 所能处

2021-03-24 20:39:25 42 1

原创【Linux入门到精通系列讲解】shell脚本语法入门教程（看一篇就够了）

文章目录1 IF2 IF-TEHN-ELSE3 多步判断4 FOR循环5 WHILE循环6 case语句7 函数控制1 IF#!/bin/bash#假如在/tep/abc文件夹那么创建一个if [ ! -d ~/Desktop/work/tmp ] then mkdir -v ~/Desktop/work/tmp echo "123" echo "create /tmp/abc ok"fi2 IF-TEHN-ELSE#!/bin/bashi

2021-03-24 20:20:51 39 2

原创 python【数据结构与算法】KMP和扩展算法

文章目录1 KMP图解2 代码3 改进应用3.1 周期子串3.2 统计出现次数3.3 求一个字符串的相等的前后缀长度3.4增补字符成循环节1 KMP图解构造next数组进行匹配，出现不成功借助next数组进行保留最长前缀的匹配2 代码import mathimport cmathimport sysimport stringimport heapqimport bisectfrom queue import Queue,PriorityQueue,LifoQueuefrom

2021-03-23 18:35:55 21

原创 python【数据结构与算法】选数问题(指定值求和——递归)

def rec_subset(arr, i, s): if s == 0: return True elif i == 0: return arr[0] == s elif arr[i] > s: return rec_subset(arr, i - 1, s) else: A = rec_subset(arr, i - 1, s - arr[i])#选 B = rec_subset(arr

2021-03-22 16:13:20 25

原创 python【数据结构与算法】选数问题(选不相连最大值——DP)

#要求数字不相连def rec_opt(arr ,i): if i== 0: return arr[0] elif i == 1: return max(arr[0], arr[1]) else: A = rec_opt(arr, i - 2) + arr[i]#选 B = rec_opt(arr, i - 1)#不选 return max(A, B)def dp_opt(arr): op

2021-03-22 16:09:46 24

原创 python【数据结构与算法】最大上升子序列（简单dp）

1 状态转移方程2 代码实现if __name__=="__main__": b=[0 for i in range(5)] b[0]=1 len=0 a=list(map(int,input().split())) for i in range(5): for k in range(0,i): len=max(b[0:k+1]) if a[i]>a[k]:

2021-03-22 16:01:59 11

原创【2021年度训练联盟热身训练赛第三场】Diagonal Cut（python）

import mathimport cmathimport sysimport stringimport heapqimport bisectimport copyfrom queue import Queue, PriorityQueue, LifoQueuefrom collections import Counter, dequefrom itertools import permutations, combinationsfrom functools import cmp_to_

2021-03-21 15:48:56 63

原创【2021年度训练联盟热身训练赛第三场】Circuit Math（python）

import mathimport cmathimport sysimport stringimport heapqimport bisectimport copyfrom queue import Queue, PriorityQueue, LifoQueuefrom collections import Counter, dequefrom itertools import permutations, combinationsfrom functools import cmp_to_

2021-03-21 15:45:43 132 3

原创【2021年度训练联盟热身训练赛第二场】Soccer Standings（python）

import mathimport cmathimport sysimport stringimport bisectimport heapqimport copyfrom queue import Queue,PriorityQueue,LifoQueuefrom itertools import permutations,combinationsfrom collections import Counter,dequefrom functools import cmp_to_key,

2021-03-14 15:34:02 114

原创【2021年度训练联盟热身训练赛第二场】Tip to be Palindrome（python）

2021-03-14 15:33:26 42

原创【2021年度训练联盟热身训练赛第二场】g2g c u l8r（python）

2021-03-14 15:31:43 100 1

原创【2021年度训练联盟热身训练赛第二场】Binarize It（python）

2021-03-14 15:30:46 85

原创【Java Web开发指南】有状态会话Bean(SLSB) 和无状态会话Bean(SFSB)的区别

有状态会话Bean(SLSB) 和无状态会话Bean(SFSB)的区别1 无状态 (Stateless)在不同方法调用间不保留任何状态。事务处理必须在一个方法中结束。通常资源占用较少；可以被共享(因为它是无状态的) 。无状态Bean不会"专门"保存客户端的状态----(需要强调“专门”是因为无状态会话Bean也会有成员变量，有成员变量就可以保存状态，但它不会专门为特定的客户端保存状态。)。----你对ENTITY BEAN的数据操作不会被容器维护，当其他的用户要用ENT

2021-03-10 10:01:48 23

原创使用JDK工具生成SSL证书(网站https访问)

文章目录1 生成keystore文件2 配置Tomcat1 生成keystore文件这个流程网上有很多。2 配置Tomcat首先注释到之前http访问的Connector。再添加如下内容。<Connector port="8090" protocol="HTTP/1.1" SSLEnabled="true" maxThreads="150" scheme="https" secure="true" clientAuth="fal

2021-03-09 08:09:05 39

原创【Java Web开发指南】深入浅出Spring中的Bean

文章目录1 Bean的配置2 Bean的实例化2.1 构造器实例化2.2 静态工厂实例化2.3 实例工厂3 Bean的作用域1 Bean的配置2 Bean的实例化2.1 构造器实例化package top.lixiang007.instance.constructor;public class Bean1 {}<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframewor

2021-03-07 09:56:44 65 3

原创关系数据库概念辨析❤️

文章目录1 主码2 范式3 关系4 关系代数运算1 主码2 范式第一范式：简单说列不能再分第二范式：简单说建立在第一范式基础上，消除部分依赖第三范式：简单说建立在第二范式基础上，消除传递依赖。BCNF：主属性包含码3 关系做表时，1方主键要加入到多方。4 关系代数运算e.g S： A B R：B C 1 2 2 1 3 3

2021-03-04 11:39:49 50 1

原创【django轻量级框架】一个Github用户检索信息网站(解析和代码)

文章目录1 预览2 步骤详解3 代码1 预览2 步骤详解创建一个文件夹django-admin startproject myweb使用该命令创建一个项目。cd myweb python3 manage.py runserver 运行在服务器。python manage.py startapp myapp使用上面的命令创建一个模块。code. 打开vscode 也可以直接使用pycharm打开。pythone manage.py migrate 使用该命令消

2021-03-04 10:10:02 35

原创【Java Web开发指南】解析Spring中Ioc和DI（入门Demo）

文章目录1 Spring概述2 Spring的体系结构3 Ioc代码实现4 DI代码实现5 代码目录1 Spring概述一种Java应用开发框架，而SpringMVC是针对Web的框架。2 Spring的体系结构在Spring框架的lib文件夹中，分别有四个基础包，分别对应上图中Spring核心容器（Core Container）中的四个模块。3 Ioc代码实现依赖翻转指：这里我们不使用new创建一个实例对象，而是依赖于Spring配置文件声明一个对象。package top.lixia

2021-03-03 10:24:41 57 1

原创【响应式Web前端设计】Viewport解析

文章目录1 什么是 Viewport?2 设置 Viewport1 什么是 Viewport?viewport 是用户网页的可视区域。viewport 翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。2 设置 Viewport一个常用的针对移动网页优化过的页面的 viewpo

2021-03-02 08:57:23 39

basemap依赖库自取.zip

需要的网友自行下载 basemap whl文件对应于我疫情地图的那篇博客内含有两个whl文件版本python3.6.X 需要自取

2020-01-30

c选手-竞赛环境须知.doc

C/C++ 选手注意竞赛统一使用dev-cpp软件。该软件支持ANSI C++ 标准，支持STL类库。该软件为绿色软件，无需安装，直接点击devcpp.exe可使用

2019-10-28

DeskTopShare.rar

一个全面的桌面计算机和移动设备管理解决方案，用于集中管理企业网络中的服务器、计算机、手机及平板电脑等设备。免费版支持管理25台计算机和25台移动设备！在PC计算机管理方面，帮助系统管理员自动化安装补丁、部署软件、管理IT资产、管理软件许可、统计软件使用情况、远程控制计算机等等。在移动终端管理方面，通过对移动设备、移动应用及安全策略的管理，有效保障企业网络和信息安全。

2019-10-28