ESLint wish

const y = new Set([10,20,30]);
const z = new Set([7,8,9]);

[1,2,3,4].forEach(y.add, z); // oops you added to z instead

console.log([...y]);
console.log([...z]);

// can't fault those who prefer this. I mean this line, not javascript's this :D
[1,2,3,4].forEach(Set.prototype.add, y); 

console.log([...y]);
console.log('---');
console.log([...z]);

If you are used to other language that automatically pass the this to the callback, you might want to be more explicit in JavaScript on passing which function you want to be called instead

Wish ESLint has a warning for passing callback like in line 4

[10, 20, 30]
[7, 8, 9, 1, 2, 3, 4]
---
[10, 20, 30, 1, 2, 3, 4]
[7, 8, 9, 1, 2, 3, 4]

Improvement to Chinese words separator's Parallel Text highlighting for Safari

Translated words that are split apart are now all highlighted

More details: https://www.anicehumble.com/2023/01/browsers-translation-mechanism.html

https://juejin.cn/post/7025868886914400293

Here's another example: https://czbooks.net/n/c8dbnf/cllgb6e?chapterNumber=2

More advanced example:

More example:

https://www.zhihu.com/question/19562698

Browsers translation mechanism

Safari can translate across tag boundaries. The phrase 先开发 (先 = first, 开发 = develop. in English is develop first), is split and the subject is placed between the the words that were split, i.e., develop something something here first

Chrome can only translate tag by tag. Each one of its translation is contained in the same tag the source language are contained in originally

Safari's advantage is that it can re-arrange the translation across tags, making the translation sound more natural than Chrome. Chinese words separator app highlighter granularity is by phrase, it stops at commas and periods, each phrase/sentence is contained in a tag

Chrome's advantage, though sounding unnatural English, is that you can get a feel of the grammar of Chinese language and how its sentence is structured

Chinese words separator for Safari

Chinese words separator for Chrome