搜索到
19
篇与
的结果
-
最新React技术栈实战复杂代码 课程介绍React一直是前端开发的主流框架之一。随着技术的不断更新和改进，React生态系统中也不断涌现出新的技术栈。在这篇文章中，我们将探索最新的React技术栈，并介绍其中的一些新特性和开发工具。学习地址百度：https://pan.baidu.com/s/1LzijQ2mpX2pD0EDRFeZmQA?pwd=airg天翼：https://cloud.189.cn/web/share?code=r267NbaiQnI3（访问码：26e1）阿里：https://www.aliyundrive.com/s/8NRZnP3ZpZr夸克：https://pan.quark.cn/s/5812a72141b0 -
nginx禁止文件下载防止服务器被恶意扫描 自从网站建立之初到现在网站有了规模后，每天都有无数个机器人来恶意扫描网站备份文件，日志多的让你觉的可怕，对于这种恶意扫描的方法就需要以彼之道，还施彼身，我们可以通过以下俩种方法来防止服务器被恶意扫描，其中以彼之道，还施彼身的方法，彧繎把它称为：防暴美学。方法一此种方法比较暴力，就是以彼之道，还施彼身，利用伪静态规则进行跳转下载，比如：扫描根目录下的 /web.rar，那么就会触发规则跳转到大文件下载地址，100G让他慢慢下载，下个爽，磁盘爆了才开心。打开网站 Nginx 配置文件，将以下规则加入 server 内，完成配置，规则如下：server { ... # 专治扫描户 rewrite \.rar/?$ http://speedtest.tele2.net/100GB.zip permanent; rewrite \.tar/?$ http://speedtest.tele2.net/100GB.zip permanent; rewrite \.zip/?$ http://speedtest.tele2.net/100GB.zip permanent; rewrite \.sql/?$ http://speedtest.tele2.net/100GB.zip permanent; rewrite \.gz/?$ http://speedtest.tele2.net/100GB.zip permanent; rewrite \.7z/?$ http://speedtest.tele2.net/100GB.zip permanent; # 或者使用 rewrite \.(rar|zip|tar|sql|gz|7z)/?$ http://speedtest.tele2.net/100GB.zip permanent; ... }如果你觉得 100GB 响应时间有点长，那么下面的小文件下载地址，任你挑选，包你满意，地址如下：新加坡： http://lg-sin.fdcservers.net/10GBtest.zip 日本： http://lg-tok.fdcservers.net/10GBtest.zip 香港： http://lg-hkg.fdcservers.net/10GBtest.zip方法二此方法最简单粗暴，直接网站 Nginx 配置文件里面添加以下的规则，针对服务器上经常让扫描的文件，进行直接禁止访问，请注意：资源下载网站请慎用，规则如下：server{ ... # 禁止访问指定文件 location ~ \.(zip|rar|sql|tar|gz|7z)$ { return 444; } ... }以上 Nginx 规则就是有恶意扫描访问网站上的 zip|rar|sql|tar|gz|7z 等资源时，直接返回 444 错误码。最后说明以上方法各有千秋，但我更加喜欢第一种方法，以彼之道，还施彼身，像我的性格，既然来了，我也不好意思让人家空手而归是吧，而方法二之所以没有选择，是因为本站毕竟提供下载服务，如果直接全部禁止访问，那么用户就没办法下载了，所以资源下载网站请慎用方法二。AE博客：https://www.aieok.com/article/share/322.html
-
-
添加网页动态滚动进度条|滚动指示器 <!--动态滚动进度条--> <div class="scroll-line" style="z-index: 999;position: fixed;height: 3px;margin-top: 0px;background-color: #6B999B;width: 0%;"></div> <script type="text/javascript"> $(window).scroll(function() { var winTop = $(window).scrollTop(), //滚动条的位置 docHeight = $(document).height(), //文档高度 winHeight = $(window).height(); //窗口高度 var scrolled = (winTop / (docHeight - winHeight))*100; $('.scroll-line').css('width', (scrolled + '%')); }); </script>
-
简洁漂亮的广告展示代码 !!!效果图代码如下<!--图片广告区域开始--><div style="background-color:#fff;box-shadow:0px 0px 10px #dedede;padding:5px;margin-top:5px;margin-bottom:5px;"><!-- <h3 class="fly-panel-title" style="border-bottom:1px dotted #e2e2e2;margin-bottom:10px;"> 赞助商广告 <a style="float:right;color:#dedede;" href="https://www.xiaoxinjcw.cn/about/ad.html" target="_blank" onmouseover="this.style.color='#F00'" onmouseout="this.style.color='#dedede'">广告招商</a> </h3>--> <a class="adplan" data-id="15" style="display:block;width:100%;margin-bottom:10px;" rel="nofollow" target="_blank" href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" title="广告联系q：460876667|过期时间：永久"> <img src="http://www.xyuzy.com/gge/gg.png" style="max-height:70px;width:100%;border-radius:4px;" width="644" height="70" title="" align="" alt="" /></a> <!--图片广告区域结束--> <!--顶部双排广告第二行--><style>#nr{ font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff0000 6.25%, #ff7d00 12.5%, #ffff00 18.75%, #00ff00 25%, #00ffff 31.25%, #0000ff 37.5%, #ff00ff 43.75%, #ffff00 50%, #ff0000 56.25%, #ff7d00 62.5%, #ffff00 68.75%, #00ff00 75%, #00ffff 81.25%, #0000ff 87.5%, #ff00ff 93.75%, #ffff00 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; animation: masked-animation 2s infinite linear; } @keyframes masked-animation { 0% { background-position: 0 0; } 100% { background-position: -100%, 0; } }</style><div style="background-color:#333;border-radius:25px;box-shadow:0px 0px 5px #f200ff;padding:5px;margin-top:10px;margin-bottom:0px;"> <marquee> <b id="nr">公告：欢迎来到晓新教程网 - 一家专业的热门资源聚合平台！晓新教程网：www.xiaoxinjcw.cn </b> </marquee> </div><!--顶部双排广告第二行--><style>.txtguanggao{width: 100%;overflow: hidden;display: block;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}.txtguanggao a{width: 24.5%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}.txtguanggao a:nth-child(1) {background-color: #dc3545;}.txtguanggao a:nth-child(2) {background-color: #007bff;}.txtguanggao a:nth-child(3) {background-color: #28a745;}.txtguanggao a:nth-child(4) {background-color: #ffc107;}.txtguanggao a:nth-child(5) {background-color: #28a745;}.txtguanggao a:nth-child(6) {background-color: #ffc107;}.txtguanggao a:nth-child(7) {background-color: #dc3545;}.txtguanggao a:nth-child(8){background-color: #007bff;}.txtguanggao a:hover{background:#FF2805;color:#FFF}@media screen and (max-width: 1000px) {.txtguanggao a{width: 47.96%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}} </style><div class="txtguanggao"> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> </div></div><!--文字广告结束-->
