![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
zhaohanqq
这个作者很懒,什么都没留下…
展开
-
移动端滑动穿透问题
var vm = new Vue({ el: "#app", data: { top:0, bodyEl: document.body, }, methods: { stopBodyScroll: function(isFixed) { if (isFixed) { ...原创 2019-12-02 15:14:47 · 282 阅读 · 0 评论 -
节流、防抖
节流和防抖主要处理事件处理函数高频调用,减少浏览器负担节流:尽量减少触发次数,mint-ui上封装了一个方法 <script> var throttle = function (fn, delay) { var now, lastExec, timer, context, args; //eslint-disable-line ...原创 2019-05-17 14:50:24 · 193 阅读 · 0 评论 -
全屏、退出全屏---兼容各浏览器 IE Chrom 火狐 360极速模式/兼容模式
function events() { //全屏 document.getElementById("btn").onclick = function () { var elem = document.getElementById("box"); if (!flag) { requ...原创 2019-05-07 08:37:46 · 1734 阅读 · 0 评论 -
监听、获取屏幕宽高
//获取屏幕宽高window.innerHeight;function events() { $(window).resize(resizes); }原创 2019-05-07 08:27:38 · 715 阅读 · 0 评论 -
全局唯一标识 JS
let uuid = function(){ function S4() { return (((1+Math.random())*0x10000)|0).toString(16).substring(1); } return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());}e...原创 2019-04-09 21:41:37 · 171 阅读 · 0 评论 -
JavaScript 事件兼容性写法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p id="demo"> ...转载 2019-03-18 23:04:20 · 105 阅读 · 0 评论 -
jQuery判断checked的三种方法
今天在查看他人源码时看到在判断复选框是否选中时,与自己的写法不同:.is(":checked") vs .prop(“checked”) == true因此,特地百度了一下,结果如下:.attr(‘checked’): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop(‘checked’): //1.6+:true/...转载 2019-03-11 20:48:21 · 1591 阅读 · 0 评论 -
js原型及原型链
原型:原型是function对象的一个属性,它定义了构造函数构造出来的对象的公共祖先。通过该构造函数产生的对象,可以继承该原型的属性和方法。原型也是对象。Car.prototype -----&gt; {} 原型 是实例对象的公有祖先function Car() {}var car= new Car()实例访问一个属性,如果自身没有,则去看原型上有没有现在看看prototype对...原创 2019-02-14 20:37:08 · 423 阅读 · 0 评论 -
es6之扩展运算符 (...)
对象的扩展运算符理解对象的扩展运算符其实很简单,只要记住一句话就可以:对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中let bar = { a: 1, b: 2 };let baz = { ...bar }; // { a: 1, b: 2 }上述方法实际上等价于:let bar = { a: 1, b: 2 };let baz = Object...转载 2019-02-02 21:20:10 · 851 阅读 · 0 评论 -
移动端长按屏幕取消选中文字
项目中要求长按屏幕弹出对话框,不能选中文字,可以设置css样式* { -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; ...原创 2018-12-24 15:39:58 · 2050 阅读 · 0 评论 -
jq封装蒙层小插件,蒙层滑动页面不滑动
var bodyEl = document.body;var tops = 0;关闭模态框bodyEl.style.position = ‘’;bodyEl.style.top = ‘’;window.scrollTo(0, tops);蒙层出现tops = window.scrollY;bodyEl.style.position = ‘fixed’bodyEl.style.to...原创 2018-12-22 22:47:38 · 260 阅读 · 0 评论 -
jq手写瀑布流、兼容性问题、分页涉及到的返回定位
移动端项目有一个功能是要展示很多列表,需要分页展示,虽然之前用过better-scroll插件,但是这次我想自己写。首先在获取滚动轴高度、文档高度、屏幕可视区域高度时出现兼容问题://滚动轴高度var scrollTop = $(document).scrollTop() || window.pageYOffset || document.documentElement.scrollTop ...原创 2018-12-24 16:37:04 · 480 阅读 · 0 评论 -
用正则实现金额千分位用逗号分隔的方法 JS
var a = 222122122.6754; var b = a.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');//使用正则替换,每隔三个数加一个','转载 2018-12-11 10:28:44 · 4010 阅读 · 1 评论 -
jq下拉刷新(安卓微信浏览器实现刷新)
安卓微信浏览器下拉会露出域名等信息,这样就会影响下拉刷新,如果阻止微信浏览器下拉,那正常的move也会失效,然后想了一个方法,如果是安卓微信浏览器,则换种操作方法:当scrollTop为0时,先上划一点再迅速下拉就可以实现刷新,代码如下var startY, mY, topScroll, refreshFlag = fals...原创 2018-12-27 14:56:01 · 365 阅读 · 0 评论 -
ES6 async
async特点1/ await只能放在async函数中,async函数里可以没有await2/ 相比generator语义化更强3/ await后面可以promise对象,也可以是数字/字符串/布尔4/ async函数返回的是promise对象5/ 只要await后面的promise对象状态为reject,后面的代码就会中断解决办法try…catch 或者promise自有的ca...原创 2018-11-27 20:55:40 · 148 阅读 · 0 评论 -
ES6 promise
作用:就是解决异步回调问题的let promise = new Promise(function(resolve, reject){})promise.then(res =&amp;amp;amp;gt; console.log(res), err =&amp;amp;amp;gt; console.log(err))promise.catch(err =&amp;amp;amp;gt; console.log(err))一般不用t原创 2018-11-27 20:49:08 · 147 阅读 · 0 评论 -
ES6 模块化
1/ 定义模块方法一:(对应的引入方法二)export const a = 1;export const b = 2; export let c = '小李';方法二:(对应的引入方法二)const a = 1;const b = 2;let c = '小李';export { a, b, c} //在引入的时候就相当于解构方法三:(对应的引入方法三)con...原创 2018-11-27 20:39:58 · 166 阅读 · 0 评论