油猴脚本去水印实现原理

sxkk20081年前109

实现原理

接下来,我们就来说说,这个脚本的实现原理。那并不是任何网站都可以破解会员,是因为这个网站不够建全,我们可以利用一些前端知识来绕过付费。

打开 chrome dev tools, 在 HTML 中搜索 water ,我们可以搜索到带水印的 div,给这个 div 加一个样式: display none。就可以实现去水印了。 原理就是通过这一行代码实现去水印了, 现在我们可以使用截图工具截图保存即可。

image.png

本文同步视频地址前言上周微信公众号推出了一种新的形式,类似小红书这样子,群里有小伙伴调侃,是否是小红书的产品经理跳槽到微信了,那作为一个公众号运营者,我也想利用这一点。那么如何快速设计出好看的小红书封...

三分钟 ChatGPT 接入钉钉机器人

sxkk20081年前107
highlight: monokai-sublime theme: vuepress前言ChatGPT 大家应该都已经用了一段时间了,功能非常强大,作为开发人员,我用它写文档、写日报、润色 OKR,知...

基于 ChatGPT API 的划词翻译浏览器脚本实现

sxkk20081年前82

react + antd 实现

上面的代码只是实现了一个最简单的版本,样式也不够美观,因此我们可以使用 webpack + react + antd 来实现一个现代化的插件, 这里我使用一个之前创建的模版tampermonkey-starter

使用 antd 的 Popover 组件来显示,使用 react 重构下 js 代码,我们就可以实现如下效果。

image.png

前言最近 GitHub 上有个基于 ChatGPT API 的浏览器脚本,openai-translator, 短时间内 star 冲到了 9.7k, 功能上除了支持翻译外,还支持润色和总结功能,除了...

用 React 开发了一款 Chrome 插件【七牛云图床】

sxkk20081年前104
前言习惯使用 markdown 写作的朋友,肯定会有自己的图床,七牛云的对象存储对于个人用户每月免费 10GB,可谓是白嫖的上上之选,只需要注册后,绑定一个域名就可以使用了。我之前使用的是一款开源的软...

2022 年终总结,知识沉淀这一年

sxkk20081年前116
Hello ,大家好,我是Ai知识分享,一名小厂前端工程师,普通的不能再普通的小前端,本来不想写年终总结了,因为一年下来,也没啥变化,看到别人发年终总结文章,实在是自愧不如。后来想了想还是得总结下,写...

用 TailwindCSS 打造美好祝福:给大家送上新年祝福的 demo

sxkk20081年前122
前几天,群里有有伙伴问,在 Next.js 中,该使用哪个 UI 框架?我强烈推荐 tailwindcss, 因为你不再需要写 CSS 代码了,这 2 天还录制了一个视频,包括录屏、录音、剪辑、动画等...

如何使用 ONLY OFFICE 在你的 WEB 中集成 OFFICE 文档编辑功能

sxkk20081年前64
前言在日常 WEB 开发过程中常常有附件管理的需求,而这些附件大部分是 OFFICE 文件,而对于这些办公文档,用户需要下载下来编辑,编辑完成后上传,而对于用户的改动,开发者还需要实现历史版本管理功能...

如何使用 Tailwind CSS 写官网?

sxkk20081年前92
前言在上一期视频中,我介绍了 Tailwindcss 的优点,很多小伙伴也在评论中谈论了自己的看法。 今天这期视频我们就来实战一下,如何使用 Tailwindcss 写官网?那么一起来看看吧tailb...

我在工作中使用 git 的几个技巧

sxkk20081年前78
前言Git 是每个程序员的必备技能,良好的 Git 提交习惯,不但可以让代码阅读更清晰,还可以提高我们的我们的工作效率,接下来我将分享我在工作中关于 Git 的使用经验,或许对你有帮助。Git 工作流...

如何避免 React hooks 闭包陷阱?

sxkk20081年前90
什么是 React hooks 闭包陷阱?在 react 中 提供了一些性能优化函数 react.memo 、useMemo、useCallback。const cachedValue = useMe...