Lodash官网竟然没有定位上次浏览的位置功能!

原创 野人  2020-08-29 09:01  阅读 25 次

做前端的朋友,应该都有听过Lodash这个工具库,这个Lodash封装了很多好用的方法,具体就不一一列举了。

有兴趣的朋友可以直接到Lodash的官网进行搜索了解,尽管现在Lodash里面的很多方法,ES6都已经实现了,但是还是有很多方法用Lodash的方法更加的灵活好用。

像Lodash工具库,说白了就是省事,提高开发效率,因为小编觉得的在工作中,更多的是在出效果,前期甭管用什么接触方法,只要能实现我们想要的结果就好,后期才会想着去优化,至少我目前是这样觉得。
但是今天再次浏览Lodash的时候才发现,文档竟然没有定位上次浏览的位置的功能,这样每次我都得从头在找,于是就写了定位上次浏览的位置的js代码,原理就是把上次浏览的位置信息记录下来,存在localStorage里,然后下次需要的时候再去读取,紧接着找到上次浏览的方法进行标红,相关代码如下。(需要配合油猴浏览器插件才可以使用哦。)

// ==UserScript==
// @name Lodash定位正在查看的方法
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author yeren
// @match *.lodashjs.com/docs/*
// @grant none
// @run-at document-end
// ==/UserScript==

(function() {
'use strict';

setTimeout(()=>{
if(localStorage.getItem('scrollTop_ele')){
let scrollTop_ele=localStorage.getItem('scrollTop_ele').split('|')
document.querySelector('.toc-container').scrollTop=scrollTop_ele[0]
document.querySelectorAll("a[href*='lodash']").forEach(e=>{
if(e.href==scrollTop_ele[1]){
e.style.color="red"
}
})
}
},800)
document.addEventListener('click',(e)=>{
e.preventDefault()
let ele=e.target;
if(ele.nodeName=='CODE'){
let scrollTop=document.querySelector('.toc-container').scrollTop
let url=ele.parentElement.href
localStorage.setItem('scrollTop_ele',`${scrollTop}|${url}`)
window.location.href=url
}
})

})();

本机上测试了,并没有遇到什么问题,如果有使用的朋友,遇到问题的话,可以留言反馈哦。

本文地址:http://www.yerenwz.com/2420.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论