方法一 array.indexOf()方法可以返回数组中某个指定的元素位置，该方法会从头到尾地检索数组，检测是否含有对应的元素，如果检索到，则返回元素第一次出现的位置，如果没有检索到，则返回-1。 示例： var _str = 'two'; var _arr = ['one', 'two', 'three', 'five']; if(_arr.indexOf(_str) > '-1'){ alert('数组中存在该值'); } //_arr.indexOf(_str) 返回结果是1 方法二 array.include...
实现的效果：箭头按弧线的轨迹运行，运行的轨迹为虚线状态，运行到弧线末端后，变成直线运行 HTML代码 <svg width="800px" height="600px" viewbox="0 0 190 150"> <defs> <marker id="markerArrow" markerWidth="6" markerHeight="9" refx="6" refy="5" orient="auto"> <path d="M0,0 L6,5 L0,9"&g...
访问github.io站点，浏览器报404错误，部分的原因可能是系统DNS缓存导至，清除系统DNS缓存可解决。 快捷键win+R打开运行窗口，输入cmd后按回车键 在打开的命令窗口输入 ipconfig/flushdns
通过js代码检测当前网页在指定时间内，是否有鼠标移动、滚动操作，键盘是否有按键操作。 var status = 0; var time = 60 * 1000; var mousex, mousey; document.onkeydown = function(e){ status = 1; } document.onmousemove = function(e){ var e = e || window.event; if(e.pageX || e.pageY){ var ex = e.pageX; var ey = e.page...
@符号在php代码中用于屏蔽/忽略表达式生成的错误提示信息，@运算符只对表达式有效，可以用在变量、常量、函数和 include() 中调用，但不能用在函数或类的定义之前，也不能用在条件结构（如 if 和 foreach 等）。 通俗地理解就是：使用@符号后，@符号后面的语句即使有错误，也不会进行错误提示。 如果启用了track_errors功能，则表达式生成的错误消息将保存在变量 $ php_errormsg 中，每个错误都会覆盖此变量。 代码示例： $getSize = @filesize('../default.jpg'); fil...
三角函数0°至360°正切值对照表。 tan 0°~180°角度正切值表 tan(0°) = 0 tan(61°) = 1.80405 tan(121°) = -1.66428 tan(1°) = 0.01746 tan(62°) = 1.88073 tan(122°) = -1.60033 tan(2°) = 0.03492...
HTML标签video不使用control参数，通过自定义按钮实现视频播放暂停的代码，比较简单，适合只要播放暂停效果的需求。支持IE9+、手机浏览器。 javascript代码 function videoBtn(type, videoId, btnId){ if(type == 'play'){ var video = document.getElementById(videoId); var btn = document.getElementById(btnId); video.play(); btn.style.disp...
与 requestAnimationFrame() 方法一样，javascript window对象的 cancelAnimationFrame() 方法同样不支持IE9及其它低版本浏览器，毕竟 cancelAnimationFrame() 方法就是用来取消 requestAnimationFrame() 动画帧的。因此兼容IE9及其它低版本浏览器的方法也差不多。 代码如下： window.cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame || w...
目前使用canvas画布绘制椭圆形的方法有 ellipse()、 scale()、贝塞尔曲线以及 lineTo()，其中比较推荐 ellipse()，但是该方法尚未纳入标准，IE全系列浏览器都不支持，其它浏览器目前比较好。 如果想兼容IE浏览器，可以考虑使用 lineTo() 方法，但是如果要绘制的椭圆像素较大，会存在很大的效率问题，甚至浏览器崩溃，但是小又少的椭圆影响不大。 HTML代码 <canvas id="canvas"> 浏览器不支持Canvas </canvas> javascript代码 ...
IE9以下浏览器或其它低版本浏览器不支持js window对象的方法 requestAnimationFrame()，但是可以结合 setTimeout 以及各自浏览器的专属前缀实现低版本浏览器的兼容。 支持 requestAnimationFrame() 方法的浏览器 代码： window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame |...
在响应式网页开发中 object-fit 属性是极为常用的一个css属性，遗憾的是IE浏览器全系列都不支持 object-fit 属性，但是可以借助bideo.js插件实现 IE10 和 IE11 对 object-fit 的支持。 PS：不支持 IE9 和 Edge 插件下载：https://github.com/rishabhp/bideo.js 插件使用 HTML代码： <!-- 引入插件 --> <script src="bideo.js"></script> <!...
网页使用 Font Awesome 字体图标时图标不能正常显示，浏览器控制台出现“@font-face 跨源请求失败。资源访问受限”的错误提示，出现该错误的原因是浏览器的同源策略机制导致。 解决方法是使用跨域资源共享（CORS）机制，跨域资源共享标准新增了一组 HTTP 首部字段，允许服务器声明哪些源站有权限访问哪些资源。 例如 apache 服务器可以通过 .htaccess 文件添加： <FilesMatch ".(eot|ttf|svg|woff)"> Header set Access-Control-Allow-Origin "*" ...