lodash(lodash)
一、vs code 开发react用什么插件
使用VSCode开发React-Native是个不错的选择,因为这个编辑器十分简洁、流畅,并且微软官方提供了React Native Tools插件,支持代码高亮、debug以及代码提示等十分强大的功能,并且VSCode本身的代码跳转十分优秀。但是我下载了此插件,发现其他功能正常,唯独代码没法正确提示,右下角也没有显示salsa。经过我的不懈Google以及查看官方文档:JavaScript in VS Code,最终找到了替代解决方案。
二、lodash简介
<<模块lodash的作用>>
Lodash是一个内部封装了诸多对字符串、数组、对象等常见的数据类型的处理函数的一套工具库
Lodash提供的辅助函数主要分为以下几类
---Array,适用于数组类型,比如填充数据、查找元素、数组分片等操作
---Collection,适用于数组和对象类型,部分适用于字符串,比如分组、查找、过滤等操作
---Function,适用于函数类型,比如节流、延迟、缓存、设置钩子等操作
---Lang,普遍适用于各种类型,常用于执行类型判断和类型转换
---Math,适用于数值类型,常用于执行数学计算
---Number,适用于生成随机数,比较数值与数值区间的关系
---Object,适用于对象类型,常用于对象的创建、扩展、类型转换、检索、集合等操作
---Seq,常用于创建链式调用,提高执行性能
---String,适用于字符串类型
lodash主要使用了延迟计算,使得其性能大大提升,延迟计算意味着在我们的链式方法在显示或者隐藏式的value()调用之前式不会执行的。由于这种执行的延后,因此lodash可以进行shortcut fusion这样的优化,通过合并链式iteratee大大降低迭代次数。从而大大提升性能
//什么是shortcut fusion??
例如
这里只是一串方法链,如果没有显式的调用value方法,使其立即执行的话,将会得到LodashWrapper的延迟表达式,如下
因为延迟表达式的存在,我们可以多次增加方法链,但是并不会执行,所以不会存在性能上的问题,当我们最后需要使用的时候,使用value显示立即执行即可。
三、Url参数处理方法(js,querystring,lodash)
我们在处理url的跳转时,往往会在url后面带着很多参数。有时候需要把这些参数转化成对象当作参数进行跳转或其他之用,比如angular2的 routerLink的地址是不带参数的,参数写在 queryParams里,这时候就需要对url进行处理。
当然可能还有其他地方可能会用到此类转换。
下面介绍对于url参数的几种转换方法
1. js处理,利用split()和循环实现
结果{ a: 10, b:2}
2. 利用querystring
querystring是在node封装好的一个模块,有处理string的方法直接处理这种地址
这种方法可以直接进行处理
参考链接 Query String querystring模块的使用
3.利用lodash处理
结果也是正确的。
不过lodash不会,所以把别人提供的方法放在这,再来在细细研究lodash
此方法已更新至文章 Lodash使用入门
参考链接 lodash文档