前端开发

前端开发

• Chrome扩展background.js访问剪贴板指南

  Chrome 扩展的 background.js（或 Manifest V3 中的 Service Worker）可以访问剪贴板，但需要满足以下条件：1. 权限声明在 manifest.json 中声明剪贴板权限：{ "permissions": ["cli

  微wx笑 2025-03-04【前端开发】 17 6 0

  阅读全文

• UEditor集成Markdown编辑功能完整方案，支持Markdown与HTML的双向转换

  上一篇 UEditor集成Markdown编辑功能方案，实现的思路是支持Markdown格式的内容插入功能，后来一想，既然可以将Markdown格式转换为HTML格式，为什么不同时支持HTML格式转Markdown格

  微wx笑 2025-03-02【前端开发】 19 1 0

  阅读全文

• UEditor集成Markdown编辑功能方案

  分步解决方案：1. 推荐免费开源Markdown库推荐使用 markdown-it（MIT协议）官网：https://github.com/markdown-it/markdown-it特点：轻量级（15KB）、扩展性强、支持CommonMark规范、中文

  微wx笑 2025-03-01【前端开发】 12 2 0

  阅读全文

• 百度 Ueditor 样式完善，解决拖拽鼠标从后向前选择容易选中所有的问题

  解决方案主要是增加 P 标签的左右的 padding，这样在选择的时候视觉上鼠标已经超出了 p 标签的内容范围，实际上其实还是在 p 标签内，所以就不会那么容易当鼠标一移到行首就选择

  微wx笑 2025-01-12【前端开发】 9 16 0

  阅读全文

• 两行CSS禁止复制

  两行CSS禁止复制-webkit-user-select: none; */ /* user-select: none;

  微wx笑 2024-03-22【前端开发】 47 31 0

  阅读全文

• CSS 在Chrome扩展中注入CSS样式

  在本文中，我们将介绍如何在Chrome扩展中注入CSS样式。CSS注入是一种在网页加载时向其添加自定义CSS样式的方法，通常在开发浏览器扩展时使用。我们将通过详细说明步骤和示例代

  微wx笑 2024-01-24【前端开发】 255 26 0

  阅读全文

• jquery find 多个元素

  jQuery中的find()方法非常有用，它允许我们查找特定元素的后代。通常，我们可以通过使用严格的选择器来查找元素。例如： $( "div p" );上面的代码将选取文档中所有 <p> 元素，但

  微wx笑 2024-01-13【前端开发】 49 10 0

  阅读全文

• 【译】XMLHttpRequest和Fetch, 谁最适合AJAX？

  原文地址：https://www.sitepoint.com/xmlhttprequest-vs-the-fetch-api-whats-best-for-ajax-in-2019/目录从AJAX到AjaxXMLHttpRequestFetch浏览器支持默认无Cookie错误不会

  微wx笑 2024-01-04【前端开发】 52 4 0

  阅读全文

• js获取url地址栏中的path参数的方法

  js获取url地址栏中的path参数的方法function getQueryVariable(url, variable) { try { if (!url || (url && !url.startsWith(&#39;http&#39;))) { return

  微wx笑 2024-01-04【前端开发】 71 2 0

  阅读全文

• js根据名称获取Cookie值的方法

  js根据名称获取Cookie值的方法 function getCookie(cookieName) { var strCookie = document.cookie; var cookieList = strCookie.split(&#39;;&#39;); for (var

  微wx笑 2024-01-04【前端开发】 42 8 0

  阅读全文

• 浏览器自带的fetch函数发送GET POST请求，发送POST form数据

  fetch 是浏览器自带的函数，用于发送网络请求。fetch 方法返回一个 Promise 对象，可以通过链式调用 then 方法处理响应数据，或者通过 catch 方法捕获错误信息。它支持 Promise

  微wx笑 2024-01-01【前端开发】 33 3 0

  阅读全文

• 本地数据存储之 IndexedDB 实践

  本地存储的类型本地存储主要有以下几种：Web SqlIndexedDBLocal StorageSession StorageCookiesApplication Cache项目需求离线存储读取数据允许用户对数据进行增删改操作数据

  微wx笑 2024-01-01【前端开发】 42 20 0

  阅读全文

• jQuery选择表格中的列

  以选择table中的第一列为例:方式1：1$("table tr").find("td:first").html("first column");//错误写法：$("table tr td:first").html("first column");方式2：1$("table tr").ea

  微wx笑 2023-12-15【前端开发】 45 14 0

  阅读全文

• chrome extensions插件declarativeNetRequest修改user-agent方法manifest v3版

  图片新标签中打开403 Forbidden是怎么做到的？如何解决这个问题？有些网站，你在它的网站页面图片和视频是可以打开或播放的，可能你找到的 url ，在新标签中打开的时候，页面却显示 403

  微wx笑 2023-11-29【前端开发】 103 16 0

  阅读全文

• UEditor 二次开发实例，清除css样式功能，清除元素的class和style属性

  UEditor 二次开发实例，清除css样式功能，清除元素的class和style属性，可以根据实际情况，保存字体颜色和字体大小参考：UEditor 二次开发实例，添加清除Mac下产生的BS字符（Backspace键）

  微wx笑 2023-08-23【前端开发】 40 7 0

  阅读全文

• vue+el-date-picker 日期的加减方法，加一天，减一天，向前一天，向后一天

  vue+el-date-picker 日期的加减方法，加一天，减一天，向前一天，向后一天

  微wx笑 2023-08-18【前端开发】 56 1 0

  阅读全文

• HTML5元素分类表格

  下面是HTML5元素分类表格：元素类型元素名称元素描述文本元素<a>定义超链接<abbr>定义缩写<b>定义粗体文本<cite>定义引用（通常引用书籍或期刊）<code>定义计算机代码文本<em>定

  微wx笑 2023-04-15【前端开发】 82 2 0

  阅读全文

• html5块元素有哪些

  HTML5块级元素有：<address> - 定义文档或文章作者的联系信息。<article> - 定义独立的自包含文章内容。<aside> - 定义页面内容之外的侧边栏内容。<blockquote> - 定义长引用

  微wx笑 2023-04-15【前端开发】 60 27 0

  阅读全文

• chrome浏览器插件V3新api---scripting使用方法(个人认为会常用的)

  在manifest.json里注册权限[scripting,tabs] 1.联合[tabs]api向指定页面中注入js文件 示例(使用场景背景页) //获取当前窗口所有的tab页面 chrome.tabs.query({ cu

  微wx笑 2023-04-13【前端开发】 108 4 0

  阅读全文

• Chrome扩展程序：chrome.tabs.executeScript无效

  Chrome扩展程序：chrome.tabs.executeScript无效chrome.tabs.executeScript 对应的 manifast 版本应该是2.0，如果是 "manifest_version": 3, 就不能使用了，需要使用 chrome.scri

  微wx笑 2023-04-13【前端开发】 78 7 0

  阅读全文

• Uncaught ReferenceError: getEventListeners is not defined

  Uncaught ReferenceError: getEventListeners is not defined这个错误通常在调试时表示你在尝试访问一个未定义的函数或方法。在这种情况下，错误来自于getEventListeners()方

  微wx笑 2023-04-13【前端开发】 82 4 0

  阅读全文

• ie浏览器控制台 js 复制文本内容到剪贴板的代码

  以下是在IE浏览器控制台中复制文本内容到剪贴板的JavaScript代码：var pasteBoard = window.clipboardData;var str = "将要复制的文本内容";pasteBoard.setData("Text", str)

  微wx笑 2023-04-11【前端开发】 72 7 0

  阅读全文

• 正则中m修饰符的作用

  在正则表达式中，m修饰符的使用也还是比较多的，如果你不了解的话，不妨看看爱站技术频道小编收集的资料，这篇文章详细给大家讲解了语法结构和实例代码，下面就来了解下。

  微wx笑 2023-04-11【前端开发】 60 2 0

  阅读全文

• js判断数组中是否存在某个值的几种方法

  array.indexOf判断数组中是否存在某个值，如果存在返回数组元素的下标，否则返回-1 let arr = [&#39;something&#39;, &#39;anything&#39;, &#39;nothing&#39;, &#39;anything&#

  微wx笑 2023-03-22【前端开发】 60 10 0

  阅读全文

• echarts入门教程（超级详细带案例）

  一.echarts的介绍1.echarts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache

  微wx笑 2023-02-18【前端开发】 90 9 0

  阅读全文