做前端的朋友,应该都有听过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 } }) })();
本机上测试了,并没有遇到什么问题,如果有使用的朋友,遇到问题的话,可以留言反馈哦。