
JS
文章平均质量分 62
池中飞雪
这个作者很懒,什么都没留下…
展开
-
解决浏览器中点击input输入框时,placeholder的值不消失的方法
<input type="text" placeholder="请输入" onfocus="this.placeholder=''" onblur="this.placeholder='请输入'">原创 2019-02-23 23:12:40 · 8472 阅读 · 1 评论 -
地址栏url解析为对象
function getUrlParams(url) { const keyValueArr = url.split('?')[1].split('&') let paramObj = {} keyValueArr.forEach(item => { const keyValue ...原创 2019-07-04 14:28:15 · 506 阅读 · 0 评论 -
快速判断数组中每个对象同一属性值是否相同
做批量删除的时候,要确定数组对象中每一项中有没有发布状态的,如果有也就是判断releaseStatus字段有没有为true的,只要有一个为true就给出提示让撤回后再删除,如果没有发布中的直接删除,下面这句可以快速判断,只要有一个是true就返回false,否则返回true。看项目需要也可以用every来判断,具体用什么看具体业务逻辑,都是返回布尔值const search = [ ...原创 2019-05-28 14:11:13 · 21925 阅读 · 0 评论 -
js数组去重的方法
1.遍历数组法它是最简单的数组去重方法(indexOf方法)实现思路:新建一个数组,遍历去要重的数组,当值不在新数组的时候(indexOf为-1)就加入该新数组中;var arr=[2,8,5,0,5,2,6,7,2];function unique1(arr){ var hash=[]; for (var i = 0; i < arr.length; i++) {...转载 2019-03-03 16:09:55 · 122 阅读 · 0 评论 -
js排序的方法
1. 冒泡排序var arr = [1,4,-8,-3,6,12,9,8];function bubbleSort(arr){ for (var i = 0; i < arr.length; i++) { for (var j = 0; j < arr.length-i-1; j++) { if(arr[j...转载 2019-03-03 13:29:37 · 4365 阅读 · 0 评论 -
跨域以及解决办法
同源:符合“协议+域名+端口”三者相同,就是同源。同源策略:同源策略,初衷是为了浏览器的安全性,保证浏览器不易受到XSS、CSFR等攻击。同源策略限制的内容有:Cookie、LocalStorage和IndexedDB等存储性内容 DOM和JS对象 AJAX请求发送后,被浏览器拦截但是有三个标签是允许跨域加载资源:<img src=xxx> <link h...转载 2019-02-25 18:33:51 · 163 阅读 · 0 评论 -
原生js实现一个随机点餐的小效果
html:<div class="wrap"> <div id="box"> </div><button id="start">开始</button><button id="stop">停止</button&a原创 2019-02-25 13:46:36 · 1593 阅读 · 0 评论 -
js继承的几种方式
1. 原型链式继承即 子构造函数.prototype = ne问题:不能给父构造函数传递参数,改变子级构造函数里的对象时,父级也会跟着改变,父子构造函数的原型对象之间有共享问题。2. 借用构造函数继承数()注意:使用call和apply借用其他构造函数的成员, 可以解决给父构造函数传递参数的问题, 但是获取不到父构造函数原型上的成员。3. 组合式继承借用构造函数...原创 2019-02-25 13:35:30 · 172 阅读 · 0 评论 -
闭包
1.闭包概念:闭包是指有权限访问另一个函数作用域中的变量的函数。2.闭包的由来:要理解闭包,首先要理解javascript的特殊的变量作用域。变量的作用域无非就两种:全局变量和局部变量。javascript语言的特别之处就在于:函数内部可以直接读取全局变量,但是在函数外部无法读取函数内部的局部变量。出于种种原因,我们有时候需要获取到函数内部的局部变量。所以,为了解决这个问题就出现了闭包。3...转载 2019-02-25 13:10:05 · 182 阅读 · 0 评论 -
this指针的理解
js当中的this指向在创建时并不能确定,而是要看它所在的环境,也就是说不是由定义是决定的,而是由调用时决定的。通常会指向调用它的对象,深入一点的说,它的值取决于调用的模式。而在JavaScript中,一共有4中调用模式:方法调用模式、函数调用模式、构造函数调用模式、apply调用模式。1. 方法调用模式当一个函数是作为一个对象的属性时,我们通常称这个函数是这个对象的一个方法。当这个方法被...转载 2019-02-25 13:02:32 · 1133 阅读 · 1 评论 -
数组的深浅拷贝总结
数组的浅拷贝(只能拷贝基本类型)ES5 方法总结1.slice方法 let arr = [2,4,434,43] let arr1= arr.slice(); console.log(arr1); // [ 2, 4, 434, 43 ]2. 遍历数组 Array.prototype.clone = function(){ let a=[...转载 2019-02-24 21:29:11 · 578 阅读 · 0 评论 -
使用原生js实现邮箱模糊查询的效果
写的比较粗糙,还有很多改进的地方,先用来记录一下html:<div class="box"> <input type="text" placeholder="网易邮箱/常用邮箱" id="text"> <button id="clearBtn">清空</button&原创 2019-02-24 21:18:48 · 991 阅读 · 0 评论 -
多级三目运算符的判断
在vue项目里,选择婚姻已婚和未婚状态,也可以不选,后台返回字段 maritalStatus 为0时代表未婚,1代表已婚如果不选就显示-<span>婚姻:{{ datas.maritalStatus !== null && datas.maritalStatus === 0 ? ('未婚', '已婚') : '-' }}</span>...原创 2019-08-08 11:02:17 · 2318 阅读 · 0 评论