广告条

学成在线案例demo7.html

萝らか妹 提交于 2020-02-17 17:58:04
<!-- 这个代码是demo7笔记里的实例代码,请结合demo7笔记查看 --> <!DOCTYPE html> < html lang = " zh_CN " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < title > Document </ title > < style > * { margin : 0 ; padding : 0 ; } body { background-color : #f3f5f7 ; } li { list-style : none ; } a { text-decoration : none ; color : #070707 ; } .clearfix:before, .clearfix:after { content : "" ; display : table ; } .clearfix:after { clear : both ; } .clearfix { * zoom : 1 ; } .w { width : 1200px ; margin : 0 auto ; } .header { height : 42px ; margin :

Html+css 一个简单的网页模板

こ雲淡風輕ζ 提交于 2020-02-15 06:47:33
一个简单的网页模板,有导航、子菜单、banner部分 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 2 "http://www.w3.org/TR/html4/loose.dtd"> 3 <html> 4 <head> 5 <title>网页</title> 6 <meta charset="UTF-8"> 7 <style> 8 .header,.footer,.con2{width: 100%;} 9 .header{background-color: #00a2e8} 10 .nav{margin: 50px 100px 0 100px;background-color: #ffb9ab;height: 23px;} 11 /*float: left;*/ 12 .nav1:hover>ul{display: block;} 13 .nav1>ul>li{list-style:none} 14 .nav>div{display: inline-block;width: 20%} 15 /*相对父级元素定位*/ 16 .nav>div>ul{display: none;float: left;} 17 /*给ul加浮动*/ 18 .nav>div>div:hover ul{top:0;} 19

Springboot 2使用SpringApplication

非 Y 不嫁゛ 提交于 2020-02-11 05:21:12
SpringApplication 使用静态方法 SpringApplication.run(MySpringConfiguration.class, args); 使用构造器 SpringApplication app = new SpringApplication(MySpringConfiguration.class); app.setBannerMode(Banner.Mode.OFF); app.run(args); 使用 builder new SpringApplicationBuilder(Application.class) .bannerMode(Banner.Mode.OFF) .run(args); 1、失败分析器 初始化实现了 FailureAnalyzer 接口的失败分析器,可以在启动失败时,打印错误日志和解决操作方法。比如启动端口被占用时打印如下日志: 2019-08-07 10:22:32.534 ERROR 2616 --- [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPLICATION FAILED TO START *************************** Description: The Tomcat

漏洞扫描-端口

孤街醉人 提交于 2020-02-10 14:46:01
目的:构建一个简单的漏洞扫描器,它的主要功能是连接一个TCP套接字,从目标服务器上读取banner,并将其与自定义的漏洞服务器版本相比较。 实施前奏: 变量:在python中,变量是指 可以存储可变数据的标识体,这个数据可以是整数型、浮点型、字符型、布尔型,或者是列表、字典等更复杂的数据。接下来定义一个变量port用来存储整型和一个变量banner用来存储字符串。然后将这两个变量进行拼接,因为某些特性这里将整型的port变量所存储的值临时转换为字符型。 >>> port = 21 >>> banner = "FTP Server" >>> print "[+] Checking for "+banner+" on port "+str(port) [+] Checking for FTP Server on port 21 当我们声明变量时python程序准备给变量预留内存空间,而解释器会自动的为它们进行类型分配并确定通知后台程序具体分配多少内存空间,比如下面这个样子: >>> type(banner) <type 'str'> >>> type(port) <type 'int'> >>> portList = [21,22,80.445] >>> type(portList) <type 'list'> >>> portOpen = True >>> type(portOpen

《图解设计模式》读书笔记1-2 Adapter模式

余生长醉 提交于 2020-02-10 04:52:48
目录 Adapter即适配器,可以类比为将220V的电压的电源转为5V电压的手机充电器,起转换的作用。 明确概念: Adaptee :被适配者,即220v电压的电源 Adapter :适配器,即手机充电器 Target :适配目标,即输出5V电压 Client :请求适配者,即手机 Adapter模式有两种实现: 使用继承的适配器。 类图 代码 //Adaptee public class Banner { private String string; public Banner(String string) { this.string = string; } public void showWithParen() { System.out.println("("+string+")"); } public void showWithAster() { System.out.println("*" + string + "*"); } } //Target public interface Print { public abstract void printWeak(); public abstract void printStrong(); } //Adapter public class PrintBanner extends Banner implements Print {

banner轮播图制作

妖精的绣舞 提交于 2020-02-09 18:17:08
之前做过几次banner的轮播图在后期都发现了一些问题,所以这次更新了最新版元素js制作轮播图的方法,效果图如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Banner轮播图</title> <style> * { margin: 0; padding: 0; } a { text-decoration: none; color: inherit; } ul, ol { list-style-type: none; } #banner { width: 1280px; height: 320px; position: relative; overflow: hidden; border-radius: 5px; } #banner img { width: 100%; height: 100%; } #oul li { position: absolute; top: 0; left: 0; transition: 1s; } #ool { position: absolute; right: 20px; bottom: 20px; z-index: 2; } #ool li { float: left; width: 35px; height: 4px; transition: 1s;

安卓加载网络图片实现轮播以及跳过功能

泄露秘密 提交于 2020-02-03 08:10:19
天气冷,先热身, 在之前demo的基础上,新增加了跳过按钮,点击跳过,直接进入下一个activity。 ******重点: 在 AndroidManifest.xml 的 application 中添加 android:usesCleartextTraffic="true"*****************/ 最近自己根据领导要求app启动页面要放产品图片(以轮播的形式),方便用户查看,做了一个简单的demo,实现了基本图片轮播功能,亲测可用。 csdn地址:https://download.csdn.net/download/qq_35702985/11545257(旧地址,只有网络图片轮播功能) csdn地址:https://download.csdn.net/download/qq_35702985/11705792(新地址,网络图片轮播功能 + 跳过功能) 下面贴了部分代码: 网络图片加载: MainActivity: String[] urls = getResources().getStringArray(R.array.url);List list = Arrays.asList(urls);images = new ArrayList(list);//设置自动轮播,默认为truebanner.isAutoPlay(true);//设置轮播时间banner

H5网页布局+css代码美化

三世轮回 提交于 2020-02-01 22:41:43
HTML5的结构化标签,对搜索引擎更友好 li 标签对不利于搜索引擎的收录,尽量少用 banner图片一般拥有版权,不需要搜索引擎收录,因此可以使用ul + li <samp></samp>可用于浅色副标题 display:inline-block; 每个导航块存在水平间隙,解决方法是在父元素上添加font-size:0; sublime安装csscomb插件 选中css代码, ctrl+shift+c 自动整理好代码 排序前: 排序后: 此时存在多余的空行 解决方法: 安装cssformat插件,对代码执行edit->cssformat->expanded 即可删除空行 选中单句样式前面的空白部分(即tab空位) 然后alt+f3 会统一选中所有tab留白 按一次删除,再按一次删除,再空一格 此时这个效果: 然后按向下箭头,按向左箭头,按删除一次,再加个空格 此时效果 再向下箭头,再删除 此时效果 css样式代码美化完毕。 新标签元素的浏览器兼容解决: header,nav,section,aside,article,footer{display: block;} 最后晒出所有代码 index.html <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8">

Spring日志中Banner生成工具

痞子三分冷 提交于 2020-01-29 04:31:22
常规的SpringBoot项目 Banner 是这样的: 你可以配置自己喜欢的Banner 如果让我们手工的来编辑这些字符画,显然是一件非常困难的差事。所以,我们可以借助下面这些工具,轻松地根据文字或图片来生成用于Banner输出的字符画。 文字Banner http://patorjk.com/software/taag http://www.network-science.de/ascii/ 图片Banner http://www.degraeve.com/img2txt.php 配置方法: 将生成的Banner粘贴放在创建好的Banner下面即可 Banner关闭方法 启动类下加入下面代码: public class DemoApplication { public static void main ( String [ ] args ) { // SpringApplication.run(DemoApplication.class, args); SpringApplicationBuilder builder = new SpringApplicationBuilder ( DemoApplication . class ) ; SpringApplication build = builder . build ( ) ; build . setBannerMode (

js轮播图学习总结及案例

馋奶兔 提交于 2020-01-29 04:19:05
js轮播图有闪现的、过渡的,有横向的,竖向的,其中各有区别,但大体上差不多,需要自己去体会总结,我就直接上代码了 < ! 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-UA-Compatible" content = "ie=edge" > < title > Document < / title > < script src = "../todo.js" > < / script > < style > * { margin : 0 ; padding : 0 ; } div { width : 500 px ; margin : 0 auto ; } #view { width : 500 px ; margin : 0 auto ; height : 300 px ; border : 5 px solid black ; overflow : hidden ; position : relative ; } #banner li { float : left ;