jpg | 易学教程

相对路径和绝对路径的区别（详解）

阅读更多关于相对路径和绝对路径的区别（详解）

1.绝对路径绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用以下语句： <body backround="E:\book\网页布局\代码\第2章\bg.jpg" > 2.使用绝对路径的缺点事实上，在网页编程时，很少会使用绝对路径，如果使用“E:\book\网页布\代码\第2章\bg.jpg”来指定背景图片的位置，在自己的计算机上浏览可能会一切正常，但是上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时，可能整个网站并没有放在Web服务器的E盘，有可能是D盘或H盘。即使放在Web服务器的E盘里，Web服务器的E盘里也不一定会存在“E:\book\网页布局\代码\第2章”这个目录，因此在浏览网页时是不会显示图片的。 3.相对路径为了避免这种隋况发生，通常在网页里指定文件时，都会选择使用相对路径。所谓相对路径，就是相对于自己的目标文件位置。例如上面的例子，“s1.htm” 文件里引用了“bg.jpg”图片，由于“bg.jpg”图片相对于“s1.htm”来说，是在同一个目录的，那么要在“s1.htm”文件里使用以下代码后

web中间件常见漏洞总结笔记

阅读更多关于 web中间件常见漏洞总结笔记

之前看吐司别人发的个文档，简单记的笔记 ----- IIS 解析漏洞 IIS 6 *.asp;.jpg会被当作asp解析 *.asp/目录下的文件会被当作asp解析 asa cdx cer后缀也会被当作asp解析 IIS 7 在Fast-CGI时,test.jpg在url后加/.php即可解析成php文件 PUT任意文件写入开启了WebDAV并允许写入 IIS短文件漏洞 CVE-2017-7269 2003 r2 IIS 6 开启WebDAV Apache 解析漏洞未知扩展名解析漏洞 1.php.xxx AddHandler导致的解析漏洞如果有"AddHandler application/x-httpd-php .php",只要有.php后缀即可a.php.jpg HTTPD换行解析漏洞 CVE-2017-15715 影响2.4.0-2.4.29 上传时文件名为phpinfo.php换行符,访问/phpinfo.php%0a Nginx Nginx配置文件错误导致的解析漏洞 info.jpg/1.php Nginx空字节任意代码执行漏洞 0.5 0.6 0.7-0.7.65 0.8-0.8.37 webshell名为a.jpg 访问a.jpg空字节.php Nginx文件名逻辑漏洞 0.8.41-1.4.3 1.5.0-1.5.7 上传时为a.jpg空格,访问a

《前端》制造假数据引入json

阅读更多关于《前端》制造假数据引入json

制造假数据引入json https://blog.csdn.net/weixin_42118466/article/details/89533922 1、在项目开发的过程中，如果后台接口还未开发完成，这个时候所以我们可以自建一个假数据文件(如data.json)到项目文件夹中，这样我们就可以模仿后台的数据进行开发。但是，如何在一个vue.js 项目中引入本地的json文件呢，下面就将步骤贴出来整个项目是由vue-cli脚手架搭建而成。具体项目结构如下： 1：首先我们使用vue-cli脚手架工具打包成上图所示的样子，不会vue-cli请跳转至这里：传送门 https://www.cnblogs.com/momozjm/p/6297455.html 2：我们找到bulid>dev-server.js,然后打开 3：在里面加入这段代码，大概在20行左右）。 var app = express() // 从这后面开始加 var goodsData = require('../data.json') var router = express.Router() router.get("/goods", function (req,res) { res.json(goodsData) }) app.use(router) 这里用到的是node.js+express框架的知识 4

jquery实现淘宝精品图片切换

阅读更多关于 jquery实现淘宝精品图片切换

写一个小的案例，会用到筛选选择器，实现一下淘宝精品图片的切换，接下来直接来看代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> *{ margin:0; padding:0;} ul,li{list-style: none;} a{text-decoration: none;} .box{overflow: hidden;width:600px;margin:100px auto;} #left,#right{float:left;width:80px;border:1px solid #e5e5e5;text-align: center;} #left li,#right li{line-height:45px;height:45px;border-top:1px solid #e5e5e5;} #left li:hover,#right li:hover{background: #ff7e7e;} #left li:hover a,#right li:hover a{color:#fff;} #center{width: 300px;height:232px;float: left;} #center li{width:

精品服饰列表JQ写法

阅读更多关于精品服饰列表JQ写法

html: <body> <div class="wrapper"> <ul id="left"> <li><a href="#">女靴</a></li> <li><a href="#">雪地靴</a></li> <li><a href="#">冬裙</a></li> <li><a href="#">呢大衣</a></li> <li><a href="#">毛衣</a></li> <li><a href="#">棉服</a></li> <li><a href="#">女裤</a></li> <li><a href="#">羽绒服</a></li> <li><a href="#">牛仔裤</a></li> </ul> <ul id="center"> <li> <a href="#"><img src="images/女靴.jpg" width="200" height="250" /></a> </li> <li> <a href="#"><img src="images/雪地靴.jpg" width="200" height="250" /></a> </li> <li> <a href="#"><img src="images/冬裙.jpg" width="200" height="250" /></a> </li> <li> <a href="#"><img src=

图片切换

阅读更多关于图片切换

将图片和文字放入一个div之中然后点击按钮就可以将图片和文字进行动态转变！代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload = function(){ var a = document.getElementById("a"); var buts = document.getElementById("b"); var butx = document.getElementById("c"); var imgarr = ["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg","img/5.jpg","img/6.jpg","img/7.jpg","img/8.jpg","img/9.jpg"]; // 创建一个变量来保存当前正在显示的索引 var index = 0; var info = document.getElementById("info"); info.innerHTML = "一共"+imgarr.length+"当前"+(index+1)+"张"; buts.onclick = function(){ index--; if(index < 0){

批量处理TXT转csv

阅读更多关于批量处理TXT转csv

方法一： Ren命令可用于修改文件的名称，包括后缀名。比如，将D盘中的1.jpg重命名为2.png，只需在命令提示符中输入下面的命令，然后回车即可。 ren D:\1.jpg 2.png 注意，如果提示权限不足，那么你需要以管理员身份运行命令提示符。如果要批量修改后缀名，可借助通配符来实现。比如将D盘中的所有文件后缀名改为jpg的命令为： ren D:\* *.png 如果只想将某一类型文件（具有相同后缀名）修改为另一个类型，比如，将D盘中的所有jpg文件后缀修改为png，其命令为： ren D:\*.jpg *.png 如果你经常需要批量修改后缀名，可以把下面两条命令复制到txt文本文档中: cd /d %~dp0 ren * *.csv 保存后将其后缀txt修改为bat。以后只需要把这个bat文件与需要修改的文件放到同一目录中，然后以管理员身份运行这个bat文件即可将该目录下的所有文件后缀名改为jpg 方法二：下载工具FreeRename.exe 添加一个文件，新扩展名为csv 以上两种方法都亲测有效 ———————————————— 版权声明：本文为CSDN博主「Emily Du」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/duxinyuhi/article/details

史上最详细的VMware 安装CentOS 7

阅读更多关于史上最详细的VMware 安装CentOS 7

1、点击“创建新的虚拟机”： ![file](https://img2018.cnblogs.com/blog/209997/202001/209997-20200117235725215-930608463.jpg) 2、默认“下一步”： ![file](https://img2018.cnblogs.com/blog/209997/202001/209997-20200117235725629-82439620.jpg) 3、默认“下一步”： ![file](https://img2018.cnblogs.com/blog/209997/202001/209997-20200117235725899-2706101.jpg) 4、选择"稍后安装操作系统",点击“下一步”： ![file](https://img2018.cnblogs.com/blog/209997/202001/209997-20200117235726126-43955984.jpg) 5、系统选择”Linux“，版本选择”CentOS 7“: ![file](https://img2018.cnblogs.com/blog/209997/202001/209997-20200117235726375-1991364040.jpg) 6、默认“下一步”： ![file](https://img2018

javascript之Banner图片焦点轮播

阅读更多关于 javascript之Banner图片焦点轮播

这个Banner唯一不好的就是没有前进和后退的button,写过两个版本的banner,这次这个是下面有浮动层的。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body style="padding: 0; margin: 0;"> <div style="width: 1024px; margin: auto;"> <div id="can" style="width: 820px; height: 421px;"> <img src="img/qingxin_ziran_fengjing-001.jpg" id="img" /> </div> <div style="position: absolute; left: 500px; top: 420px; opacity: 0.5;"> <input type="radio" id="vary" value="first" name="start" checked="checked" /> <input type="radio" id="very"

图片该如何优化来提高网站的性能，这里提供几种方法

阅读更多关于图片该如何优化来提高网站的性能，这里提供几种方法

译者：前端小智作者：Ayo Isaiah 来源：https://www.freecodecamp.org/ 个人专栏 ES6 深入浅出已上线，深入ES6 ，通过案例学习掌握 ES6 中新特性一些使用技巧及原理，持续更新中，←点击可订阅。点赞再看，养成习惯本文 GitHub https://github.com/qq44924588... 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。为了保证的可读性，本文采用意译而非直译。图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。因此，虽然网络图像需要清晰明快，但它们尺寸可以缩小压缩的，使用加载时间保持在可接受的水平。在我的网站上，我注意到我的主页的页面大小超过了 1.1MB ，图片占了约88%，我还注意到我提供的图像比它们需要的大(在分辨率方面)，显然，还有很多改进的空间。我开始阅读 Addy Osmani 的优秀 Essential Image Optimization电子书，并开始在我的网站上按照他们的建议做了一些图片的优化。，然后再对响应式图像进行了一些研究并应用了它。这使得页面大小减少到 445kb ，约 62% ! 什么是图像压缩?

订阅 jpg