出于流量和电量的保护，在移动端video视频必须在用户手势操作下才能触发播放，video的自动播放属性autoplay是无效的（不涉及sdk，如微信之类）。但是在2016年webkit对视频自动播放采用了宽松的策略，这个策略其实是用来解决GIF的问题，用mp4去取代 gif，有统计显示同等效果显示，gif 体积上可能是后者的 8倍，解码耗能是后者的2倍。新的策略在 chrome for android（v53）和 safari for ios（10）以上有效，自动播放必须满足以下条件才有效： <video> 标签必须有 autoplay 的属性。 &l...
通过HTML5实现音频可视化的频谱跳动，HTML5_Audio_Visualizer插件效果预览： 插件代码： HTML代码： <canvas id="canvas" width="800" height="350"></canvas> <br/> <audio src="yourmusic.mp3" id="audio" controls>audio element not supported</audio> CSS代码： body {background: #000...
网页前端经常需要把元素垂直居中，下面总结几种方法。 1、不知道元素高度，利用定位和CSS属性transform实现元素垂直居中： 代码一： parentElement{ position:relative; } childElement{ position: absolute; top: 50%; transform: translateY(-50%); } 代码二： parentElement{ height:xxx; } .childElement { position: relative; ...
MIME是Multipurpose Internet Mail Extensions的缩写，中文全称多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。 常用Mime类型有以下这些： 文件后缀 Mime类型 说明 .flv flv/flv-flash ...
SVG的<path>元素用于定义一些复杂的图形。它可以结合使用直线，曲线等来制作各种不规则的图形。<path>元素是SVG基本图形中最为复杂的一个。要掌握和理解它也需要下一点苦工。 先来看一个例子： <svg xmlns="http://www.w3.org/2000/svg"> <path d="M50,50 A30,30 0 0,1 35,20 L100,100 M110,110 L100,0" style="stroke:#660000; fill:none;"/> </svg> ...
readonly：可以获取本文框的值 <input type="text" readonly="true" value="abc"/> disabled：不能获取本文框的值 <input type="text" value="bcd" disabled="disabled" /> maxlength：定义文本框的文本长度为0个字符 <input type="text" value="" maxlength="0" /> blur：禁止文本框获取焦点 <input type="text" onfoc...
keyCode 属性返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。那么window.event.keyCode == 8的js代码是什么意思？其实就是判断事件按下的是否为 BackSpace 键。 event.keycode值大全： 的 keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter ...
通过http引用相关css文件，本地可以正常显示，使用相对路径../css/fontawesome.css则不能加载。原因是Firefox的安全策略不支持file:///访问方式，因此不能在本地环境下正常显示font awesome图标，如果需要本地使用需要将相关安全策略去掉： 步骤： 1、输入about：config 2、搜索“security.fileuri.strict_origin_policy” 3、双击，将这项置为false即可
连接远程桌面时提示“身份验证错误，要求的函数不受支持”，原因是微软最近发布的更新补丁，要求服务器端和用户端都更新后才可以连接，解决方法有两种：一种是卸载更新，另一种是修改注册列表。 1、WIN+R，然后运行 regedit 命令 2、找到路径：HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Policies\System 3、然后在System文件夹内创建文件夹：\CredSSP\Parameters 4、右键点击新建的Par...
永久自动换行： 在菜单栏打开 Preferences -> Setting - User，然后添加如下代码即可： { "word_wrap" : true } 临时自动换行： 在菜单栏打开View，选中Word Wrap是自动换行，不选中是不自动换行，文件关闭后失效。
以下代码用于JQuery判断访问的浏览器的类型 $(function(){ var mobile_flag = isMobile(); // true为PC端，false为手机端 if(mobile_flag){ alert('PC端'); }else{ alert('手机端'); } }); function isMobile() { var userAgentInfo = navigator.userAgent; var mobileAgents = [ 'Android', 'iPhone', 'SymbianOS', 'W...
PHP5.6版本之后不赞成使用iconv_set_encoding函数，如果使用该函数就会出现“Deprecated: iconv_set_encoding(): Use of iconv.internal_encoding is deprecated in ...”相关的提示，可以使用下面的代码来避免这个问题： if (PHP_VERSION_ID < 50600) { iconv_set_encoding('input_encoding', 'UTF-8'); iconv_set_encoding('output_encoding', 'UT...