菜单

阿里云服务器手动添加安全组解决公网IP无法访问的问题

阿里云服务器手动添加安全组解决公网IP无法访问的问题

新买的阿里云ECS使用公网IP和绑定域名都无法访问,提示“连接超时,服务器响应时间过长”。这是因为阿里云服务器内置了安全组功能(安全组是一种虚拟防火墙),安全组的默认设置比较严格,会阻止外部网络访问,解决的方法是添加允许外部网络(公网IP)访问的安全组规则。 操作步骤: 1、登录阿里云网站,进入要设置的实例: 2、在安全组规则页面的【入方向】,点击“手动添加”: 3、设置对应的参数: 授权策略:允许 优先级:1(最高级) 协议类型:全部 ...

lnmp关闭mysql日志功能以及删除自动生成的mysql-bin.xxxx日志文件

lnmp关闭mysql日志功能以及删除自动生成的mysql-bin.xxxx日志文件

访问网站发现异常,phpmyadmin无法访问,并提示“write failed: No space left on device”,前几天刚删除access_log文件以及禁用了日志,20G的磁盘空间还提示服务器的剩余空间不足很奇怪,于是通过df -hl和du -h命令检查出是mysql下的var目录高达14G,检查发现是MySQL日志占据了大量的空间,找到问题,解决方法也很简单,删除生成的日志文件并关闭mysql日志生成。 关闭mysql日志 使用的是lnmp一键安装包,默认开启了MySql数据库缓存日志,按下面的方法关闭 编辑/e...

jquery左右拖拽对比前后效果图片的代码

jquery左右拖拽对比前后效果图片的代码

新旧两张图片效果的不同对比,实现效果通过拖拽按钮对比相同位置的差异。 HTML代码: <div class="compare"> <div class="pic before" style="background-image:url(before.jpg);"></div> <div class="pic after" style="background-image:url(after.jpg);"></div> <div class="drag"> <div...

登录phpmyadmin提示write failed: No space left on device错误

登录phpmyadmin提示write failed: No space left on device错误

访问网站提示数据库连接错误,登录phpmyadmin也出现了Error错误提示 Error during session start; please check your PHP and/or webserver log file and configure your PHP installation properly. Also ensure that cookies are enabled in your browser. session_write_close(): write failed: No space left on ...

javascript判断当前浏览器是否是微信浏览器

判断是否是微信浏览器和判断其它浏览器的方法一样,都可以通过navigator对象的userAgent属性(用户代理,简称 UA)来获取浏览器的标识,然后判断是哪个浏览器。 判断微信浏览器的代码: 便于多次使用,把判断写成函数形式: function is_weixin(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == "micromessenger"){ return true; }else{ return false;...

javascript获取video视频某一帧作为poster封面图片

HTML标签Video的poster属性可以给视频添加一个图片作为视频未开始播放时的封面,但如果不想单独添加图片,也可以通过代码利于canvas获取视频的某一帧作为封面图片。 HTML代码: <video id="cvideo" src="upload/video.mp4" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscree...

百度富文本web编辑器UEditor工具栏完整的按钮列表

UEditor编辑器除了默认显示出来的工具名称外,还可以增加更多的常用工具,下面是UEditor编辑器工具栏默认支持的完整的按钮列表,可以参考根据需求添加。 toolbars: [ [ 'anchor', //锚点 'undo', //撤销 'redo', //重做 'bold', //加粗 'indent', //首行缩进 'snapscreen', //截图 'italic', //斜体 'underline', //下划线 ...

TweenMax实现网页元素无缝循环跑马灯效果代码记录

TweenMax实现网页元素无缝循环跑马灯效果代码记录

炮马灯效果通过基础的js代码或HTML的marquee标签都能实现,如果想学习TweenMax插件不妨通过其跑马灯效果代码入手会比较容易理解。 1、下载插件:http://www.tweenmax.com.cn/source/ 把压缩后文件夹里的src/minified/TweenMax.min.js和src/minified/plugins/ModifiersPlugin.min.js文件复制到自己的Web项目 TweenMax.min.js:核心工具 ModifiersPlugin.min.js:基础插件,...

Javascript监控页面指定DOM所有图片是否加载完成的代码

实现监控检测网页所有图片是否加载完成的思路:把网页所有img定义成一个数组变量,再实例化一个Image对象,然后遍历前面的数组变量,把每个src逐个附值给Image对象src,再逐个通过onload事件判断图片是否加载完成。 扩展:ready是指DOM结构加载完成后执行,不包括网页上的图片等媒体元素;onload则是DOM结构和页面资源(图片、视频、flash等)全部加载完成后执行。所以判断图片是否加载完成要用onload事件。(注意:jquery对象以及使用querySelectorAll、getElementsByTagName、getElementsByClassNam...

jQuery自定义向右滑动显示隐藏效果的方法slideLeft(),slideRight()

向下滑动显示slideDown()和向上滑动隐藏slideUp()是jquery内置的常用方法,现在再自定义增加一组向右滑动显示slideRight()和向左滑动隐藏的方法slideLeft(),其实也是一个简单的jquery插件。 代码如下: jQuery.fn.slideLeft = function( speed, callback ) { this.animate({ width : "hide", paddingLeft : "hide", paddingRight : "hide...

JavaScript判断指定数字是否是小数的方法代码

js没有直接判断一个数字是不是小数的方法,但可以通过indexOf()方法来获取小数点的位置,通过返回值来判断是否是小数;或者通过js正则表达式的方式来判断是否是小数。 方法一:indexOf()方法判断是否是小数 function isDecimal(num){ if(String(num).indexOf('.') > -1){ return true; }else{ return false; } } if(isDecimal(3.1415926)){ alert('这个是小数'); }else{ alert('这个不是...

javascript不刷新页面替换地址栏url的方法replaceState()和pushState()

replaceState()和pushState()是HTML5中history对象新添加的两个方法,用来在浏览历史中添加或修改记录,通过这两个方法可以实现替换浏览器地址栏url而不刷新网页。 语法 history.replaceState(stateObj, title[, url]); history.pushState(stateObj, title[, url]); 两上方法的参数完全一样,区别是两者是否会修改浏览历史中当前纪录。其中replaceState不会有历史记录,pushState有历史记录。 参数 ...