Cool Bits
-
Iago Lastra wrote about how JavaScript dates are about to be fixed – which you think should really help control the JavaScript dates population.
-
Robby Pruzan wrote a deep dive on how he Implemented React from scratch.
-
James Cowling built Cronvex – an implementation of user space crons that let you register periodic jobs that call third-party http endpoints. It’s similar to EasyCron or FastCron, but it’s completely free, open source, and built on top of Convex. [sponsored]
-
Max Stoiber wrote about how Developer tools are different than tools for any other profession.
-
Chrome 129 will come with two new snap events for JavaScript –
scrollSnapChangeandscrollSnapChanging. Snip snap, snip snap. -
Over-the-wire is a network inspection library for Node. Not to be confused with
Through-the-wire, which is a Kanye-inspired library that drinks a Boost for breakfast, and Ensure for dessert. -
Max Schmitt wrote a short article on why Toasts are Bad UX. I prefer to order pancakes, I just sip the sizzurp.
-
The React Universe Conf is on September 5-6, featuring a stellar lineup including Dan Abramov, Delba de Oliveira, Kent C. Dodds, and many more! 🚀✨ Can’t make it in person? Register for FREE Livestream Access and join from anywhere! [sponsored]
-
Trevor Lasn wrote about The only widely recognized JavaScript feature ever deprecated, and other scary stories to tell in the dark.
-
React Email 3.0 comes with a new component library, RSC support, and everything else you need to build a newsletter of 214,720 super close friends who will definitely all show up to my Deno-themed improv show next week, right?
Pop Quiz: Answer
Sponsored by FusionAuth
In the initial example, we are appending each list item to the DOM as we create it. This is inefficient because the DOM is updated each time we append a new list item. Instead, we can create a document fragment and append all of the list items to the fragment. Then, we can append the fragment to the DOM. This way, the DOM is only updated once.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dynamic List</title>
</head>
<body>
<ul id="myList"></ul>
<script>
let items = [...Array(1000).keys()].map((i) => `Item ${i}`);
let ul = document.getElementById("myList");
let fragment = document.createDocumentFragment();
for (let item of items) {
let li = document.createElement("li");
li.textContent = item;
fragment.appendChild(li);
}
ul.appendChild(fragment);
</script>
</body>
</html>
Want us to write about your company?
Built with ❤️ by uidotdev
50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101
Unsubscribe ![](https://open.convertkit-mail4.com/wvu9xd93o4sgh5070vpc7hnxdlxxxu8
酷比特
-
雅戈·拉斯特拉写了关于如何JavaScript日期即将确定您认为应该真正帮助控制JavaScript的日期人口。
-
罗比普鲁桑写了一篇深沉的潜水论述他如何实施从头开始的反应是的
-
詹姆斯·科林建造克隆克斯– 用户空间的实施,允许您注册定期工作,呼叫第三方HTTP终端。它类似于EasyCron或FastCron,但完全免费,开源,并建立在Convex上。
-
马克斯·斯图伯写道:开发人员工具不同于任何其他职业的工具是的
-
Chrome 129 即将推出為 JavaScript 提供兩個新瞬間事件──
scrollSnapChange和scrollSnapChanging快点快点,快点快点。 -
超级电线是 Node 的网络检查库,不可混淆
Through-the-wire,这是一个以Kanye为灵感的图书馆,在早餐中喝 Boost,并确保甜点。 -
马克斯·施密特写了一篇关于为什么乾杯是坏的我更喜欢订购面包,我只是吞下Sizzurp。
-
React Universe Conf将于9月5日至6日举行,其中包括丹·阿布拉莫夫,德尔巴·德·奥利维拉,肯特·C·多德斯和其他许多人! ✨不能亲自完成吗? 注册免费 Livestream 访问随时随地,随时随地,随时随地。
-
Trevor Lasn 写了关于迄今为止唯一被广泛认可的 JavaScript 功能已被删除还有其他可怕的故事要在黑暗中讲。
-
回复电子邮件 3.0它配备了一个新的组件库,RSC支持,以及其他一切你需要创建一个新闻稿的214720超亲密的朋友,他们肯定都会出现在我的Deno主题的改进节目下周,对吗?
Pop Quiz: 答案
赞助 由合并
在最初的例子中,当我们创建它时,我们将每个列表项目附加到DOM中,这并不有效,因为DOM每次添加新列表项目时都会更新。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dynamic List</title>
</head>
<body>
<ul id="myList"></ul>
<script>
let items = [...Array(1000).keys()].map((i) => `Item ${i}`);
let ul = document.getElementById("myList");
let fragment = document.createDocumentFragment();
for (let item of items) {
let li = document.createElement("li");
li.textContent = item;
fragment.appendChild(li);
}
ul.appendChild(fragment);
</script>
</body>
</html>
你想写关于你的公司吗?
由 ❤️ 建成$85
50 W 百老汇 Ste 333 PMB 51647 盐湖城, 犹他州 84101
未订阅
发布者