外边距属性margin和内边距属性padding取百分比值的时候，无论是left、right或top、bottom，都是以其父元素的宽值(width)作为参照物（即分母top/width），这是W3C的规范，官方原文如下： Note that in a horizontal flow, percentages on ‘margin-top’ and ‘margin-bottom’ are relative to the width of the containing block, not the height (and in vertical flow, ‘margi...
video是HTML5的一个视频媒体标签，其作用是在网页中嵌入指定的视频，video标签的代码结构及参数如下。 HTML代码结构： <video controls autoplay loop preload="auto" poster="img/popup-img.png" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="tr...
javascript中childNodes属性的作用是获得元素的子节点集合，返回节点的子节点集合，以 NodeList 对象；javascript的children属性作用也是获取元素的子元素集合，返回元素的子元素的集合，是一个 HTMLCollection 对象。 children属性与childNodes属性的差别： childNodes属性返回所有的节点，包括文本节点、注释节点； children属性只返回元素节点； 先看childNodes的用法，以及是如何计算节点数量： ...
使用javascript计算两个日期（yyyy-mm-dd格式）之间相差多少天的代码。 1、指定日期天数差 function DateDiff(start, end){ start = new Date(start); end = new Date(end); if(end > start){ days = parseInt(Math.abs(end - start) / 1000 / 60 / 60 / 24); }else{ days = '0'; } return days; } 调用输出： do...
e-calendar是记录或设置指定日期事件的一款jQuery插件，类似于工作备忘录的功能。 Github主页：https://github.com/jhonis/e-calendar 使用教程： 1、引入e-calendar插件 <script src="js/jquery.min.js"></script> <!--这是jQuery库文件--> <script src="js/jquery.e-calendar.js"></script> <!--这是e-ca...
HTML select选项框在火狐firefox浏览器中，当鼠标点击选择时，会出现虚线框的问题。 解决方法： 1、方法一 select:focus { outline: 0; border: 0; } 2、方法二 select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #705a39; }
xampp安装完成后，phpmyadmin密码默认为空，浏览器访问phpmyadmin直接进入管理首页，给phpmyadmin管理帐号设置密码后，登录页面直接显示连接错误，没有登录窗口。 修改方法： 在phpmyadmin安装目录的根目录下找到config.inc.php文件，编辑该文件，找到代码： $cfg['Servers'][$i]['auth_type'] = 'config'; 修改为： $cfg['Servers'][$i] ['auth_type'] = 'http'; 或 $cfg['Servers...
FullPage.js是用于创建全屏滚动效果的网站的jquery插件，也就是常见的单页网站或单屏网站。FullPage插件支持鼠标滚动、键盘控制；支持手机、平板触摸事件；提供多个回调函数，响应式结构，能自适应窗口大小。 Github主页：https://github.com/alvarotrigo/fullPage.js 演示：https://alvarotrigo.com/fullPage/ 使用方法： 1、引入插件样式文件和js文件 <script type="text/javascript" src="../jquer...
默认php文件上传大小会有限制，如果要上传超过php限制的大小的文件，则需要修改。 1、在php安装目录下找到php.ini文件并编辑 2、查找post_max_size并修改值为120M（或更大，根据自己的需要） post_max_size=120M 解析：post_max_size设定POST数据所允许的最大大小，因此该设定会影响到文件上传，post_max_size默认值为2M，如果POST数据尺寸大于post_max_size，$_POST和 $_FILES superglobals 便会为空。 3、查找upload_max_fil...
使用Firefox浏览器插件gooreplacer可以解决reCaptcha验证码无法加载的问题。 1、安装插件 在Firefox浏览器的附加组件中搜索gooreplacer进行安装，或者访问下面的地址安装 https://addons.mozilla.org/zh-CN/firefox/addon/gooreplacer/ 2、启用后，在Firefox浏览器--工具--附加组件中启用gooreplacer，然后点击右边的下拉按钮，选择“选项” 3、在打开的窗口中选择“Redirect URL”，点击“Add”...
FlexSlider.js是款简单易用的轮播图jQuery插件，但没有提供支持HTML视频播放的参数（插件参数请参考《jquery幻灯片插件FlexSlider插件的详细设置参数》），如果直接使用html5标签video播放视频，会出现视频没有播放完就轮播到下一屏的问题，但是可以借助FlexSlider.js的回调函数实现支持视频播放。 html代码： <div class="slides"> <ul> <li> <video src="video.mp4" muted webkit-playsinline="...
XAMPP作为建站集成软件包，尝试单独升级php都以失败告终，于是通过升级xampp实现php版本的升级。 XAMPP升级步骤： 1、备份数据库、网站文件和配置文件 创建文件夹xampp_old，把xampp整个目录移动到xampp_old（就是备份整个xampp的意思） PS：如果没有对xampp进行过什么其它配置修改，可以只备份下面两个目录和文件。（建议把整个xampp备份） xampp/htdocs/ 所有网站的文件 xampp/mysql/data/ 所有网站的数据库 ...