![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
wy_Blog
学习源于点滴的积累
展开
-
小程序上拉加载onReachBottom不触发
1、检查配置对应的config配置文件export default { enablePullDownRefresh: true,}2、查看是否有重复的onReachBottom 被覆盖3、css页面高度height去除.skuBuyFeed { background-color: #121212; width: 100vw; // height: 100vh; padding-top: 80px; overflow-y: auto;}...原创 2021-10-26 17:58:56 · 555 阅读 · 0 评论 -
vue h5页面滑动回弹问题解决
方法一: fixed定位检查问题,发现页面没高度,解决办法:html,body统一设为100%,在父组件的根元素设置position:fixed可以使页面无橡皮筋效果<style>.layout{ position: fixed; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden;}</style>不要将手机页面的高度设为100vh,手机浏...原创 2021-10-26 17:57:03 · 2617 阅读 · 0 评论 -
把URL转为大写16进制
代码如下 let url = 'https://www.baidu.com' function strUpCaseCode(url) { if (url === "") { return ""; } let upCaseCode = []; upCaseCode.push(""); for (var i = 0; i < url.length; i++) { upCaseCode.push((url.charCodeAt(i).原创 2021-04-19 10:50:22 · 566 阅读 · 0 评论 -
常用的一些js技巧
1. 空(null, undefined)验证当我们创建了一个新的变量,我们通常会去验证该变量的值是否为空(null)或则未定义(undefined)。这对于 JavaScript 编程来说,是一个经常要考虑到的验证。如果直接写,那么像下面这样:if (variable1 !== null || variable1 !== undefined || variable1 !== "")...原创 2019-10-15 17:10:45 · 240 阅读 · 0 评论 -
js严格模式下this指向
1. 全局作用域中的this在严格模式下,在全局作用域中,this指向window对象 "use strict"; console.log("严格模式"); console.log("在全局作用域中的this"); console.log("this.document === document",this.document === doc原创 2018-02-06 15:06:46 · 2939 阅读 · 0 评论 -
ES6 class,与js prototype原型继承有何关系?
ES6为了进一步的缩减代码的编写,和简化代码的逻辑,引入了关键词 class。但class的实现也是在prototype的基础上,做了一层语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。class Person {constructor(name) {this.name=name||"Default";}toStri...转载 2018-03-06 13:47:00 · 2294 阅读 · 0 评论 -
push json数据时,查看数据是否有重复
我们提交数据时 查看是否有重复的ID或者人名可以直接用一下方法简写:JSON.stringify(a).indexOf(JSON.stringify(b)) != -1原创 2018-03-19 18:03:41 · 2256 阅读 · 0 评论 -
Object.keys方法之详解
在实际开发中,我们有时需要知道对象的所有属性,原生js给我们提供了一个很好的方法:Object.keys(),该方法返回一个数组传入对象,返回属性名var obj = {'a':'123','b':'345'};console.log(Object.keys(obj)); //['a','b']//需要注意的是 如果key值是数字他会正序排列var obj1 = { 100: "a", ...转载 2018-04-11 11:13:30 · 455 阅读 · 0 评论 -
js isArray() 兼容性处理
解决 IE8不支持 Array.isArray()方法 判断是否是数组if (!Array.isArray) { Array.isArray = function(arg) { return Object.prototype.toString.call(arg) === '[object Array]'; };}原创 2018-04-11 14:28:45 · 2143 阅读 · 0 评论 -
JavaScript 数组方法对比
JavaScript 提供了多种新增,移除,替换数组元素的方法,但是有些会影响原来的数组;有些则不会,它是新建了一个数组。注意:区分以下两个方法的不同点:array.splice() 影响原来的数组array.slice() 不影响原来的数组I. 新增:影响原数组使用 array.push() 和 array.ushift() 新增元素会影响原来的数组。II. 新增:不影响原数组两种方式新增元素不...转载 2018-04-23 15:49:51 · 266 阅读 · 0 评论 -
JS循环遍历 map, filter, some, every, forEach, for in, for of 用法简单总结
1.map有返回值,返回一个新的数组,每个元素为调用func的结果。let list = [1, 2, 3, 4, 5];let other = list.map((d, i) => { return d * 2;});console.log(other);// print: [2, 4, 6, 8, 10]2.filter有返回值,返回一个符合func条件的元素数组let li...原创 2018-04-26 10:20:22 · 1468 阅读 · 0 评论 -
js前面自动补全位数
例如我们希望输出的数字长度是固定的,假设为10,如果数字为123,则输出0000000123,不够位数就在之前补足0,这里提供了三种不同的方式实现JS代码给数字补0 的操作第一种function PrefixInteger(num, length) { return (num/Math.pow(10,length)).toFixed(length).substr(2);}第二种functio...原创 2018-06-29 16:17:08 · 2723 阅读 · 0 评论 -
百度地图获取城市adcode编号cityCode编号
百度找了好久没找到,最后还是自力更生解决问题,获取城市的各种信息和编号直接上代码<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <me原创 2018-07-09 14:30:36 · 23478 阅读 · 2 评论 -
JavaScript里的面向对象心得
一、面向对象的概念面向对象是一种编程思想对象:可以添加属性(变量)和方法(函数);面向对象写法特点: 1、把功能写成一个函数; 2、函数必须写在对象身上,调用的时候直接拿对象.方法名(); 3、对象身上的功能可以继承; 4、this指向,在事件或者定时器里面是访问不到真正的this的,需要在外面存一下;写法示例: fu转载 2017-10-16 15:33:30 · 308 阅读 · 0 评论 -
分割数组
function updateArr() { var random = [11,22,33,44,55]; var newArr = []; var json = {}; var j = 0; for(var i in random){ newArr.push(random[i]); i ++; if(i %2原创 2017-10-23 17:55:51 · 337 阅读 · 0 评论 -
12个js技巧
1. 空(null, undefined)验证当我们创建了一个新的变量,我们通常会去验证该变量的值是否为空(null)或则未定义(undefined)。这对于JavaScript编程来说,是一个经常要考虑到的验证。如果直接写,那么像下面这样:if (variable1 !== null || variable1 !== undefined || variable转载 2017-10-12 11:16:32 · 362 阅读 · 0 评论 -
JS判断客户端是否是iOS或者Android手机移动端
通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端。代码如下:[html] view plain copy print?script type="text/javascript"> var u = navigator.userAgent; var isAndroid = u.indexOf('Andro转载 2017-03-10 10:44:07 · 568 阅读 · 0 评论 -
只能输入中英文正则表达式
1、给input输入框绑定一个onKeyDown事件2、然后通过keyCode判断来禁止输入let kc = e.keyCode; if(!((kc >= 65 && kc <=90) || kc === 229 || kc === 8)) { e.preventDefault() } 如果你想输入别的 可以看那些特殊字符的keycode值, 然后在i原创 2017-04-10 11:46:10 · 7178 阅读 · 0 评论 -
js原生倒计时
一个倒计时的小Demo var tclTime = document.getElementById("tcltime"); setInterval(fn,1); function fn(){ var tfutureTime = new Date("2017/11/20 00:00:00"); var tnowTime = new D原创 2017-04-10 17:16:01 · 452 阅读 · 0 评论 -
对象转化成数组格式
方法一:let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length:3};var arr=[].slice.call(object);方法二:function transform(obj){ var arr = []; for(var item in obj){ arr原创 2017-04-26 14:45:33 · 2399 阅读 · 0 评论 -
时间戳获取js
时间戳获取的三种方式:1、这一种直接把毫秒后三位变成0 var timestamp = Date.parse(new Date()); console.log(timestamp)打印结果是:15006245990002、获取了当前毫秒的时间戳var timestamp = (new Date()).valueOf();结果为:1500624701423原创 2017-07-21 16:14:39 · 650 阅读 · 0 评论 -
到底什么是闭包
感觉楼里大部分回答太复杂了,过于理论化,文绉绉地绕来绕去,没抓住本质和精髓。抄书谁不会啊?其实闭包没那么复杂。最简洁、直击要害的回答,我能想到的分别有这么三句(版权属于 @张恂老师 ):1、闭包是一个有状态(不消失的私有数据)的函数。2、闭包是一个有记忆的函数。3、闭包相当于一个只有一个方法的紧凑对象(a compact object)。上面这三句话是等转载 2017-02-25 22:13:49 · 14881 阅读 · 5 评论 -
手机号码处理为344格式
// 去掉字符串中所有空格(包括中间空格,需要设置第2个参数为:g)function trim(str, is_global) { var result; result = str.replace(/(^\s+)|(\s+$)/g, ""); if (is_global && is_global.toLowerCase() == "g") { result = result.原创 2017-07-18 16:57:18 · 7184 阅读 · 0 评论 -
js中call和apply用法
1、方法定义call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那转载 2017-07-31 15:23:24 · 345 阅读 · 0 评论 -
js手机号中间四位变成*号
可以利用substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。var str='13155555555'; var str2 = str.substr(0,3)+"****"+str.substr(7); alert(str2)语法介绍:返回值一个新的字符串,包含从 stringObject 的 start(包括原创 2017-04-11 14:15:49 · 18700 阅读 · 2 评论 -
laydate日期插件案例,结束时间小于开始时间不可选择
结束时间不小于开始时间不可选择,分钟和今天可以选择显示html: 开始时间: input class="laydate-icon" name="end_time" value="" placeholder="结束时间" id="end" type="text"> js: var start = {原创 2017-09-08 13:27:54 · 7383 阅读 · 3 评论 -
localStorage用法小总结
首先在开发者工具的Console中,输入了localStorage.然后就弹出了一些列宿主(浏览器)提供的localStorage自带的方法,摘录了一些常用的API如下表所示:名称作用clear清空localStorage上存储的数据getItem读取数据hasOwnProperty检查localStorage上是转载 2017-09-12 15:07:56 · 2000 阅读 · 0 评论 -
数组去重的4种方案
方法一:这是最简单原始的数组去重方法,效率应该是最低的吧。具体方法就看代码吧var arr=[1,12,10,14,11,14,1,11,14,16,18,31];function noRepeat() { var newArr = [arr[0]]; //将arr的第一个值放入newArr中 for (var i = 1; i < arr.length; i++)原创 2017-10-18 10:09:21 · 424 阅读 · 0 评论 -
javascript的typeof返回哪些数据类型
Object 对象或者null返回的是objectnumber functionbooleanunderfind 未定义string原创 2017-02-18 13:33:15 · 4069 阅读 · 0 评论