页面滚动无限加载jQuery插件jquery.infinitescroll.js使用说明

jquery.infinitescroll.js插件的作用是:随着浏览器窗口滚动,不刷新页面自动加载下一页内容,常用于文章列表页面。常见的手机浏览网站的文章列表,浏览到最后一篇时,自动加载更多的文章出来。 插件官网和下载:https://infinite-scroll.com/ 基本用法 在html文件的<head></head>之间引用插件文件: <scri...
Web前端开发 / / 5015次阅读

jQuery slice()方法获取指定索引范围内的元素

slice() 把匹配元素集合缩减为指定的指数范围的子集。模仿了 JavaScript 数组对象的 .slice() 方法。它所模仿的特性之一是向 start 或 end 参数传递负数的能力。如果提供负数,则指示的是从集合结尾开始的一个位置,而非从开头。 语法: $('element').slice(selector,end) selector - 基于 0 的整数值,指示开始选取元素的位置。如果是负数,则指示...
Web前端开发 / / 4442次阅读

IE9浏览器对CSS3的支持情况参考

以下整理的IE9对CSS3支持情况仅限初期发布的IE9版本,其余版本由于改进或修复的原因,可能已经支持之前不支持的CSS3属性,所以以下数据仅供参考。 更准确的支持情况请访问:https://docs.microsoft.com/en-us/previous-versions//cc351024(v=vs.85) IE9对CSS3属性的支持情况: C...
Web前端开发 / / 3977次阅读

chrome浏览器怎么支持audio和video标签的autoplay自动播放

IOS/Android不支持video的autoplay,PC端的safari也在2017年的safari 11版本中禁止带声音的多媒体自动播放功能,然后Chrome在2018年4月份发布的66版本也关掉了声音自动播放,也就是说HTML5的audio和video标签autoplay属性在一般网页端基本算是废的。要想网页端让autoplay生效,可以让用户自己设置自己的浏览器,允许带声音的多媒体自动播放。 设置方法:...
电脑软件 / / 12339次阅读
chrome浏览器怎么支持audio和video标签的autoplay自动播放

webkit浏览器HTML5 video标签视频自动播放autoplay的问题

出于流量和电量的保护,在移动端video视频必须在用户手势操作下才能触发播放,video的自动播放属性autoplay是无效的(不涉及sdk,如微信之类)。但是在2016年webkit对视频自动播放采用了宽松的策略,这个策略其实是用来解决GIF的问题,用mp4去取代 gif,有统计显示同等效果显示,gif 体积上可能是后者的 8倍,解码耗能是后者的2倍。新的策略在 chrome for android(v53)和 safari f...
Web前端开发 / / 8727次阅读

CSS实现元素垂直居中的几种方法

网页前端经常需要把元素垂直居中,下面总结几种方法。 1、不知道元素高度,利用定位和CSS属性transform实现元素垂直居中: 代码一: parentElement{ position:relative; } childElement{ position: absolute; top: 50%; transform: translateY(-50%); } 代码二:...
Web前端开发 / / 2687次阅读

MIME类型是什么?包含哪些类型?

MIME是Multipurpose Internet Mail Extensions的缩写,中文全称多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。 常用Mime类型有以下这些: 文件后缀 Mime类型...
乱七八糟 / / 3318次阅读

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...
Web前端开发 / / 5808次阅读

html input文本框禁止输入的几种方法

readonly:可以获取本文框的值 <input type="text" readonly="true" value="abc"/> disabled:不能获取本文框的值 <input type="text" value="bcd" disabled="disabled" /> maxlength:定义文本框的文本长度为0个字符 <input type="text"...
Web前端开发 / / 8970次阅读

keyCode事件属性event.keycode值大全

keyCode 属性返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。那么window.event.keyCode == 8的js代码是什么意思?其实就是判断事件按下的是否为 BackSpace 键。 event.keycode值大全: 的 keycode 8 = BackSpace BackSpace...
Web前端开发 / / 5391次阅读