前端开发

前端开发

• 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【前端开发】 304 14 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【前端开发】 410 5 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【前端开发】 135 38 0

  阅读全文

• javascript获取选中的文本/html

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

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

  阅读全文

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

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

  微wx笑 2022-08-28【前端开发】 94 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【前端开发】 197 5 0

  阅读全文

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

  

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

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

  阅读全文

• ueditor 剪切不触发contentChange事件

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

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

  阅读全文

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

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

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

  阅读全文

• 使用Chrome、Firefox等浏览器的开发者工具采集信息

  有些内容是需要登录才可以查看的，后台处理登录逻辑比较麻烦；有些网站的实际内容是通过JS加载的，通过后台抓取的话根本抓取不到内容；还有的是通过JS+Canvas展示的内容，更是无法复制和下载，有没有比较好的办法呢？

  微wx笑 2022-07-27【前端开发】 126 30 0

  阅读全文

• 使用ajax XMLHttpRequest发送GET、POST数据

  使用ajax XMLHttpRequest发送GET、POST数据

  微wx笑 2022-07-27【前端开发】 111 18 0

  阅读全文

• canvas改变画布大小内容消失

  canvas宽高改变后,画布上的内容消失了
  当你有个某种需求，需要改变canvas宽高时，你会发现，画布上的内容没了，这是因为canvas的大小改变后会自动清除内容的，这时候我们需要重新绘制画布。

  微wx笑 2022-07-16【前端开发】 179 9 0

  阅读全文

• element ui el-talbe应用实例

  这是一个混合实例，不显示表头，只有一例，采用自定义模板，模板中使用 v-if 条件渲染，根据条件显示不同的样式；但是当你只需要一列，完全希望根据自己的模板来渲染，不需要表格的任何特性的话，就不如使用 v-for 来渲染。

  微wx笑 2022-07-15【前端开发】 89 8 0

  阅读全文

• CSS3阴影 box-shadow的使用和技巧总结

  css3中的阴影效果：css3中的box-shadow 请看box-shadow的属性（介绍是摘自w3c的内容）box-shadow: h-shadow v-shadow blur spread color inset;box-shadow 向框添加一个或多个阴

  微wx笑 2022-07-13【前端开发】 74 16 0

  阅读全文

• js将canvas生成图片并保存到本地

  需求将 canvas 生成图片并保存到本地方案使用 Canvas 的 toDataURL() 方法HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type 参数其类

  微wx笑 2022-07-12【前端开发】 316 5 0

  阅读全文