前端开发

前端开发

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

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

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

  阅读全文

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

  

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

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

  阅读全文

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

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

  微wx笑 2022-10-31【前端开发】 119 12 0

  阅读全文

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

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

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

  阅读全文

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

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

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

  阅读全文

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

  

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

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

  阅读全文

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

  

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

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

  阅读全文

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

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

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

  阅读全文

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

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

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

  阅读全文

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

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

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

  阅读全文

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

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

  微wx笑 2022-10-19【前端开发】 86 4 0

  阅读全文

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

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

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

  阅读全文

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

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

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

  阅读全文

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

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

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

  阅读全文

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

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

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

  阅读全文

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

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

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

  阅读全文

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

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

  微wx笑 2022-10-04【前端开发】 88 8 0

  阅读全文

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

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

  微wx笑 2022-10-04【前端开发】 137 38 0

  阅读全文

• javascript获取选中的文本/html

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

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

  阅读全文

• 在ueditor编辑器的光标停留处插入内容

  插入内容的方式
  newstext.execCommand('inserthtml', '要插入的内容');
  newstext.setContent('要追加的内容',true);

  微wx笑 2022-08-28【前端开发】 95 4 0

  阅读全文

• 关于字符串转JSON，eval和JSON.parse

  今天遇到个问题，同样的json字符串，使用 eval("(" + data + ")"); 就可以成功解析，使用 JSON.parse(data); 就报错

  微wx笑 2022-08-10【前端开发】 92 2 0

  阅读全文

• 百度Ueditor远程抓取图片完成不触发内容改变事件contentChange事件

  百度Ueditor用起来Bug还真多。ueditor 剪切不触发contentChange事件百度UEditor远程图片抓取代码存在的Bug这不又遇到一个：百度Ueditor远程抓取图片完成不触发内容改变事件co

  微wx笑 2022-08-10【前端开发】 200 6 0

  阅读全文

• 前端如何在JavaScript中计算页面加载时间？监控网页与程序性能

  

  想知道网页在用户端表现怎么样，想统计网页的性能，通常是使用JavaScript来计算，这里介绍几种方法及利弊。

  微wx笑 2022-08-01【前端开发】 901 10 0

  阅读全文

• ueditor 剪切不触发contentChange事件

  基于百度ueditor做了一个可以自动保存的文章编辑系统，发现剪切不触发contentChange事件，所以添加了一个事件监听，自己来处理

  微wx笑 2022-07-28【前端开发】 170 7 0

  阅读全文

• 监听Ueditor的 iframe中的按键，按键组合事件（Ctrl+s）

  监听Ueditor的 iframe中的按键，按键组合事件（Ctrl+s）

  微wx笑 2022-07-28【前端开发】 123 13 0

  阅读全文