其他教程
模板兔提供一些网站建设相关的教程,让大家迅速的做好一个网站。
CloudFlare 的缓存可以提高网站的访问速度,但有时也会带来一些管理上的麻烦。好在,CloudFlare 允许禁用缓存。
CloudFlare 没有直接的配置项可以禁用缓存,但它提供了 Page Rule。
使用 Page Rule 完全禁用缓存:
erphpdown.com/*
*.erphpdown.com/*
添加两条规则,都选择 Cache Level(缓存规则),值为 ByPass(绕过)。
最后不要忘了在 Caching 面板中,Purge Cache 清除所有缓存。
这样就禁用了你整个网站的缓存了。
swiper幻灯片窗口大小变化以及container容器宽度变化时会导致图片宽度与容器宽度不一样,出现错乱,经过一番查询,可以在swiper的初始化里加以下代码
resizeObserver: true, //窗口容器变化
on: {
resize: function(){
this.update(); //窗口变化时,更新Swiper的一些属性,如宽高等
},
}
但是,这个代码仅对浏览器窗口变化有效,container容器大小变化时无效,那么怎么解决呢?
可以动态获取容器的宽度,修改容器的宽度,但是我们不能直接获取容器的宽度,只能通过窗口的宽度减去其他div的宽度,计算出最新的容器的宽度。
var ddd = window.innerWidth - 90 - $(".sidebar-left").width();
swiperHome.el.style.width = ddd+'px'...
最近开发时遇到一个很奇怪的问题,swiper轮播时第二张开始会往左偏移,一开始我以为是宽度没100%,设置后也没用,百思不得其解。
最后找到了解决方案:
var swiper = new Swiper('.swiper-container', {})中添加
observer: true, // 修改swiper自己或子元素时,自动初始化swiper
observeParents: true, // 修改swiper父元素时,自动初始化swiper
这样就解决了!
PHP的array_filter函数,通过array_filter可以在数组中查找value
<?php
// 定义一个二维数组
$arr = array(
array('id'=>2, 'score'=>103),
array('id'=>5, 'score'=>102),
array('id'=>3, 'score'=>102),
array('id'=>3, 'score'=>107),
array('id'=>4, 'score'=>101),
);
/*********** 在二维数组中通过value查找数组元素 ***********/
$searchValue = 102;
$r = array_filter($arr, function($t) use ($searchValue) { return $t['score'] == $searchValue; });
var_dump($r);
/******************** 查找end ********************/
?>
本文实例为大家分享了JavaScript实现无缝滚动图片的具体代码,供大家参考,具体内容如下:
参数说明:
setInterval 开启间隔型定时器
clearTimeout 关闭定时器
offsetWidth 获取宽度
offsetLeft 获取向左偏移量
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>无缝移动</title>
<style>
*{margin: 0; padding: 0;}
#div1{width:520px; height:170px; margin:20px auto; position: relative; /* !!! div1 的位置是相对的 */
background: pink; overflow: hidden} /* !!! overflow: hidden */
#div1 ul{position: absolute; left:0; top:0;} ...
checkbox/ radoi默认不支持更改背景颜色,这里可以使用伪类来实现。基本原理是利用after/ before插入新的元素。然后利用新元素的背景颜色或背景图片覆盖掉原来的样式。
input[type=checkbox] {
margin-right: 5px;
cursor: pointer;
font-size: 14px;
width: 15px;
height: 12px;
position: relative;
}
input[type=checkbox]:after {
position: absolute;
width: 10px;
height: 15px;
top: 0;
content: " ";
background-color: #ff0000;
color: #fff;
display: inline-block;
visibility: visible;
padding: 0px 3px;
border-radius: 3px;
}
input[type=checkbox]:checked:after {
content: "✓";
font-size: 1...
这里提供宝塔官方论坛的一键脚本安装,但是安装过程也非常漫长,慢慢等吧。
wget http://download.bt.cn/install/ext/ffmpeg.sh && sh ffmpeg.sh
安装完后可输入以下命令是否安装成功。
ffmpeg -version
3、网站应用
应用到网站需要在PHP×设置中取消掉 scandir,exec、system、shell_exec函数。
装好之后,PHP截图某一帧代码:
exec('/usr/local/bin/ffmpeg -ss 00:00:01 -i ./test.mp4 ./test.jpg -r 1 -vframes 1 -an -f mjpeg 1>/dev/null');
PHP代码示例:
function ffmpeg_thumb_callback(){
global $wpdb;
$post_id = esc_sql($_POST['post_id']);
$video = esc_sql($_POST['video']);
$status = 0;
...
CloudFlare大家都知道是做防护的,那么我们把域名DNS换成CF的之后,如果使用CF的免费SSL证书呢?
其实很简单,只需要一步即可,而且你不需要在服务器里配置SSL。当然,这个免费SSL证书只加密浏览器与 Cloudflare 之间的流量,也就是说SSL/TLS 加密模式为 灵活。
在CF后台的网站菜单里,点进某个域名,你会看到如下:
生效后,上图的那个“无证书”的地方会显示你的域名,状态为有效。
1、清理网站日志/php站点session/系统邮件/临时文件
cd /www/server/panel && python tools.pyc clear
2、清空面板回收站
rm -rf /www/Recycle_bin
3、清除mysql二进制日志(操作过程中会停止重启数据库)
/etc/init.d/mysqld stop
rm -f /www/server/data/ib_logfile*
rm -f /www/server/data/mysql-bin.*
/etc/init.d/mysqld start
4、检查磁盘剩余空间
df -h
5、查询整个服务器磁盘空间内容
du -h --max-depth= /
假如看到www文件夹占用空间较大,那么定位到www目录
du -h --max-depth= /www/
找到大文件删掉即可。一般都是一些.log日志文件把磁盘空间占满了。
如果你网站使用了CDN,那么网站日志上获取的ip就不是真实的ip,是CDN提供商的ip,如果你网站遭到攻击,然后你把网站日志上面的ip加入黑名单了,会造成那一片区的访客都无法进入你网站,因为你封掉的是cdn的ip。
所以只有获取真实ip后,才能采取封ip的方法来阻止恶意ip访问你网站。此方法针对使用宝塔面板的用户,并且环境是Nginx
教程步骤
1.登录宝塔面板
2.点击左下方的软件商店
3.在已安装的应用的找到Nginx,点后面的设置
4.选择配置修改,加入以下代码
set_real_ip_from 0.0.0.0/0;
real_ip_header X-Forwarded-For;
如下图
5.点击保存,然后点配置修改上面的服务,会看到重启按钮,点一下重启就好了。
我们在建站过程中常常会有用户注册登录功能,为了减去注册步骤,做社交一键登录是一个首选,但是这些社交登录都要求备案域名,那么未备案的域名怎么申请QQ互联呢?
准备条件:
1、需要具备QQ互联开发者账号 我的是个人开发者
2、一个域名这里注意一下 要国际域名【要国外注册商】
3、先在QQ互联上申请,填好信息
4、然后进入QQ邮箱收信人填 connect@qq.com,标题填写可参考:未备案国际域名 申请QQ互联 APPid:*,内容要求如下
主要注意事项:就是域名要国际域名,国外注册商,如果用阿里云的域名申请,就会不给通过。
uniCloud提供免费100G云存储空间,不限流量,底层是阿里云OSS,因此速度非常快。这个源码是cccyun利用uniCloud云存储开发的一款图床源码。
和网上其他的uniCloud图床源码不一样的是,所有与uniCloud接口交互的部分都由后端php实现,前端只与阿里云OSS交互,不再需要引用uniCloud的vue框架js。
使用说明:
https://unicloud.dcloud.net.cn/home 在这里创建一个应用,然后将spaceId和clientSecret配置到源码的config.php里面即可使用。
源码下载:
链接: https://pan.baidu.com/s/1wnzvAm4cKp4fD6x0gMcqsg 提取码: wan2
最近模板兔给erphpdown增加了统计收入功能,需要统计今年每月的收入数据以及本月每天的收入数据。
今年每月的数据:
$month_total = $wpdb->get_row("select
sum(case month(ice_time) when '1' then ice_money else 0 end) as Jan,
sum(case month(ice_time) when '2' then ice_money else 0 end) as Feb,
sum(case month(ice_time) when '3' then ice_money else 0 end) as Mar,
sum(case month(ice_time) when '4' then ice_money else 0 end) as Apr,
sum(case month(ice_time) when '5' then ice_money else 0 end) as May,
sum(case month(ice_time) when '6' then ice_money else 0 end) as June,
sum(case month(ice_ti...
今天一个客户跟我说他宝塔面板打不开了,但是网站可以打开,需要我帮忙解决。于是模板兔基于他的描述大概想到了几种可能出现的情况:
宝塔绑定了域名访问,检查一下
宝塔限制了IP访问,检查一下
服务器安全组端口没开,检查一下
宝塔服务没有启动,检查一下
通过宝塔官方的ssh命令各种尝试,都发现没有问题,这到底是咋回事呢!!
再次询问客户操作过什么东西,他说系统盘扩容了,一开始是宝塔可以打开,但是网站打不开,我想这种情况可能是磁盘满了,所以他选择了扩容。但是,扩容不是随便就能使用的,需要专业人员帮处理,然后他也找了某某云的技术客服帮忙处理了扩容后的问题,当时问题是解决了,网站可以打开了,但是...
WordPress可以说已经是如今“最流行”的建站系统,因为其免费、开源、扩展功能强大,成为很多人的建站首选。WordPress使用的环境是MySQL数据库和 PHP,所以搭建网站时就需要选择一个支持PHP和MySQL的主机。
主机系统的选择
首先,这里模板兔推荐Linux主机,不建议使用Windows主机(同配置的linux与windows,win主机跑php性能会差些)。
主机在这个场景中负责承担2个最基本的功能:提供运行的环境以及存放网站的文件。主机基本上24小时不停的运作,服务器的硬盘也可以存放网站的文件,通过在服务器中安装系统和环境,就可以进行网站的运行。
目前,按系统划分,市场上的主机主要分为Windows主机和Linux主机:
Windows主机,即安装了Wi...