\[{"seq":"0","id":1731160592239,"content":"mapValues 的一种实现：使用 Object.entries() 和 Object.fromEntries()\n\n`js\nconst object1 = { a: 1, b: 2, c: 3 };\n\nconst object2 = Object.fromEntries(\n Object.entries(object1)\n .map(([ key, val ]) => [ key, val * 2 ])\n);\n\nconsole.log(object2);\n// { a: 2, b: 4, c: 6 }\n`\n","tags":\["js"],"updatedAt":1731160537344},{"seq":"1","id":1731160696325,"content":"daydiff\n`js\ndayjs('2022-5-28').add(1,'day').toString()\n'Sat, 28 May 2022 16:00:00 GMT'\n`","tags":\["js"],"updatedAt":1731160537344},{"seq":"2","id":1731162909902,"content":"doc title to markdown link\n\n``js\n`[${document.title}](${document.URL})`\n````","tags":["js"],"updatedAt":1731160537344},{"seq":"3","id":1731678789669,"content":"change path preserving query string\n``js\n// Change path, but preserve query string. \nconst editorURL = new URL(location.href); \neditorURL.pathname = ROUTE\_EDITOR; \nhistory.pushState(null, '', editorURL.href);\n`","tags":["js"],"updatedAt":1731678454987},{"seq":"4","id":1731678894435,"content":"lodash chain\n\n`js\nconst data = \[\n\n "Windows 10 （专业版64位）",\n "Windows 10 （专业版64位）",\n "Windows 10 （专业版64位）",\n "Windows 11 （家庭版64位）",\n "Windows 11 （家庭版64位）",\n "Windows 11 （家庭版64位）",\n "Windows 11 （家庭版64位）",\n "Windows 11 （专业版64位）",\n "Windows 11 （专业版64位）",\n "Windows 7 （家庭版64位）",\n "Windows 7 （家庭版64位）",\n "Windows 8中文版 64位",\n "Windows 8中文版 64位",\n "Windows 8中文版 64位"\n]\n\nconsole.table(\_.chain(data).groupBy(e=>e).mapValues(e=>e.length).value())\n``","tags":[],"updatedAt":1731678454987},{"seq":"5","id":1731750645861,"content":"在新标签页中打开一个可编辑的标签页\n\n1. 使用`document.open`和`document.write`\n``javascript\nvar newWindow = window.open();\nnewWindow.document.open();\nnewWindow.document.write('');\nnewWindow.document.close();\n``\n2. 使用`createElement`和`appendChild`\n``javascript\nvar newWindow = window.open();\nvar editableDiv = newWindow.document.createElement('div');\neditableDiv.contentEditable = true;\nnewWindow.document.body.appendChild(editableDiv);\n``\n ');\nnewWindow.document.close();\n\" >打开编辑器`,\n }}\n />\n\n`window.open('data:text/html,')` 这段代码并不 work，使用`window.open`方法打开的新标签页不能直接编辑。`data:text/html` URL 方案只能用于展示静态的 HTML 内容。要在新标签页中打开一个可编辑的标签页，可以尝试以下方法：","tags":[],"updatedAt":1731750551131},{"seq":"6","id":1731750701593,"content":"broswer as editor\n\n``text\ndata:text/html,\n`\n","tags":[],"updatedAt":1731750551131},{"seq":"7","id":1732755782206,"content":"替换标签（html 标签转换）：复制 innerHTML、迭代复制所有 attributes\n`js\nvar headers = document.querySelectorAll('h3, h4');\n\n// 遍历这些标签\nheaders.forEach(function(header) {\n // 创建一个新的p标签\n var p = document.createElement('p');\n \n // 复制原有的内容到新的p标签\n p.innerHTML = header.innerHTML;\n \n // 复制原有的属性到新的p标签\n for (var i = 0; i < header.attributes.length; i++) {\n var attr = header.attributes\[i];\n p.setAttribute(attr.name, attr.value);\n }\n \n // 替换原有的h3或h4标签\n header.parentNode.replaceChild(p, header);\n})\n`\n\n`js\n// 等待DOM加载完成\ndocument.addEventListener('DOMContentLoaded', function() {\n // 获取所有的h3和h4标签\n var headers = document.querySelectorAll('h3, h4');\n\n // 遍历这些标签\n headers.forEach(function(header) {\n // 创建一个新的p标签\n var p = document.createElement('p');\n \n // 复制原有的内容到新的p标签\n p.innerHTML = header.innerHTML;\n \n // 复制原有的属性到新的p标签\n for (var i = 0; i < header.attributes.length; i++) {\n var attr = header.attributes\[i];\n p.setAttribute(attr.name, attr.value);\n }\n \n // 替换原有的h3或h4标签\n header.parentNode.replaceChild(p, header);\n });\n});\n`","tags":["js"],"updatedAt":1732754713354},{"seq":"8","id":1733387108133,"content":"图片下载\n\n`js\nfunction downloadImage(imageElement) {\n // Check if the imageElement is of type HTMLImageElement\n if (imageElement instanceof HTMLImageElement) {\n // Create an anchor () element\n const a = document.createElement('a');\n \n // Set the href to the image source\n a.href = imageElement.src;\n \n // Set the download attribute to the desired file name\n a.download = 'image.jpg'; // You can change 'image.jpg' to any file name you prefer\n \n // Append the anchor to the body to ensure it's part of the DOM\n document.body.appendChild(a);\n \n // Trigger the download by simulating a click\n a.click();\n \n // Remove the anchor from the body after download is triggered\n document.body.removeChild(a);\n } else {\n console.error('The provided parameter is not an HTMLImageElement.');\n }\n}\n``","tags":[],"updatedAt":1733385255862},{"seq":"9","id":1734503539402,"content":"## HTML实体编码转汉字\n\n在JavaScript中，`干` 是一个HTML实体编码，它代表Unicode字符`U+5B57`，即汉字“字”。要将这样的HTML实体编码转换成对应的汉字，你可以使用以下方法：\n\n1. **使用浏览器的DOM解析功能**：\n ``javascript\n var htmlEntity = "干";\n var text = document.createElement('textarea').textContent = htmlEntity;\n console.log(text); // 输出: 字\n `\n\n2. **使用正则表达式和String的replace方法**：\n `javascript\n var htmlEntity = "干";\n var text = htmlEntity.replace(/\&#(\d+);/g, function(match, dec) {\n return String.fromCharCode(dec);\n });\n console.log(text); // 输出: 字\n `\n\n3. **使用decodeURIComponent**：\n `javascript\n var htmlEntity = "干";\n var text = decodeURIComponent('%26%23' + htmlEntity.slice(2, -1) + '%3B');\n console.log(text); // 输出: 字\n ``\n\n以上方法都可以将HTML实体编码转换成对应的汉字。在实际应用中，你可以根据具体情况选择适合的方法。\n\n\n\n要将这样的HTML实体编码串 `就是我在用啊` 转换成对应的汉字，你可以使用JavaScript中的DOM解析功能来实现。以下是具体的步骤和代码示例：\n\n1. **创建一个DOM元素**：首先，你需要创建一个DOM元素，比如`div`。\n2. **设置HTML实体**：将包含HTML实体编码的字符串设置为这个元素的`innerHTML`。\n3. **获取转换后的文本**：通过获取这个元素的`textContent`或`innerText`属性，可以得到转换后的文本，即对应的汉字。\n\n以下是具体的JavaScript代码实现：\n\n``javascript\n// 创建一个DOM元素\nconst div = document.createElement('div');\n// 设置包含HTML实体编码的字符串为innerHTML\ndiv.innerHTML = '就是我在用啊';\n// 获取转换后的文本，即对应的汉字\nconst text = div.textContent || div.innerText;\nconsole.log(text); // 输出: 我是在写\n``\n\n这段代码首先创建了一个`div`元素，然后将包含HTML实体编码的字符串设置为这个元素的`innerHTML`。通过访问`textContent`属性，可以得到转换后的文本，即对应的汉字。这种方法简单且有效，可以处理大多数HTML实体编码到汉字的转换。\n\n\n","tags":[],"updatedAt":1734503355172},{"seq":"10","id":1734591273120,"content":"``js\nconst html = '1'.repeat(20).split('').map((e,i)=>``).join();\n\nconst div = document.createElement('div');\ndiv.innerHTML = html;\ndocument.body.append(div);\n`","tags":["js","watch","归档"],"updatedAt":1734591229114},{"seq":"11","id":1735177326469,"content":"### 微信图片下载\n\n`js\nfunction downloadFileWithoutExtension(url, suggestedName) {\n // 使用fetch API获取文件\n fetch(url)\n .then(response => response.blob())\n .then(blob => {\n // 创建一个链接\n const link = document.createElement('a');\n // 使用URL.createObjectURL创建一个临时URL\n link.href = URL.createObjectURL(blob);\n // 设置下载的文件名\n link.download = suggestedName || 'download';\n // 将链接添加到文档中\n document.body.appendChild(link);\n // 模拟点击链接\n link.click();\n // 移除链接\n document.body.removeChild(link);\n // 释放URL对象\n URL.revokeObjectURL(link.href);\n })\n .catch(error => console.error('下载失败:', error));\n}\n\[...document.querySelectorAll('.rich\_media\_content img.rich\_pages ')].forEach((e)=>{downloadFileWithoutExtension(e.src,e.dataset.imgfileid)})\n\`\`\`\n\n使用 a 标签下载的问题：链接没有文件后缀，浏览器的行为是跳转而不是下载，这通常是因为浏览器无法识别文件类型。在这种情况下，你可以尝试以下几种方法来强制浏览器下载文件：\n\n","tags":\[],"updatedAt":1735175785342}]

芒市