综合( 右侧选择分类 )
hgweb

JS - Lodash工具库的使用详解14(浅拷贝,深拷贝)

十四、浅拷贝1,什么是浅拷贝?浅拷贝(浅克隆)指的是只拷贝第一层的原始类型值,和第一层的引用类型地址。对象的 Object.assign(),数组的 Array.prototype.slice() 和 Array.prototype.concat(),还有 ES6 的扩展运算符,都属于浅拷贝。 2,clone 方法(1)clone 方法可以创建一个 value 的浅拷贝。 下面是浅拷贝一个 Ob
289 人浏览
hgweb

JS - Lodash工具库的使用详解13(创建一个对某函数结果取反的函数)

十三、创建对一个函数结果取反的函数1,negate 方法negate 方法可以创建一个针对断言函数 func 结果取反的函数。2,使用样例function isEven(n) { return n % 2 == 0; } var even = _.filter([1, 2, 3, 4, 5, 6], isEven); console.log("偶数", even); v
210 人浏览
hgweb

JS - Lodash工具库的使用详解12(创建一个只能调用1次、n次的函数)

十二、创建一个只能调用1次、n次的函数1,once(1)once 方法可以创建一个只能调用 func 一次的函数。 如果重复则调用返回第一次调用的结果。_.once(func) (2)下面是一个简单的使用样例:var once = _.once(Math.random); console.log(once()); console.log(once()); console.log(once(
222 人浏览
hgweb

JS - Lodash工具库的使用详解11(Array数组函数8:创建指定范围数字的数组)

十一、Array 数组函数8:创建指定范围数字的数组1,range(1)range 函数原型如下,创建一个包含从 start 到 end,但不包含 end 本身范围数字的数组。_.range([start=0], end, [step=1]) 参数说明:start:开始的范围(默认为 0)。end:结束的范围。step:范围的增量或者减量(默认为 1,如果 end 是负数,而 start 没有指
191 人浏览
hgweb

JS - Lodash工具库的使用详解10(Array数组函数7:根据指定规则进行分组、统计)

十、Array 数组函数7:根据指定规则进行分组、统计1,groupBy(1)groupBy 方法可以据指定规则进行分组,该方法会创建一个对象:key 是经过迭代函数执行处理数组中的每个元素后返回的结果。分组值的顺序是由他们出现在数组中的顺序确定的。每个键对应的值为负责生成 key 的元素组成的数组(2)简单的使用样例:_.groupBy([6.1, 4.2, 6.3], Math.floor);
245 人浏览
hgweb

JS - Lodash工具库的使用详解9(Array数组函数6:如果不是数组强制转成数组)

九、Array 数组操作函数6:如果不是数组强制转成数组1,castArray 介绍 有时我们定义了一个只能对数组进行处理的方法,但实际使用时可能传入数组、也可能是单个对象,这种情况我们可以借助 castArray 进行统一转换处理(相当于做个保护):如果传入的参数不是数组, 那么强制转为数组并返回。如果传入的参数是数组,则不做处理直接返回。2,使用样例(1)如果原来就是数组则不做任何处理,直接返
178 人浏览
hgweb

JS - Lodash工具库的使用详解8(Array数组函数5:数组与对象间的转换)

八、Array 数组操作函数4:数组与对象间的转换1,对象转数组(1)toPairs 方法可以创建一个 object 对象自身可枚举属性的键值对数组。如果 object 是 map 或 set,返回其条目。function Foo() { this.a = 1; this.b = 2; } Foo.prototype.c = 3; var obj = _.to
218 人浏览
hgweb

JS - Lodash工具库的使用详解7(Array数组函数4:数组排序、打乱)

七、Array 数组操作函数4:数组排序1,基本排序(1)sortBy 方法创建一个元素数组。 以 iteratee 处理的结果升序排序。 这个方法执行稳定排序,也就是说相同元素会保持原始排序。var users = [ { 'user': 'fred', 'age': 48 }, { 'user': 'barney', 'age': 36 }, { 'user': 'fre
192 人浏览
hgweb

JS - Lodash工具库的使用详解6(Array数组函数3:移除、修改原数组内容)

六、Array 数组操作函数3:修改原数组内容1,剔除一个数组的元素(指定元素移除)pull 方法可以移除数组 array 中所有和给定值相等的元素。 var array = [1, 2, 3, 1, 2, 3]; _.pull(array, 2, 3); console.log(array);2,剔除一个数组的元素(指定索引移除)pullAt 方法根据索引 indexes,移除 a
161 人浏览
hgweb

JS - Lodash工具库的使用详解5(Array数组函数2:获取部分数组片段)

四、Array 数组操作函数2:获取部分数组片段(不改变原数组)1,随机获取部分元素sampleSize 方法可以从数组中获得 n 个随机元素 _.sampleSize([1, 2, 3], 2); // => [3, 1] _.sampleSize([1, 2, 3], 4); // => [2, 3, 1] 2,获取数组部分片段(通过选择的方式)(1)take 方法创
162 人浏览
hgweb

JS - Lodash工具库的使用详解4(Array数组函数1:查找指定元素、或索引)

四、Array 数组操作函数1:查找指定元素、或索引1,随机获取一个元素sample 方法可以从数组中获得一个随机元素。_.sample([1, 2, 3, 4]); // => 2 2,查找指定元素(1)find 方法可以遍历数组元素,返回 predicate(断言函数)第一个返回真值的第一个元素。_.find(users, function(o) { return o.age &l
181 人浏览
hgweb

JS - Lodash工具库的使用详解3(String字符串操作函数)

三、String 字符串操作函数1,将字符串转换成驼峰命名camelCase 函数可以将字符串中非数字和字母的字符都过滤掉,然后再转换为驼峰。console.log(_.camelCase('Foo Bar')) // => 'fooBar' console.log(_.camelCase('--foo-bar--')) // => 'fooBar' console.log(_.c
167 人浏览
hgweb

JS - Lodash工具库的使用详解2(使用throttle函数实现节流)

二、使用 throttle 函数实现节流1,throttle 节流throttle 函数原型如下。它会创建一个节流函数,在 wait 秒内最多执行 func 一次的函数。_.throttle(func, [wait=0], [options={}]) (1)throttle 的功能和前文介绍的 debounce 很像,都是为了防止某个方法被频繁调用。不同的是,throttle 可以指定每隔多长时
182 人浏览
hgweb

JS - Lodash工具库的使用详解1(使用debounce函数实现防抖)

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。同时其在 npm 每天下载量都超过 200 万,足以证明了它受欢迎的程度。 一、使用 debounce 函数实现防抖1,安装配置(1)这里假设我们需要在 Vue.js 项目里使用 L
217 人浏览
cheng

js获取input元素value值

<input type="text" name="aa" id="aa" onclick="doClick()"/>方法1:<script> function doClick() { var element = document.getElementByName("aa").value; } </script>方
156 人浏览
cheng

微信小程序text控件部分字体文字大小和颜色设置

在我们android中有的时候会要求textview控件显示文字部分颜色不同而且大小也不同,这个在微信小程序中怎么做呢?因为在微信小程序中所有的显示都是通过标签来实现的,那么标签时可以嵌套的,比如显示hello world 要求hello颜色是红色 而且字体大小为40rpx;实例效果图:wxml文件<text class='user-msg'><text class="hello
408 人浏览
cheng

100 个网络基础知识普及,看完成半个网络高手

原文链接:https://mp.weixin.qq.com/s/NB_onHhnn14hp5_3i2145g欢迎添加华为云小助手微信(微信号:HWCloud002 或 HWCloud003),输入关键字“加群”,加入华为云线上技术讨论群;输入关键字“最新活动”,获取华为云最新特惠促销。华为云诸多技术大咖、特惠活动等你来撩!1)什么是链接?链接是指两个设备之间的连接。它包括用于一个设备能够与另一个设
130 人浏览
cheng

让程序员崩溃的瞬间(非程序员勿入)

原文链接:http://www.strongerhuang.com今天给大家带来点快乐,程序员才能看懂。来源:https://zhuanlan.zhihu.com/p/470665211. 公司实习生找 Bug2. 在调试时,将断点设置在错误的位置3. 当我有一个很棒的调试想法时4. 偶然间看到自己多年前写的代码5. 当我第一次启动我的单元测试时6. 数据库的 Delete 语句忘了使用限定词 w
196 人浏览
java

SpringBoot注解梳理

一、注解(annotations)列表@SpringBootApplication:包含了@ComponentScan、@Configuration和@EnableAutoConfiguration注解。其中@ComponentScan让spring Boot扫描到Configuration类并把它加入到程序上下文。@Configuration 等同于spring的XML配置文件;使用Java代码
168 人浏览
web

微信 报错{"errcode":41002,"errmsg":"appid missing hint:

errcode":41002,解决:41002是微信没有收到正确的appid,所以,你需要检测下url!https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code let url = String(for
872 人浏览