Detached window memory leaks | Articles | web.dev
What's a memory leak in JavaScript? A memory leak is an unintentional increase in the amount of memory used by an application over time. In JavaScript, memory leaks happen when objects are no longer needed, but are still referenced by functions or other objects. These references prevent the unneeded objects from being reclaimed by the garbage collector. The job of the garbage collector is to ident
Rewriting Recoil from scratch
Recoil is a slick new React library written by some people at Facebook that work on a tool called "Comparison View." It came about because of ergonomics and performance issues with context and useState. It's a very clever library, and almost everyone will find a use for it - check out this explainer video if you want to learn more. At first I was really taken aback by the talk of graph theory and
Manage several displays with the Window Management API | Capabilities | Chrome for Developers
Published: September 14, 2020 Window Management API The Window Management API lets you enumerate the displays connected to your machine and to place windows on specific screens. Suggested use cases Examples of sites that may use this API include: Multi-window graphics editors à la Gimp can place various editing tools in accurately positioned windows. Virtual trading desks can show market trends in
How to detect fullscreen mode using CSS
Recently, I needed to change some design elements of a site when the site is in the fullscreen mode. So, I was looking for a way to it using CSS as all I wanted to change was hiding some stuff when in the fullscreen mode. And that’s when I came across this CSS media feature display-mode which can be used to test the display mode of an application. This feature would work just like any other media
Working with JavaScript Media Queries | CSS-Tricks
What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this: body { background-color: plum; } @media (min-width: 768px) { body { background-color: tomato; } } CSS media queries are a core ingredient in any responsive design. They’re a great way to apply different styles to different contexts, whether it’s based on viewport size, mot
A Practical Guide to the Web Cryptography API
David R. Myers Posted on Sep 9, 2020 • Edited on Jun 12, 2022 • Originally published at voracious.dev Client-side encryption is a feature I had wanted to implement in octo for a while now. When it finally came time to tackle it, I was surprised at the sparse real-world examples on the topic. The documentation on MDN is robust, but it requires a lot of jumping around to individual method APIs. I ho
JSのプラグインシステムについて書くJavaScript Plugin Architecture 2.0をリリースしました
JSのプラグインシステムについて書くJavaScript Plugin Architecture 2.0をリリースしました JavaScriptのプラグインシステムについて書いた小さな電子書籍であるJavaScript Plugin Architecture 2.0をリリースしました。 1.0(初版)公開時の記事は次のページから参照できます。 JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた | Web Scratch 2.0の詳しい変更点についてはリリースノートを参照してください。 Release v2.0.0 · azu/JavaScript-Plugin-Architecture 2.0リリース時にGitBookからHonKitに移行しました。 そのため、公開するURLが次の場所に変更されています。 https://a
DevTools architecture refresh: migrating to JavaScript modules | Blog | Chrome for Developers
As you might know, Chrome DevTools is a web application written using HTML, CSS and JavaScript. Over the years, DevTools has gotten more feature-rich, smarter and knowledgeable about the broader web platform. While DevTools has expanded over the years, its architecture largely resembles the original architecture when it was still part of WebKit. This post is part of a series of blog posts describi
Browsers may throttle requestAnimationFrame
Browsers may throttle requestAnimationFramerequestAnimationFrame (rAF) is a browser API that allows the execution of code before the next available frame on the device display. All modern JavaScript animation libraries, like Framer Motion, use this API to increment the visual properties of DOM elements, 3D models, or canvas contexts to create motion on the web. However, it isn't a guarentee that t
Introducing Modular Underscore—Julian Gonggrijp
future-proof common good open source 2020-08-27 Introducing Modular Underscore Underscore has been JavaScript’s unofficial standard functional programming library for a decade (together with its major fork, Lodash). Its most recent significant development is the move to ECMAScript 6 modules (ESM). Underscore 1.11 is the first version to be fully modular. With the new modularity, you can now create
Designing a JavaScript Plugin System | CSS-Tricks
WordPress has plugins. jQuery has plugins. Gatsby, Eleventy, and Vue do, too. Plugins are a common feature of libraries and frameworks, and for a good reason: they allow developers to add functionality, in a safe, scalable way. This makes the core project more valuable, and it builds a community — all without creating an additional maintenance burden. What a great deal! So how do you go about buil
Introducing Danfo.js, a Pandas-like Library in JavaScript
A guest post by Rising Odegua, Independent Researcher; Stephen Oni, Data Science Nigeria Danfo.js is an open-source JavaScript library that provides high-performance, intuitive, and easy-to-use data structures for manipulating and processing structured data. Danfo.js is heavily inspired by the Python Pandas library and provides a similar interface/API. This means that users familiar with the Panda
ts-migrate: A Tool for Migrating to TypeScript at Scale
TypeScript is the official language of frontend web development at Airbnb. Yet, the process of adopting TypeScript and migrating a mature codebase containing thousands of JavaScript files didn’t happen in one day. TypeScript adoption went through the process of an initial proposal, adoption by multiple teams, a beta phase and, finally, landing as the official language of frontend development at Ai
Different versions of your site can be running at the same time
Different versions of your site can be running at the same time It's pretty easy for a user to be running an old version of your site. Not only that, but a user could be running many different versions of your site at the same time, in different tabs, and that's kinda terrifying. For instance: A user opens your site. You deploy an update. The user opens one of your links in a new tab. You deploy a
Generating UUIDs at scale on the Web
TL;DR can you trust every browser to generate globally unique identifiers at scale? At Teads, we have tried, and the answer is yes, with a few caveats. This article describes the experiments we’ve run and the discoveries we made along the way. Why we need client-side unique identifiersGenerating unique identifiers is a common need that third-party scripts integrated on Web pages and e-commerce sit
Your SPA doesn’t need a router
So you are building a client-side web app for that next big project and wondering: “Which router should I use?”. Here is the thing: you don’t need any, and you will understand why shortly. What is routing?The first interface for a user to access any website is their browser address bar. Even if your website is visited via a link or from bookmarks, for a user it still goes through the address bar.
Why SolidJS: Do we need another JS UI Library?
It has come to my attention this article is the first some people are hearing of SolidJS. If you want to learn more about Solid, this is NOT where to start. I suggest looking at the github or the links at the bottom of the article. This just details my personal journey and is highly biased. The number of times I've asked myself that over the years is staggering. Even after hitting 2k stars on Gith
Dates and Times in JavaScript
tl;dr: We are looking for feedback on the Temporal proposal. Try out the polyfill, and complete the survey; but don't use it in production yet! JavaScript Date is broken in ways that cannot be fixed without breaking the web. As the story goes, it was included in the original 10-day JavaScript engine hack and based on java.util.Date, which itself was deprecated in 1997 due to being a terrible API a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSのProxyでアルゴリズムを可視化する - Qiita
Learn How to Test, Monitor, and Automate with Playwright - Checkly Docs
