简化你的工作，7 种常用的 JS 代码片段 日常开发中，我们经常会用到很多通用的 JS 代码，比如：复制内容、从 URL 中获取指定参数 等这些代码通常有固定实现，即：代码片段。所以，为了方便大家的开发，今天咱们就来看看常用的 7 种代码片段使用URLSearchParams获取URL的搜索参数这应该是一个非常常见的操作，之前经常会使用 正则来完成，现在有了更简单的方式：const getQueryByName = (name) => { const query = new URLSearchParams(location.search) return decodeURIComponent(query.get(name)) } // url: https://sunday.com/?name=fatfish&age=100 const name = getQueryByName('name') // fatfish const age = getQueryByName('age') // 100 const gender = getQueryByName('gender') // null获取当前页面滚动距离const getScrollPosition = (el = window) => ({ x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft, y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop, }) getScrollPosition() // { x: 0, y: 215 }将内容复制到剪贴板通过按钮，将指定 dom 中的内容复制到用户的剪贴板const copyToClipboard = (content) => { const textarea = document.createElement("textarea") textarea.value = content document.body.appendChild(textarea) textarea.select() document.execCommand("Copy") textarea.remove() }平滑滚动至页面顶部const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop if (c > 0) { window.requestAnimationFrame(scrollToTop) window.scrollTo(0, c - c / 8) } }判断当前设备是Andoird还是iOSfunction getOSType() { let u = navigator.userAgent, app = navigator.appVersion let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1 let isIOS = !!u.match(/\(i[^]+( U)? CPU.+Mac OS X/) if (isIOS) { return 0 } else if (isAndroid) { return 1 } else { return 2 } } getOSType() // 0格式化货币const formatMoney = (money) => { return money.toLocaleString() } formatMoney(123456789) // '123,456,789' formatMoney(123456789.123) // '123,456,789.123' formatMoney(123) // '123'进入和退出全屏// 进入全屏 function fullScreen() { let el = document.documentElement let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen //typeof rfs != "undefined" && rfs if (rfs) { rfs.call(el) } else if (typeof window.ActiveXObject !== "undefined") { let wscript = new ActiveXObject("WScript.Shell") if (wscript != null) { wscript.SendKeys("{F11}") } } } // 退出全屏 function exitScreen() { let el = document let cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen //typeof cfs != "undefined" && cfs if (cfs) { cfs.call(el) } else if (typeof window.ActiveXObject !== "undefined") { let wscript = new ActiveXObject("WScript.Shell") if (wscript != null) { wscript.SendKeys("{F11}") } } }

抖音永久封号解封教程 思路就是联系客服，说你自己这个号从来没有使用过，要求解封，然后什么郁抑症，跳啥的。。这种去联系客服解封，还是看账号违规程度吧如果灰产的应该就没啥希望。

JS获取图片大小 Fetch请求远程图片，然后从返回结果中获取大小import img from '../assets/11.jpg' console.log(img) fetch(img) .then((response) => response.blob()) .then((blob) => { console.log(blob) }) .catch((err) => console.error(err));技术拓展webpack加载图片import img from '../assets/11.jpg'' 将会处理图像，将其添加到 output 目录，并且 img 变量将包含该图像在处理后的最终的 url。Response.blob()Response实现了Body接口，所以以下Body的方法同样可用。Body.blob()读取Response对象并且将它设置为已读（因为Response对象被设置为了stream的方式，所以它们只能被读取一次）返回一个被解析为Blob格式的Promise对象。BlobBlob对象表示一个不可变，原始数据的类文件对象。Blob.size(只读)Blob对象中所包含数据的大小（字节）。Blob.type（只读）一个字符串，表示该Blob对象所包含数据的MIME类型。如果类型未知，则该值为空字符串Blob.slice() 返回一个新的Blob对象，包含了源Blob对象中指定范围内的数据MIME类型MIME（多用途互联网邮件扩展）是一种用于描述除ASCII文件以外的其他格式文档的标准。例如音频、视频和图像。最初用于电子邮件附件，现已成为用于在任何地方定义文档类型的事实标准。MIME类型列表https://www.iana.org/assignments/media-types/media-types.xhtmlData URLData URL，即前缀为data:协议的URL，其允许内容创建者向文档中嵌入小文件。它们之前被称作“data URL”，直到这个名字被WHATWG弃用。Data URL有四部分组成：前缀（data:）表示数据类型的MIME类型如果非文本则为可选的base64标记数据本身data:[<mediatype>][;base64],<data>atob(）、btoa()atob()函数会对经过Base64编码的字符串解析解码btoa()方法编码可能会在传输过程中出现问题的数据ArrayBufferArrayBuffer对象用来表示通用的原始二进制数据缓冲区它是一个字节数组，通常在其他语言中称为“byte array”ArrayBuffer.prototype.byteLength ArrayBuffer的大小，以字节为单位。图像编码图片有很多个小方块组成，每个小方块都有一个自己的颜色，这个颜色是单一的。像素图片的像素是图像的最小单位，通常以像素（pixel）来表示。每个像素都是图像中的一个小方块分辨率图片分辨率是指图像中包含的像素数量，通常以水平像素数和垂直像素数表示。分辨率决定了图像的清晰度和细节水平。

利用一段代码轻松绕过PHP授权系统 第一步：首先你需要改名全局文件比如说全局文件 common.php，那么 你将他改为core.php第二步：创建文件创建一个文件，和改名前的全局文件名称一样，然后把以下代码复制进去就OK了<?php session_start(); $_SESSION['authcode']=true; include './core.php'; ?>

如何将html转换markdown 有时候我们需要将网页上的文档转成markdown格式以方便我们二次开发。因为网上的文章都是html格式的。而我们一般写作都习惯markdown。这时候就需要用到Turndown什么是TurndownTurndown 是一个开源的JavaScript库，它允许开发者将Markdown格式的文本转换为HTML。Markdown是一种轻量级的标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成结构化的HTML页面。 Turndown 库的主要特点和用途包括：Markdown 转 HTML：Turndown 可以将Markdown格式的文本转换为HTML代码，这使得编写和维护网站内容变得更加方便和快捷。兼容性：由于Markdown的广泛使用，Turndown 使得开发者能够轻松地将现有的Markdown文档集成到Web应用中，或者在不同的平台和编辑器之间迁移Markdown内容。定制化：Turndown 提供了一系列的选项和插件，允许开发者定制转换规则，以满足特定的需求或样式要求。跨平台：作为一个JavaScript库，Turndown 可以在浏览器端和Node.js环境中运行，这为在不同环境中处理Markdown提供了灵活性。开源：Turndown 是开源的，这意味着开发者可以自由地使用、修改和分发它，同时也能够贡献代码来改进这个库。使用Turndown，开发者可以创建强大的在线Markdown编辑器、静态站点生成器或其他需要Markdown支持的Web应用。通过Turndown，Markdown的简洁和强大得以在Web应用中得到充分发挥。如果在有node环境的情况下要使用 Turndown，首先需要将它添加到你的项目中。可以使用 npm 或 yarn 安装 Turndown，如下所示：使用 npm 安装：npm install turndown使用 yarn 安装：yarn add turndown或者html文件直接引入：<script src="https://unpkg.com/turndown/dist/turndown.js"></script>安装完成，可以在项目中使用它。以下是一个简单的示例：import TurndownService from 'turndown'; const turndownService = new TurndownService(); const html = '<h1>Hello, World!</h1><p>This is a <em>sample</em> HTML document.</p>'; const markdown = turndownService.turndown(html); console.log(markdown);无需安装，直接在html文件使用：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Turndown 库 --> <script src="https://cdn.jsdelivr.net/npm/turndown@7.1.3/dist/turndown.js"></script> <title>Document</title> </head> <body> <script> // 创建 TurndownService 实例 const turndownService = new TurndownService(); // 要转换的 HTML 内容 const htmlContent = '<h1>Hello, World!</h1><p>This is a <em>sample</em> HTML document.</p>'; // 使用 Turndown 进行转换 const markdown = turndownService.turndown(htmlContent); // 输出 Markdown console.log(markdown); </script> </body> </html>参数Turndown 提供了一些参数和配置选项，以便更精细地控制 HTML 到 Markdown 的转换过程。以下是一些常用的参数和配置选项：headingStyle （标题样式）: 用于指定生成的 Markdown 标题的样式。可选值包括 "setext" （默认值）和 "atx" 。 "setext" 样式使用下划线或等号来表示标题级别，而 "atx" 样式使用井号的数量表示标题级别。const turndownService = new TurndownService({ headingStyle: 'atx' });hr （水平分隔线）: 用于指定生成的 Markdown 水平分隔线的样式。默认是 * * * 。const turndownService = new TurndownService({ hr: '- - -' });bulletListMarker （无序列表标记）: 用于指定生成的 Markdown 无序列表的标记。默认是 "*" 。const turndownService = new TurndownService({ bulletListMarker: '-' });codeBlockStyle （代码块样式）: 用于指定生成的 Markdown 代码块的样式。默认是三个反引号 "`" 。const turndownService = new TurndownService({ codeBlockStyle: '```' });fence （代码块标记）: 用于指定生成的 Markdown 代码块的标记。默认是 ~~~ 。const turndownService = new TurndownService({ fence: '```' });emDelimiter （强调/斜体标记）: 用于指定生成的 Markdown 强调（斜体）的标记。默认是 "_" 。const turndownService = new TurndownService({ emDelimiter: '*' });strongDelimiter （粗体标记）: 用于指定生成的 Markdown 粗体的标记。默认是 "**"const turndownService = new TurndownService({ strongDelimiter: '__' });