前端开发

前端开发

• js 查看元素已绑定事件

  js 查看元素已绑定事件getEventListeners(document.getElementsByClassName("tooltip")[0]);getEventListeners 需要传递元素的对象引用

  微wx笑 2022-11-12【前端开发】 0 0 0

  阅读全文

• 仿简书写文章的自动保存功能的实现

  用过一段时间的简书，写文章的功能整体用起来还是比较顺手的，有自动保存功能，每次也不用担心东西丢失。但是就是有一点是很不爽的，就是不提供对自己的文章的搜索功能；这样子我有上

  微wx笑 2022-11-09【前端开发】 4 1 0

  阅读全文

• 【p2p】RTCPeerConnection协议理解

  一、SDPSDP全称是Session Description Protocol，翻译过来就是描述会话的协议。主要用于两个会话实体之间的媒体协商。SDP协议结构SDP描述由许多文本行组成，文本行的格式为<类

  微wx笑 2022-11-05【前端开发】 5 2 0

  阅读全文

• js创建XMLHttpRequest 对象方法函数

  js创建XMLHttpRequest 对象方法函数//创建XMLHttpRequest 对象//参数：无//返回值：XMLHttpRequest 对象function createXHR () { var XHR = [ //兼容不同浏览器和版本得创

  微wx笑 2022-11-05【前端开发】 4 0 0

  阅读全文

• 网上最全谷歌浏览器插件manifest.json文件字段解析

  谷歌浏览器插件manifest.json文件现在开发前端项目，文件中都有一个 package.json 文件，里面是这个整个项目的配置、项目的基础信息、项目的依赖等，那插件开发也有这个文件，那就

  微wx笑 2022-11-01【前端开发】 6 0 0

  阅读全文

• 前端检测dom是否被遮盖，js 检测元素是否被覆盖

  前端检测dom是否被遮盖new IntersectionObserver(([change]) => { console.log(change); // 被覆盖就是false，反之true console.log(change.isVisible) }, { threshold

  微wx笑 2022-11-01【前端开发】 4 1 0

  阅读全文

• 【油猴脚本 Greasemonkey】GM_xmlhttpRequest内部实现原理

  多数扩展脚本都会用到网络请求功能，对应的【油猴脚本 Greasemonkey】就是调用 GM_xmlhttpRequest 函数，这个函数内部是怎么实现的呢？拿到一段油猴脚本想用在自己开发的Chrome扩展中，但是用到了 GM_xmlhttpRequest 函数怎么办？
  本文来讲一下实现原理，附代码。

  微wx笑 2022-11-01【前端开发】 9 2 0

  阅读全文

• UEditor 二次开发实例，添加清除Mac下产生的BS字符（Backspace键）功能

  

  前文 BS字符 Backspace键 是在帝国CMS的内容编辑页面添加了清除功能按钮，功能是实现了，但是和Ueditor不是一体的，所以学习了如何对UEditor进行二次开发，重新实现了这个功能。版

  微wx笑 2022-11-01【前端开发】 7 1 0

  阅读全文

• Chrome开发者工具详解(5)-Application、Security、Audits面板

  这篇文章是Chrome开发者工具详解这一系列的最后一篇，介绍DevTools最后的三个面板功能-Application面板、Security面板、Audits面板的基本功能：Application面板简介该面板主要

  微wx笑 2022-10-31【前端开发】 6 1 0

  阅读全文

• Chrome开发者工具详解(4)-Profiles面板

  如果上篇中的Timeline面板所提供的信息不能满足你的要求，你可以使用Profiles面板，利用这个面板你可以追踪网页程序的内存泄漏问题，进一步提升程序的JavaScript执行性能。概述当

  微wx笑 2022-10-31【前端开发】 4 1 0

  阅读全文

• Chrome开发者工具详解(3)-Timeline面板

  Timeline面板Timeline面板是整个面板里面最复杂的一个面板，涉及的东西比较多。可以利用这个面板来记录和分析网页运行过程中的所有活动行为信息。你可以充分利用这个面板来分

  微wx笑 2022-10-31【前端开发】 4 1 0

  阅读全文

• Chrome开发者工具详解(2)-Network面板

  

  面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功

  微wx笑 2022-10-30【前端开发】 7 0 0

  阅读全文

• Chrome开发者工具详解(1)-Elements、Console、Sources面板

  

  面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功

  微wx笑 2022-10-29【前端开发】 8 2 0

  阅读全文

• 【Chrome扩展程序】利用 background 实现跨域请求

  在 Manifest V3 中，后台页面不支持 XMLHttpRequest（由 Service Workers 提供）。请考虑使用其现代替代品 fetch()。

  微wx笑 2022-10-29【前端开发】 10 0 0

  阅读全文

• JS XMLHttpRequest入门教程（非常详细）

  在 JavaScript 中，XMLHttpRequest 是客户端的一个 API，它为浏览器与服务器通信提供了一个便捷通道。现代浏览器都支持 XMLHttpRequest API，如 IE 7+、Firefox、Chrome、Safari

  微wx笑 2022-10-29【前端开发】 5 0 0

  阅读全文

• 'webRequestBlocking' requires manifest version of 2 or lower.

  'webRequestBlocking' requires manifest version of 2 or lower.
  webRequestBlocking "要求清单版本为2或更低。

  微wx笑 2022-10-29【前端开发】 5 2 0

  阅读全文

• js复制自定义HTML元素对象到剪贴板，复制内容添加小尾巴/版权信息

  js复制自定义HTML元素对象到剪贴板，复制内容添加小尾巴/版权信息实例代码：function execHandleHtml() { var selectionObj = window.getSelection(); var rangeObj = se

  微wx笑 2022-10-19【前端开发】 9 2 0

  阅读全文

• js复制自定义文本到剪贴板，复制内容添加小尾巴/版权信息

  js复制自定义文本到剪贴板，复制内容添加小尾巴/版权信息代码一：//将选中的图片生成bat下载命令function execHandleImg() { var textarea = document.createElement("texta

  微wx笑 2022-10-19【前端开发】 8 1 0

  阅读全文

• 如何在Chrome扩展程序中获取剪贴板数据？

  基本上你可以使用操纵剪贴板document.execCommand(&#39;paste|copy|cut&#39;).您需要在清单中指定"clipboardWrite"和/或"clipboardRead" 权限."clipboardRead"如果扩展程序

  微wx笑 2022-10-10【前端开发】 9 1 0

  阅读全文

• js实现复制页面内容自动添加版权信息文字

  很多前端技术博客有这样的处理，当我们复制代码或者文章内容的时候，都会自动加上一段文本信息版权，像下面这样：这是如何实现的呢？其实实现的方式很简单，可以在我们的网站页面上绑定

  微wx笑 2022-10-06【前端开发】 9 0 0

  阅读全文

• clipboardData.setData(format, data)支持的数据类型

  根据标准， clipboardData实际上是DataTransfer的一个实例，根据标准定义，setData支持的数据类型只有两种。

  微wx笑 2022-10-06【前端开发】 13 0 0

  阅读全文

• 复制网页内容自动添加版权信息的方法(兼容IE、Firefox和Chrome)

  复制网内容自动添加版权信息的方法在网上一搜可以看到很多类似的代码，加入网页body部分就可以。例如下面这段代码：//复制内容自动添加版权信息 document.body.oncopy = functi

  微wx笑 2022-10-05【前端开发】 14 1 0

  阅读全文

• 在网站copy时自带的版权小尾巴以及“复制代码“，可以怎么实现

  前言每天网上的博客各个领域都会涌现新文章，有时候看到感兴趣的知识就想把某段文字 copy下来 摘录下来，等有时间后慢慢品味在部分网站上，如果只是复制少量文字，并没有什么不同。

  微wx笑 2022-10-04【前端开发】 11 3 0

  阅读全文

• 轻松实现通过js复制内容和js修改粘贴板中内容

  实现点击不是input或者texterea框的时候复制功能，需求有时复制按钮需要放置一些特殊的内容，比如一个选中的树节点，如果需要获取到它的id的时候，还有可能会让你在粘贴前对id进行

  微wx笑 2022-10-04【前端开发】 17 3 0

  阅读全文

• javascript获取选中的文本/html

  　　首先来谈一下Selection对象和Range对象。　　Selection是window.getSelection()方法返回的一个对象，用于表示用户选中的文本区域。Selection对象表现为一组Range对象。而

  微wx笑 2022-10-04【前端开发】 7 2 0

  阅读全文