js鼠标滑轮滚动监听触发事件
判断鼠标滚动方向执行不同的事件代码，兼容IE、Firefox、chrome浏览器。javascript代码如下：
<script>
var scrollFunc = function (e) {
var direct = 0;
e = e || window.event;
if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件...
页面滚动无限加载jQuery插件jquery.infinitescroll.js使用说明
jquery.infinitescroll.js插件的作用是：随着浏览器窗口滚动，不刷新页面自动加载下一页内容，常用于文章列表页面。常见的手机浏览网站的文章列表，浏览到最后一篇时，自动加载更多的文章出来。
插件官网和下载：https://infinite-scroll.com/
基本用法
在html文件的<head></head>之间引用插件文件：
<scri...
jQuery slice()方法获取指定索引范围内的元素
slice() 把匹配元素集合缩减为指定的指数范围的子集。模仿了 JavaScript 数组对象的 .slice() 方法。它所模仿的特性之一是向 start 或 end 参数传递负数的能力。如果提供负数，则指示的是从集合结尾开始的一个位置，而非从开头。
语法：
$('element').slice(selector,end)
selector - 基于 0 的整数值，指示开始选取元素的位置。如果是负数，则指示...
IE9浏览器对CSS3的支持情况参考
以下整理的IE9对CSS3支持情况仅限初期发布的IE9版本，其余版本由于改进或修复的原因，可能已经支持之前不支持的CSS3属性，所以以下数据仅供参考。
更准确的支持情况请访问：https://docs.microsoft.com/en-us/previous-versions//cc351024(v=vs.85)
IE9对CSS3属性的支持情况：
C...
Windows 7系统使用IE 11的F12控制台时出现错误：Error: An error has ocurredJSPlugin.3005的解决方法
当用IE11 进行调试时，出现以下错误。
错误的文字内容：
Diagnostic:
Exception in windowonload: Error An error has occurrediSPlugin.3005
StackTrace:
Error An error has occurredJSPlugin.3005 at getStrin...
chrome浏览器怎么支持audio和video标签的autoplay自动播放
IOS/Android不支持video的autoplay，PC端的safari也在2017年的safari 11版本中禁止带声音的多媒体自动播放功能，然后Chrome在2018年4月份发布的66版本也关掉了声音自动播放，也就是说HTML5的audio和video标签autoplay属性在一般网页端基本算是废的。要想网页端让autoplay生效，可以让用户自己设置自己的浏览器，允许带声音的多媒体自动播放。
设置方法：...
webkit浏览器HTML5 video标签视频自动播放autoplay的问题
出于流量和电量的保护，在移动端video视频必须在用户手势操作下才能触发播放，video的自动播放属性autoplay是无效的（不涉及sdk，如微信之类）。但是在2016年webkit对视频自动播放采用了宽松的策略，这个策略其实是用来解决GIF的问题，用mp4去取代 gif，有统计显示同等效果显示，gif 体积上可能是后者的 8倍，解码耗能是后者的2倍。新的策略在 chrome for android（v53）和 safari f...
HTML5实现音频可视化频谱跳动代码插件HTML5_Audio_Visualizer
通过HTML5实现音频可视化的频谱跳动，HTML5_Audio_Visualizer插件效果预览：
插件代码：
HTML代码：
<canvas id="canvas" width="800" height="350"></canvas>
<br/>
<audio src="yourmusic.mp3" id="audio" controls&...
CSS实现元素垂直居中的几种方法
网页前端经常需要把元素垂直居中，下面总结几种方法。
1、不知道元素高度，利用定位和CSS属性transform实现元素垂直居中：
代码一：
parentElement{
position:relative;
}
childElement{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
代码二：...
MIME类型是什么？包含哪些类型？
MIME是Multipurpose Internet Mail Extensions的缩写，中文全称多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。
常用Mime类型有以下这些：
文件后缀
Mime类型...
SVG定义路径的path标签入门详细教程
SVG的<path>元素用于定义一些复杂的图形。它可以结合使用直线，曲线等来制作各种不规则的图形。<path>元素是SVG基本图形中最为复杂的一个。要掌握和理解它也需要下一点苦工。
先来看一个例子：
<svg xmlns="http://www.w3.org/2000/svg">
<path d="M50,50
A30,30 0 0,1 35,20
L100,10...
html input文本框禁止输入的几种方法
readonly：可以获取本文框的值
<input type="text" readonly="true" value="abc"/>
disabled：不能获取本文框的值
<input type="text" value="bcd" disabled="disabled" />
maxlength：定义文本框的文本长度为0个字符
<input type="text"...
