
JavaScript
zh_rey
这个作者很懒,什么都没留下…
展开
-
JS判断IE浏览器和各大主流浏览器版本
一、判断IE浏览器各版本。二、判断各大主流浏览器。原创 2017-04-12 10:22:15 · 676 阅读 · 0 评论 -
video.js API 详解
videojs github官网地址官方文档地址 这里简单的对官方的英文参数列表做了一个简单说明,并写了一Jquery的适配调用$(document).ready(function () { var player = $("video[data-video='example_video_1']").videoJs({ /**原创 2017-10-12 16:00:34 · 19631 阅读 · 0 评论 -
JS中offsetTop、clientTop、scrollTop、offsetTop各位置属性详解(含示例图)
这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;window.innerHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.off转载 2018-01-04 08:59:33 · 181720 阅读 · 9 评论 -
shake.js监测手机摇一摇
下面是shake.js代码(function(global, factory) { if (typeof define === 'function' && define.amd) { define(function() { return factory(global, global.document); }); } els原创 2018-01-24 20:48:43 · 4600 阅读 · 6 评论 -
JavaScript有用的代码片段和trick
浮点数取整const x = 123.4545;x >> 0; // 123~~x; // 123x | 0; // 123Math.floor(x); // 123注意:前三种方法只适用于32个位整数,对于负数的处理上和Math.floor是不同的。Math.floor(-12.53); // -13-12.53 | 0; // -12生成6位数字验证码// 方法一('0...转载 2018-02-23 13:43:22 · 351 阅读 · 0 评论 -
2017年度最佳 JavaScript 和 CSS 开源库推荐!
Tutorialzine 每个月都会公布一次当月新增的 JS 和 CSS 库。2018 新年之际,该网站整理出了 2017 年最受用户欢迎和喜爱的一些 JS 和 CSS 库,供大家学习和参考。JavaScript 本地存储库 localForage传送门:https://www.oschina.net/p/localforagelocalForage 是一个 JavaScript 库,提升了应用程...转载 2018-02-24 14:24:22 · 5895 阅读 · 0 评论 -
随页面滚动定位的侧边栏div悬浮框js插件
由于平常写网站的时候经常遇到有一个侧边栏悬浮框,需要伴随网页的滚动让其一直处于窗口的可见区域,于是就写了一个基于jQuery的通用的小插件方便以后开发。如果项目不适用jQuery,可以下载源码将里面jQuery方法替换成原生js就好了点击下载scrollFixed源码具体效果如下图所示本插件充分考虑了实际开发当中的各种需求,其中主要包括:1、页面自适应2、避免公共固定头部和尾部的影响3、当主体区域...原创 2018-04-28 17:20:12 · 5242 阅读 · 0 评论 -
基于jQuery的自定义Video视频播放组件(兼容IE6~8)
demo下载链接之前用过video.js插件写过视频组件,但是自己一般仅仅是播放个视频,里面有好多功能用不到,改着不太方便,于是就自己用jQuery封装了一个插件,控制器之类的样式是可以自定义的,支持中英文切换,废话不多说,下面上图。高版本浏览器video样式注:如果遇到进度条不能拖动的情况,不是兼容性问题,是webkit内核的浏览器在本地播放视频设置video播放时间(video...原创 2018-06-26 11:46:19 · 4459 阅读 · 5 评论 -
Vue打包后放到服务器出现Loading chunk {n} failed 错误的解决办法
这个报错的主要原因是因为vue通过webpack打包生成多个模块js文件,我们把build后的文件上传到服务器,这时是第一次上传,我们访问时不会出现该报错。但是正常的项目都会需要更新迭代,当我们再次打包后某些js文件就会改变,再上传到服务器后,由于浏览器缓存问题,用户在访问的时候还会再访问之前的js文件,这是就会出现Loading chunk {n} failed这种报错。哪怕我们解决浏览器的缓...原创 2019-03-31 22:25:08 · 14910 阅读 · 18 评论 -
js函数节流(Throttle)
在浏览器 DOM 事件里面,有一些事件会随着用户的操作不间断触发。比如:重新调整浏览器窗口大小(resize),浏览器页面滚动(scroll),鼠标移动(mousemove)。也就是说用户在触发这些浏览器操作的时候,如果脚本里面绑定了对应的事件处理方法,这个方法就不停的触发。而当事件处理比较复杂的时候浏览器不断执行计算,从而导致浏览器性能降低甚至卡死,影响用户体验。下面我们就针对这一情况做函数的节...原创 2017-09-30 10:59:54 · 4124 阅读 · 0 评论 -
原生js实现jQuery常用方法的封装
/*jQuery封装*///$window.$ = HTMLElement.prototype.$ = function(selector) { var elems = (this == window ? document : this).querySelectorAll(selector); return elems.length == 0 ? null : elems.length ...原创 2017-12-10 17:14:46 · 4764 阅读 · 0 评论 -
利用js实现页面跳转并在跳转到的页面进行判断操作
1、跳转按钮页面<a href="123.html?a=1"></a>2、在要跳转到的页面引入js进行判断var aaa = window.location.search.split("=")[1];原创 2017-04-12 10:33:31 · 7980 阅读 · 0 评论 -
require.js的结构及常用组件用法
require.js适用于包含多个js文件的复杂单页面应用。只要单个页面的js文件超过了一定的数量且相互间有依赖关系,并且项目中用到了模块化开发,就适合使用require.js。如果js文件不超过5个还是不必要使用require.js而直接引用就行。requireJs主要体现了一种模块化的编程思想,而你只需要按照requireJs的规范进行开发,就能将功能模块化,熟悉之后也能感受到模块化编程带来的转载 2017-04-21 13:42:34 · 2731 阅读 · 0 评论 -
面向对象、构造函数、原型与原型链详解
一、对象的定义 二、工厂模式 三、构造函数 四、原型 五、原型链 六、继承 七、总结转载 2017-09-27 23:28:54 · 449 阅读 · 0 评论 -
移动端rem布局
利用css media媒体查询改变根元素fontsize的方法我这里就不说了,这次是用js动态设置根元素也就是html的fontsize的大小来进行移动端自适应布局。原创 2017-09-08 17:49:53 · 439 阅读 · 0 评论 -
js判断PC端或是移动端
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { alert('手机端')}...原创 2017-09-30 14:30:34 · 10978 阅读 · 12 评论 -
pjax实现页面局部刷新跳转
简介pjax是一个jQuery插件,使用ajax和pushState技术提供快速的浏览体验与真正的永久链接、网页标题、以及浏览器的后退前进按钮操作。pjax通过抓取HTML从您的服务器通过Ajax和更换容器页面上的HTML内容会与Ajax。然后更新无需重新加载你的网页的布局或任何资源使用pushstate浏览器的当前URL(JS,CSS),提供了一个快速的外观,全页面加载。但它确实就是Aj翻译 2017-10-18 17:23:19 · 5874 阅读 · 0 评论 -
获取input上传文件名
function changeName(e){ var span = document.getElementById('span'); span.innerHTML = e.currentTarget.files[0].name;}e.currentTarget.files[0] 是一个对象文件名 name类型 type大小(字节)size上次修改时间 lastMod原创 2017-09-29 16:02:56 · 6080 阅读 · 2 评论 -
css单行或多行文本溢出显示省略号
一、单行文本溢出省略二、多行文本溢出省略 1、适用于WebKit浏览器及移动端; 2、兼容各版本浏览器原创 2017-04-08 10:17:50 · 4927 阅读 · 0 评论 -
js实现点击div外部隐藏弹出框
body{ background-color:#999999;}#myDiv{ background-color:#FFFFFF; width:250px; height:250px; display:none;}This is a div;var myDiv = $("#myDiv");$(function (){ $("#btn").c原创 2017-11-10 09:40:15 · 3163 阅读 · 0 评论 -
常用功能JS收藏(提升代码逼格)
获取URL的查询参数let query = {};location.search.replace(/([^?&=]+)=([^&]+)/g, (_,k,v) => query[k]=v);生成随机字符串// 生成长度为11的随机字母数字字符串Math.random().toString(36).substring(2);过去或未来几天的时间集合// 创建过去...原创 2019-07-16 11:52:31 · 234 阅读 · 0 评论