浏览器插件
文章平均质量分 50
lockloke
记录学习心得
有很多问题,对那些高手来说太简单,所以就没人去解释该怎么处理。然而这才是新手最需要的,毕竟新手嘛,什么问题都可能出现,搜又不知道该搜什么关键字。
希望我的文章能帮到其他人
待我稍微整理下思路后再记录下新人入职后如何快速上手吧
展开
-
去掉那个框框--第三版实现功能与过程记录
一、实现的功能需要去掉的div的增删改查功能,本地存储二、过程记录1、代码优化原本的代码是下面这样经过前段时间对prototype的加深学习, 突然发现我根本就没必要把$()函数那么封装。一开始那么写是因为我发现document.querySelectorAll()获取到的是NodeList数组,这个NodeList数组所具有的方法跟Array数组并不相同,当时我又不知道为什么好多数组方法用不了,索性就直接使用扩展运算符将NodeList转换成Array数了。但是后来学习了原原创 2021-06-26 00:43:58 · 77 阅读 · 1 评论 -
插件开发记录二--数据存储问题
之前使用过localStorage去存放数据,但是后来发现,在网页端获取到的数据存放到localStorage的话,这个数据只能到当前网站下使用,切换了网站就用不了了。例如,当我在百度网站中使用localStorage,它保存下来的数据是在咱们浏览器中这个百度网站下的localStorage中的。查看localStorage的话而插件的页面实际上等同于另一个网站,两个网站之间的localStorage是不相通的,那数据就不好共享了,一个插件的数据如果只能在某个网页中才有用的话,那我写插.原创 2021-06-25 15:14:07 · 198 阅读 · 0 评论 -
插件开发问题记录一---localStorage使用问题
因为一开始就封装了一个选择器函数,我想着把对应的值存储到locaStorage就行了,但是我没想到我let $=name=>document.querySelectorAll(name);我把这个选择器获取到的对象存进了一个数组arr里,假设页面上有id为app和abc的元素,我用选择器将他们获取到,然后保存到数组arr中let arr=[$("#app"),$("#abc")];接着又把这个数组的值给了localStorage.arrlocalStorage.arr=arr原创 2021-06-23 01:21:35 · 316 阅读 · 1 评论 -
去掉那个框框----(第二版)代码优化
因为之前使用的还是函数式编程,未免有些低级了,想了想还是优化一下吧,使用面向对象的写法。let obj = { $: name => { let result = document.querySelectorAll(name).length > 1 ? [...document.querySelectorAll(name)] : document.querySelector(name); return result; }, // 隐藏功能代码(实际上就只是给div加上个.原创 2021-04-23 17:44:29 · 55 阅读 · 0 评论 -
“去除那个框框”插件的设想方案
目前只做到第二版,说实话,还是手动在js文件里添加需要去除的div的id或者class名,这样很糟糕啊,大部分人都不懂代码的,总不能让他们自己来改js文件吧。但是,技术有限,咱也没辙。一版一版改吧,既然要一点点改进,那就写个最终需要做成什么样子的计划,不然过段时间我又忘了自己当初想的啥了。首先是存储问题,就是需要去除的div(说白了就是广告框)的id或者class值,本来我想的是将这些写在一个独立出来的txt文件中,但想了想,目前我还不会读写操作。。。用node.js是可以做到,但是!!!这就是原创 2020-12-28 00:26:34 · 131 阅读 · 0 评论 -
“去掉那个框框”插件--第二版
第二版代码如下----还没实现好点的功能,不过先做出来吧window.onload=function(){ // 选择器封装 function $(name) { let result = document.querySelectorAll(name).length > 1 ? [...document.querySelectorAll(name)] : document.querySelector( name); return result; }原创 2020-12-27 23:49:11 · 251 阅读 · 1 评论 -
第一次写浏览器插件--去掉那个框框(第一版)
因为在看视频嘛,每次打开那个网站总会弹出来一个悬浮框挡在那里,看的都烦,点关闭说不准那个关闭按钮是人家做出来的一个效果而已没错就上面这种广告,自己又是学的前端,解决办法肯定有的啊,打开控制台咯,直接将包裹广告的div给删了就行了可是,这种广告每次打开页面或者刷新又会冒出来,你总不可能每次都要这样操作吧,超麻烦,想了想就想起来这种事干嘛不用插件来做,那不就轻松了么。诶,想了想,要是这种事还需要去扩展商店里找对应的插件,那我岂不是白学了这么久的前端开发了么。哎,乖乖去学一下插件怎么制作也好。原创 2020-12-27 02:53:42 · 310 阅读 · 3 评论