06-n.md · jekyll-rtd-theme

　　　　　　　　6//?r=⭐　&d=2024/6/3 20:53:42　&b=lwyz29bk

Merge JavaScript objects in array with same key - Stack Overflow

https://stackoverflow.com/questions/33850412/merge-javascript-objects-in-array-with-same-key | function mergeBasedOnKey(list)

　　　　　　　　6//?r=⭐　&d=2024/6/3 21:00:42　&b=lwyzb9ap

javascript - Merge two array of objects based on a key - Stack Overflow

https://stackoverflow.com/questions/46849286/merge-two-array-of-objects-based-on-a-key | const keyValuePair = function(arr1, arr2)

　　　　　　　　6//?r=⭐　&d=2024/6/4 09:04:40　&b=lwzp6agp

JavaScript Join Identical Adjacent Elements in an Array - Stack Overflow

https://stackoverflow.com/questions/54300223/javascript-join-identical-adjacent-elements-in-an-array | const data = [‘a', ‘a', ‘a', ‘b', ‘b', ‘c', ‘c', ‘c', ‘d', ‘e', ‘e'];

const res = […data.reduce((a,c)=>{ return a.set(c, (a.get(c)||"") + c); }, new Map()).values()];

console.log(res);

const data = [‘a', ‘a', ‘a', ‘b', ‘b', ‘c', ‘c', ‘c', ‘d', ‘e', ‘e'];

const res = [];

for(let i = 0; i < data.length; i++){ const c = data[i]; let str = c; for(let j = i + 1; j < data.length && c === data[j]; j++,i++){ str += c; } res.push(str); }

console.log(res);

　　　　　　　　6//?r=⭐　&d=2024/6/4 09:03:05　&b=lwzp48x8

Javascript: how to combine two adjacent elements of an array - Stack Overflow

https://stackoverflow.com/questions/28174500/javascript-how-to-combine-two-adjacent-elements-of-an-array

var array = [‘a', ‘bb', ‘ccc', ‘d', ‘e', ‘f', ‘g', ‘hhhhhhhh']; for (var i = 1; i < array.length - 1; i++) { while (array[i].length <= i && typeof array[i + 1]!='undefined' ) { array[i] += array[i + 1]; array.splice(i + 1, 1); } } console.log(array.join(‘, ‘));

　　　　　　　　6//?r=⭐　&d=2024/6/4 15:14:43　&b=lx02e6iy

AiChat ai.gptyylx.com

https://ai4s.gpt-666.com/#/chat/1717483655268 | js代码实现arrayInput变为arrayOutput。 const arrayInput = [ [ "", "val1" ], [ "img", "val2" ], [ "a", "val3" ], [ "img", "val4" ], [ "img", "val5" ] ]

arrayOutput = [ [ "", "val1" ], [ "img", "val2" ], [ "a", "val3" ], [ "img", ["val4","val5"] ], ]

　　　　　　　　6//?r=⭐　&d=2024/6/4 15:43:57　&b=lx03frv4

ChatGAi

https://chatgai.lovepor.cn/?utm_source=bing&utm_campaign=GPT&utm_Group=HXC&utm_Keyword=%E5%9C%A8%E7%BA%BFgpt&msclkid=8bb22bb677d21e2405714de8b2c4b560 | ```javascript const arrayInput = [ ["", "val1"], ["img", "val2"], ["a", "val3"], ["img", "val4"], ["img", "val5"] ];

console.log(arrayOutput);

```javascript
const arrayInput = [
    ["", "val1"],
    ["img", "val2"],
    ["a", "val3"],
    ["img", "val4"],
    ["img", "val5"]
];

const arrayOutput = arrayInput.reduce((acc, curr) => {
    const lastItem = acc[acc.length - 1];
    if (curr[0] === "img" && lastItem && lastItem[0] === "img") {
        if (!Array.isArray(lastItem[1])) {
            lastItem[1] = [lastItem[1]];
        }
        lastItem[1].push(curr[1]);
    } else {
        acc.push(curr);
    }
    return acc;
}, []);

console.log(arrayOutput);
  

一位高大威猛的鲁迅站在破旧的北京胡同中，背景是烟雾弥漫的火红天空，展现出浓厚的暗黑文学氛围。他笔挺的西装上布满污渍，手持一支烟斗，眼神中透露出坚定和思考的力量。这幅画面呈现出震撼人心的现代主义风格，凸显出人物的雕塑般精细的肌肉线条，立体感极强，仿佛可以跃然纸上。

js代码实现arrayInput变为arrayOutput。可以被3整除，而且相邻的值合并，其余不变。 const arrayInput = ["2","9","4","12","21"];

arrayOutput = [ [ "first", "2" ], [ "img", "9" ], [ "", "4" ], [ "img", ["12","21"] ], ]

const arrayInput = ["val1","img2","dat3","img4","img5"];

function convertArray(input) {
    const arrayOutput = [];

    for (let item of input) {
        let prefix = "";
        if (item.startsWith("img")) {
            prefix = "img";
            item = item.substring(3);
            if (!arrayOutput.find(arr => arr[0] === "img")) {
                arrayOutput.push(["img", []]);
            }
            arrayOutput.find(arr => arr[0] === "img")[1].push(item);
        } else {
            let number = item.match(/\d+/)[0];
            let val = item.replace(number, "");
            arrayOutput.push([prefix, val + number]);
        }
    }
    
    return arrayOutput;
}

const arrayOutput = convertArray(arrayInput);
console.log(arrayOutput);
  

这段代码定义了一个convertArray函数，将arrayInput按照题目要求转换为arrayOutput的格式。在遍历arrayInput时，根据元素的不同开头或数字，处理对应的情况，并将转换后的结果存入arrayOutput中。

　　　　　　　　6//?r=⭐　&d=2024/6/5 11:10:59　&b=lx194kjl

ChatGPT

https://chatgpt.com/c/67d60404-645f-44fb-9964-2e72489b8d16

const arrayInput = ["2", "9", "4", "12", "21"];

const arrayOutput = []; let temp = [];

arrayInput.forEach((item, index) => { if (parseInt(item) % 3 === 0) { if (temp.length > 0) { temp.push(item); } else { temp = [item]; }

    if (index === arrayInput.length - 1 || parseInt(arrayInput[index + 1]) % 3 !== 0) {
        arrayOutput.push(["img", temp.length > 1 ? temp.slice() : temp[0]]);
        temp = [];
    }
} else {
    arrayOutput.push(["", item]);
} });
  

// Add the "first" label to the first element if (arrayOutput.length > 0) { arrayOutput[0][0] = "first"; }

console.log(arrayOutput);

　　　　　　　　6//?r=⭐　&d=2024/6/6 10:59:14　&b=lx2o5bsu

Array.from() - JavaScript | MDN

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from |

　　　　　　　　6//?r=⭐　&d=2024/6/6 14:25:15　&b=lx2vi95x

Emoji 的处理 - 使用正则表达式匹配所有 Emoji-腾讯云开发者社区-腾讯云

https://cloud.tencent.com/developer/article/1832681 | /(\ud83c[\udf00-\udfff])|(\ud83d[\udc00-\ude4f\ude80-\udeff])|[\u2600-\u2B55]/g

\d\S\S\S\w+\S.\s\S\w+\S\d{2,4}\S\d{1,2}\S\d{1,2}\s\d{1,2}\S\d{1,2}\S\d{1,2}. \d\S\S\S\w+\S.\s\S\w\S\d+\S\d+\S\d+\s\d+\S\d+\S\d+.

从 Map 构建数组从 NodeList 构建数组序列生成器（range）

const floatLayer = document.querySelector(‘float-window#usurpFrame'); floatLayer.appendChild(treeContainer);

const usurpFrame = document.querySelector(‘float-window#usurpFrame'); createElem(‘createTag', ‘containerElem', ‘attachMethod', ‘schemaOut', ‘valueStr', ‘className', ‘id');

　　　　　　　　6//?r=⭐　&d=2024/6/10 11:57:08　&b=lx8fz6mu

js如何动态选择和操作 CSS 伪元素，例如 ::before 和 ::after-腾讯云开发者社区-腾讯云

https://cloud.tencent.com/developer/article/1967192 |

　　　　　　　　6//?r=⭐　&d=2024/6/12 10:49:57　&b=lxb8ghp1

All Origins

https://allorigins.win/ |

fetch(https://api.allorigins.win/get?url=${encodeURIComponent('https://github.com/')})

　　　　　　　　6//?r=⭐　&d=2024/6/12 10:47:33　&b=lxb8dewn

DOMParser - Web API | MDN

https://developer.mozilla.org/zh-CN/docs/Web/API/DOMParser |

DOMParser

　　　　　　　　6//?r=⭐　&d=2024/6/13 09:56:29　&b=lxclzkyw

正则表达式 - JavaScript | MDN

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions |

^https?:\/\/.+.bing.\w+ ^https?:\/\/.+.bing.\w+.th\Sid\S\w+ ^https?:\/\/.+.bing.\w+.th\Sid\S\w+[.-\w]+ ^https?:\/\/.+.bing.\w+.th\Sid\S\w+[.-\w]+(.+.jpg)?

https://www.bing.com/th?id=OADD2.9964482639968_11AVPJJGJ8QXMJNWSU&pid=21.2&c=16&roil=0&roit=0&roir=1&roib=1&w=612&h=304&dynsize=1&qlt=90 https://ts1.cn.mm.bing.net/th/id/R-C.f46eb39c8719c02cd2e126ce854017df?rik=4528q7h5%2bAOYPA&riu=http%3a%2f%2fpic.baike.soso.com%2fp%2f20140418%2f20140418173525-68570387.jpg&ehk=ScIzWSMOmwTvhJc5BctBgDF4YTjmrCFycps0h3kE5LQ%3d&risl=&pid=ImgRaw&r=0 https://ts3.cn.mm.bing.net/th?id=ORMS.34189dfbbae1869ecae1cbe2ed31f305&pid=Wdp&w=612&h=304&qlt=90&c=1&rs=1&dpr=1.5&p=0 https://ts1.cn.mm.bing.net/th?id=OIP-C.i5P5LLAW5E-6AvAUGR4RoAE6DG&w=236&h=320&c=7&rs=1&qlt=90&bgcl=ececec&o=6&pid=PersonalBing https://s.cn.bing.net/th?id=OJ.ctIMyEUgdeHZwQ&w=120&h=160&c=8&rs=1&pid=academic

　　　　　　　　6//?r=⭐　&d=2024/6/14 10:58:54　&b=lxe3npkt

免费的 YouTube 视频标题提取工具 - SEOStudio – SEOStudio Tools

https://seostudio.tools/zh/youtube-title-extractor |

YouTube 标题提取器

　　　　　　　　6//?r=⭐　&d=2024/6/14 11:05:57　&b=lxe3wrty

Text Compare Tool: Find Differences Between Two Text Files – SEOStudio Tools

https://seostudio.tools/text-compare |

Text Compare

https://www.dlsite.com/girls-touch/work/=/product_id/RJ328938.html

　　　　　　　　6//?r=⭐　&d=2024/6/20 16:42:52　&b=lxn0l5gx

W3Schools Tryit Editor

https://www.w3schools.com/Css/tryit.asp?filename=trycss_dropdown_navbar

　　　　　　　　6//?r=⭐　&d=2024/6/23 10:41:29　&b=lxqxzz2t

html - How to toggle a responsive navbar with javascript - Stack Overflow

https://stackoverflow.com/questions/73379709/how-to-toggle-a-responsive-navbar-with-javascript | https://jsfiddle.net/Lto3z1s2/1/

　　　　　　　　6//?r=⭐　&d=2024/6/19 10:59:55　&b=lxl8w9za

javascript - How can i collapse Vanilla JS Multi level Menu when other menu is Opened - Stack Overflow

https://stackoverflow.com/questions/69943665/how-can-i-collapse-vanilla-js-multi-level-menu-when-other-menu-is-opened |

Ren Jitsm

　　　　　　　　6//?r=⭐　&d=2024/6/19 11:02:19　&b=lxl8zcn8

javascript - Making navbar collapse with JS - Stack Overflow

https://stackoverflow.com/questions/45998699/making-navbar-collapse-with-js |

Sandeep Suthar

　　　　　　　　6//?r=⭐　&d=2024/6/19 11:04:49　&b=lxl92kww

javascript - I want my menu floated right until collapsed, then I want it centred - Stack Overflow

https://stackoverflow.com/questions/33768420/i-want-my-menu-floated-right-until-collapsed-then-i-want-it-centred |

vanburen

　　　　　　　　6//?r=⭐　&d=2024/6/19 11:43:06　&b=lxlaft6q

nobitagit/material-floating-button: Vanilla Js Material design floating menu with action buttons.

https://github.com/nobitagit/material-floating-button | https://aurelio.me/material-floating-button/

纯js实现，当鼠标悬停在页面右下角40px乘以40px的正方形区域时，在页面底部50px处生成一个长870px宽2px的div-bar，折叠菜单栏内生成6个span，每段长145px，用不同颜色区分，当鼠标在span-1到span-6元素上悬停时，在对应的span元素下方生成10px宽的div，div-d-1到div-d-6内部分别加入文字d-1到d-6，当鼠标在div-d-1到div-d-6元素上悬停时，在对应的span元素上方生成10px宽的div，div-u-1到div-u-6内部分别加入文字u-1到u-6。

divD和divU，width都改为'143px'，height都改为'20px'，颜色改为比span略浅。当鼠标离开div-u-1时，隐藏div-u-1，div-u系列其余的也以此类推。当鼠标离开div-d-1时，隐藏div-d-1，div-d系列其余的以此类推。当鼠标离开div-bar时，隐藏div-bar。

以span-1的背景色作为参照，div-d-1的背景色改为比红色略浅，div-d系列其余的也以此类推。以span-1的背景色作为参照，div-u-1的背景色改为比红色略深，div-u系列其余的也以此类推。不知是不是因为div-bar太窄了，才导致经常意外触发mouseleave隐藏，改为当鼠标离开div-bar，而且不在div-u系列范围内，也不在div-d系列范围内时，隐藏div-bar。

再刷潜伏有感马奎一线流血汗，谄媚笨拙遭构陷。李崖愚忠真楷模，心直口快不能活。桥山犯事反升职，锦衣还乡报私仇。左蓝牺牲尸虽惨，则成笑脸更骇人。委座自误嗔左右，戴局横死军统裁。站长看破不说破，荷包鼓鼓实权握。夫人居家有空闲，打理细软好换船。明哲保身谢若林，今夜都是穆连成。

div-u-1和div-d-1都使用span-1的颜色，以此类推div-u-6和div-d-6都使用span-6的颜色，

纯js实现，在页面右下角创建一个40px乘以40px的div元素，id为triggerField。当鼠标指针悬停在triggerField区域时，在页面底部40px处生成一个长800px左右宽40px左右的div元素，id为leverBar，当鼠标指针离开leverBar区域时，隐藏leverBar。 leverBar内生成8个span元素，每个长100px左右宽40px左右，id为frame-1到frame-8，再在每个span中对应生成一个div，规格为长100px，宽2px，用不同颜色区分，id为root-1到root-8，当鼠标在span-1到span-8元素上悬停时，span元素的背景色设为与其内部div元素的背景色相同的颜色。

　　　　　　　　6//?r=⭐　&d=2024/6/22 20:12:16　&b=lxq2y5c5

Element.getBoundingClientRect() - Web API | MDN

https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect | 我注意到以往我跟你说请提供纯js代码时，得到的是html代码。如果我需要只包含js脚本的代码，需要怎么表述？

也就是说涉及html元素的部分都全部改写为js，例如const bar = document.createElement(‘div'); document.body.appendChild(bar); css的部分也全部改写为js，例如bar.style.position = ‘fixed';

能否将下面的htm网页改写为纯JavaScript代码？ https://6cc.github.io/2024-gptAi4S/dropUpNavBar.htm

能否将css的部分也全部改写为js，例如navbar.style.overflow = ‘visible';

.navbar { overflow: visible; background-color: #333; font-family: Arial; }

"请提供只包含JavaScript代码的实现，不包含任何HTML或CSS代码。所有的HTML元素都通过JavaScript动态创建，所有的样式都通过JavaScript内联设置。"

　　　　　　　　6//?r=⭐　&d=2024/6/24 09:28:32　&b=lxsau0jv

javascript - How to create a menu from a json file - Stack Overflow

https://stackoverflow.com/questions/15088544/how-to-create-a-menu-from-a-json-file |

http://jsfiddle.net/s4DeS/

　　　　　　　　6//?r=⭐　&d=2024/6/24 09:22:15　&b=lxsalxry

Building Menu from JSON - CodeProject

https://www.codeproject.com/Articles/311758/Building-Menu-from-JSON |

jqwidgets

　　　　　　　　6//?r=⭐　&d=2024/6/24 09:45:17　&b=lxsbfjs8

Dynamic Menu List Generator With jQuery And JSON - renderMenu.js | Free jQuery Plugins

https://www.jqueryscript.net/menu/Menu-List-Generator-jQuery-renderMenu.html#google_vignette | renderMenu.js https://www.jqueryscript.net/images/Menu-List-Generator-jQuery-renderMenu.jpg

　　　　　　　　6//?r=⭐　&d=2024/6/25 10:25:54　&b=lxtsbmvu

Font Awesome Directional Icons

https://www.w3schools.com/icons/fontawesome_icons_directional.asp |

Directional Icons

　　　　　　　　6//?r=⭐　&d=2024/6/25 10:26:01　&b=lxtsbssv

Font Awesome Icons

https://fontawesome.com/v4/icons/ |

41 New Icons in 4.7

　　　　　　　　6//?r=⭐　&d=2024/6/25 10:34:06　&b=lxtsm6vp

font-awesome - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers

https://cdnjs.com/libraries/font-awesome |

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css

text-decoration: underline dotted red;

uniqueLauncher createTrigger(); const docQ = checkUnique(‘div#triggerField'); docQ ? console.log(docQ) : console.log(docQ);

　　　　　　　　6//?r=⭐　&d=2024/6/28 13:49:48　&b=lxy9xeoc

How do I dynamically populate html elements with JSON Data with Javascript not jQuery? - Stack Overflow

https://stackoverflow.com/questions/8314712/how-do-i-dynamically-populate-html-elements-with-json-data-with-javascript-not-j |

Sample with no jQuery:

　　　　　　　　6//?r=⭐　&d=2024/6/28 13:59:29　&b=lxya9v0z

Convert JSON to HTML in Javascript - Stack Overflow

https://stackoverflow.com/questions/61879743/convert-json-to-html-in-javascript |

solve(obj, tagName) currentKeys.forEach

createObjectComponent(json)

　　　　　　　　6//?r=⭐　&d=2024/6/28 14:03:09　&b=lxyaekvd

javascript - convert JSON object to html string - Stack Overflow

https://stackoverflow.com/questions/57939053/convert-json-object-to-html-string |

Andy map

　　　　　　　　6//?r=⭐　&d=2024/6/28 14:28:13　&b=lxybat5f

javascript create element with array - Stack Overflow

https://stackoverflow.com/questions/51037845/javascript-create-element-with-array |

Isaac

　　　　　　　　6//?r=⭐　&d=2024/6/28 14:32:35　&b=lxybgfgq

How to create HTML list from JavaScript array ? - GeeksforGeeks

https://www.geeksforgeeks.org/how-to-creating-html-list-from-javascript-array/ | menu⭐geeksforgeeks array.forEach(callback(element, index, arr), thisValue)

　　　　　　　　6//?r=⭐　&d=2024/6/29 15:04:17　&b=lxzs11x9

[javascript]json和object的区别_js json object 区别-CSDN博客

https://blog.csdn.net/inch2006/article/details/82682314 |

json可通过内置的JSON.parse()转换为object对象。

var text = ‘{ "sites" : [' + ‘{ "name":"Runoob" , "url":"www.runoob.com" },' + ‘{ "name":"Google" , "url":"www.google.com" },' + ‘{ "name":"Taobao" , "url":"www.taobao.com" } ]}'; console.log(text)

// json字符串转object obj = JSON.parse(text) console.log(obj)

// object对象转json字符串 str = JSON.stringify(obj) console.log(str)

　　　　　　　　6//?r=⭐　&d=2024/6/30 21:34:01　&b=ly1le3nb

Is there a best practice for generating html with javascript - Stack Overflow

https://stackoverflow.com/questions/220603/is-there-a-best-practice-for-generating-html-with-javascript

　　　　　　　　6//?r=⭐　&d=2024/6/30 21:31:40　&b=ly1lb2v7

stephan-nordnes-eriksen/BOB: BOB: Powerful XML and HTML building

https://github.com/stephan-nordnes-eriksen/BOB |

BOB

　　　　　　　　6//?r=⭐　&d=2024/6/30 21:33:37　&b=ly1ldlgp

How do I use just JavaScript to create HTML code? - Stack Overflow

https://stackoverflow.com/questions/38516172/how-do-i-use-just-javascript-to-create-html-code | function createDesiredHtmlElements() { function createDiv(theClass) { var div = document.createElement("div"); if(typeof theClass === "string") { div.className = theClass;

const value = cellLineS[0].trim().split(‘,'); console.log(value[1]); aDropdown.textContent = value[1];