meta

前端学习(112):绝对定位和绝对定位

孤街醉人 提交于 2019-12-15 12:28:25
<!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>相对定位和绝对定位</title> <style> #box1{width: 300px;height: 300px;border:1px black solid;margin: 200px;position: relative;} #box2{width: 100px;height: 100px;background: red;position: absolute;left: 0px;top: 0px;} </style> </head> <body> <div id="box1"> <div id="box2"></div> </div> </body> </html> 运行结果 来源: CSDN 作者: 你知道歌谣吗? 链接: https://blog.csdn.net/weixin_43392489/article/details/103518077

前端学习(113):fixed

こ雲淡風輕ζ 提交于 2019-12-15 12:27:36
<!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>fixed</title> <style> body{height: 2000px;} #box1{width: 300px;height: 300px;border:1px black solid;margin:200px;position: relative;} #box2{width: 100px;height: 100px;background: red;position: fixed;left:0;top:0;} </style> </head> <body> <div id="box1"> <div id="box2"></div> </div> </body> </html> 运行结果 来源: CSDN 作者: 你知道歌谣吗? 链接: https://blog.csdn.net/weixin_43392489/article/details/103518293

前端学习(115):zindex

岁酱吖の 提交于 2019-12-15 12:20:39
<!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>Zindex</title> <style> #box1{width: 100px;height: 100px;background: red;position: absolute;z-index: 1;} #box2{width: 100px;height: 100px;background: blue;position: absolute;left: 50px;top: 50px;} </style> </head> <body> <div id="box1"></div> <div id="box2"></div> </body> </html> 运行结果 来源: CSDN 作者: 你知道歌谣吗? 链接: https://blog.csdn.net/weixin_43392489/article/details/103518429

前端学习(88):透明度

爷,独闯天下 提交于 2019-12-15 11:46:26
<!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> <style> #div1{ width:100px; height: 100px; background: red; opacity: 0.5; } #div2{ width:100px ; height: 100px; background: rgba(255,0,0,0.5); } </style> </head> <body> <div id="div1">我是歌谣</div> <p>我是顾顾</p> <div id="div2">我是歌谣</div> </body> </html> 运行结果 来源: CSDN 作者: 你知道歌谣吗? 链接: https://blog.csdn.net/weixin_43392489/article/details/103465731

NeurIPS2019 对抗样本+元学习paper收录

放肆的年华 提交于 2019-12-15 07:10:36
1.1.Adversarial Examples Are Not Bugs, They Are Features 1.2.Metric Learning for Adversarial Robustness 1.3.Adversarial Self-Defense for Cycle-Consistent GANs 1.4.Model Compression with Adversarial Robustness: A Unified Optimization Framework 1.5.A New Defense Against Adversarial Images: Turning a Weakness into a Strength 1.6.Defense Against Adversarial Attacks Using Feature Scattering-based Adversarial Training 1.7.Fooling Neural Network Interpretations via Adversarial Model Manipulation 1.8.Adversarial Training and Robustness for Multiple Perturbations 1.9.Lower Bounds on Adversarial

js img 图片转BASE64

馋奶兔 提交于 2019-12-15 05:26:45
<!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> <style> </style> </head> <body> <div> <input type="file" id="myimg" οnchange="imgChange(this)" accept="image/png,image/gif,image/jpeg"/> <img width="300px" src="" alt=""> </div> <script> function imgChange(img) { // 生成一个文件读取的对象 const reader = new FileReader(); reader.onload = function (ev) { // base64码 var imgFile =ev.target.result;//或e.target都是一样的 document.querySelector("img").src= ev

flexible.js 移动端自适应方案

我怕爱的太早我们不能终老 提交于 2019-12-15 05:09:57
一,flexible.js 的使用方式: github地址: https://github.com/amfe/lib-flexible 官方文档地址: https://github.com/amfe/article/issues/17 本文中有部分内容引至上面这个文档。 (一),引用方式 1,引用cdn地址 <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js" ></script> 当前最新的版本是0.3.2。 2,下载flexible.js 等文件到项目指定目录下,然后在head中引入。建议对于js做内联处理,在所有资源加载之前执行这个js。 下面是淘宝的写法: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="yes" name="apple-touch-fullscreen" /> <meta content="telephone=no,email=no" name="format-detection" /> <meta content="maximum

前端学习(106):嵌套清除浮动 display

混江龙づ霸主 提交于 2019-12-15 04:36:53
<!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>清除浮动</title> <style> #box1{ width: 200px;height:100px;border: 5px black solid;display: inline-block; } #box2{ width: 100%;;height: 100px;background: red;float: left; } </style> </head> <body> <div id="box1"> <div id="box2"></div> </div> <p>aaaaa</p> </body> </html> 运行结果 来源: CSDN 作者: 你知道歌谣吗? 链接: https://blog.csdn.net/weixin_43392489/article/details/103516370

2019 SDN上机第7次作业

寵の児 提交于 2019-12-14 19:43:33
2019 SDN上机第7次作业 1.作业要求: 1.根据P4教程,将basic和basic_tunnel两个案例程序补充完整,成功运行 2.说明案例程序的编译执行流程 3.提交你对P4的认识和体会 4.完成教程的其他任意一个案例(选做) 2.具体操作步骤与截图说明(补充代码和执行流程穿插在内) (1)根据P4教程,将basic和basic_tunnel两个案例程序补充完整,成功运行: basic.p4补充完整后的代码: /* -*- P4_16 -*- */ #include <core.p4> #include <v1model.p4> const bit<16> TYPE_IPV4 = 0x800; /************************************************************************* *********************** H E A D E R S *********************************** *************************************************************************/ typedef bit<9> egressSpec_t; typedef bit<48> macAddr_t; typedef bit<32

intellij idea 生成可执行jar 运行提示没有主清单属性

。_饼干妹妹 提交于 2019-12-14 17:46:40
intellij idea 生成可执行jar 运行提示没有主清单属性 方法一: 第一步 file-->project structure 弹框后选中Atifacts---> + ---->jar---->from module with dependenceis 第二步 选择一个Main Class,然后指定META-INF/MANIFEST.MF的路径为src下(注意不要放到main/java目录下,否则打成的jar中META-INF/MANIFEST.MF不含有Main Class信息) 方法二: 在pom.xml 中添加 <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-jar-plugin</artifactId> <version>3.0.2</version> <configuration> <archive> <manifest> <addClasspath>true</addClasspath> <!-- 此处为程序主入口--> <mainClass>suda.edu.SparkTest</mainClass> </manifest> </archive> </configuration> </plugin> </plugins> 来源: CSDN 作者: