From 241788d7512dc1331abf7c14012b85f7b4a0fc99 Mon Sep 17 00:00:00 2001 From: Isabelle Viktoria Maciohsek Date: Thu, 17 Nov 2022 08:46:27 +0200 Subject: [PATCH 1/7] Update common-regexp-cheatsheet.md --- blog_posts/common-regexp-cheatsheet.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blog_posts/common-regexp-cheatsheet.md b/blog_posts/common-regexp-cheatsheet.md index 64a659135..c6d501771 100644 --- a/blog_posts/common-regexp-cheatsheet.md +++ b/blog_posts/common-regexp-cheatsheet.md @@ -40,7 +40,7 @@ const regexp = /\s+/g; ### Match line breaks -- Depending on the environnment, line breaks can be represented in different ways. +- Depending on the environment, line breaks can be represented in different ways. - Use the `\r` character to match carriage returns, the `\n` character to match newlines, and the `\r\n` sequence to match carriage returns followed by newlines. - Add the global (`g`) and multiline (`m`) flags to match all occurrences of the pattern in the string. From ed31d27c8f165a3692ceaccc90f0ada2eb3ebee7 Mon Sep 17 00:00:00 2001 From: Isabelle Viktoria Maciohsek Date: Thu, 17 Nov 2022 08:52:51 +0200 Subject: [PATCH 2/7] Update css-style-default-links.md --- blog_posts/css-style-default-links.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blog_posts/css-style-default-links.md b/blog_posts/css-style-default-links.md index d9dc014cf..f1ed670a1 100644 --- a/blog_posts/css-style-default-links.md +++ b/blog_posts/css-style-default-links.md @@ -10,7 +10,7 @@ excerpt: A short summary of your story up to 180 characters long. firstSeen: 2022-11-23T05:00:00-04:00 --- -When styling injected or generated HTML content, you might not have access to the classes or IDs of the elements you want to style. This can become especially annoying when dealing with link elements. Luckily, you can use the `:not()` selector with an appropriate attribute selector to check for the abscence of a class and style links accordingly. +When styling injected or generated HTML content, you might not have access to the classes or IDs of the elements you want to style. This can become especially annoying when dealing with link elements. Luckily, you can use the `:not()` selector with an appropriate attribute selector to check for the absence of a class and style links accordingly. ```css a[href]:not([class]) { From 4f5c4db4a9e1075374f406dcd37e1953dcb97fda Mon Sep 17 00:00:00 2001 From: Isabelle Viktoria Maciohsek Date: Thu, 17 Nov 2022 08:55:26 +0200 Subject: [PATCH 3/7] Update js-element-from-point.md --- blog_posts/js-element-from-point.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blog_posts/js-element-from-point.md b/blog_posts/js-element-from-point.md index a4d108712..62d4c1f99 100644 --- a/blog_posts/js-element-from-point.md +++ b/blog_posts/js-element-from-point.md @@ -16,7 +16,7 @@ Figuring out where an element is located on the page with JavaScript can be tric As I recently discovered, `Document.elementFromPoint()` provides a pretty interesting and straightforward solution. It allows you to get the element at a specific point on the page and it also works quite well with `iframe`s, too. Additionally, `Document.elementsFromPoint()` provides similar functionality, but returns an array of all the elements at a specific point on the page, in order of their z-index. ```js -// Returns the topmost element at the speicifed coordinates +// Returns the topmost element at the specified coordinates const element = document.elementFromPoint(x, y); // Returns an array of all the elements at the specified coordinates From d3c26e196e299a840be5bececc7f7a3e0abff89f Mon Sep 17 00:00:00 2001 From: Isabelle Viktoria Maciohsek Date: Thu, 17 Nov 2022 08:56:27 +0200 Subject: [PATCH 4/7] Update js-email-validation.md --- blog_posts/js-email-validation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blog_posts/js-email-validation.md b/blog_posts/js-email-validation.md index e681e818e..98154a5f2 100644 --- a/blog_posts/js-email-validation.md +++ b/blog_posts/js-email-validation.md @@ -16,7 +16,7 @@ Theoretically, email addresses can be validated using a regular expression. Afte Additionally, even if you could validate an email address, there’s **no way of knowing if this address is in fact currently in use**. The only way to do so, is to send an email and check the response. This is why most websites and apps nowadays send you a confirmation email in the first place. -Finally, even if you used a regular expression that is compliant with RFC 2822, it wouldn’t be without issues. Understading how it works or figuring out if it works correctly for each and every case would be pretty difficult. More importantly, though, it could be prone to **regular expression denial of service (ReDoS) attacks**, if implemented incorrectly. +Finally, even if you used a regular expression that is compliant with RFC 2822, it wouldn’t be without issues. Understanding how it works or figuring out if it works correctly for each and every case would be pretty difficult. More importantly, though, it could be prone to **regular expression denial of service (ReDoS) attacks**, if implemented incorrectly. By now, you should be starting to figure out why I’ve been hesitant to showcase a solution to the problem of email validation. While solutions do exist, the implications of each one must be considered carefully. From cbaf7ec51df4882edf3e742bec0501257895f6bc Mon Sep 17 00:00:00 2001 From: Isabelle Viktoria Maciohsek Date: Thu, 17 Nov 2022 08:57:11 +0200 Subject: [PATCH 5/7] Update js-frequency-map-data-structure.md --- blog_posts/js-frequency-map-data-structure.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blog_posts/js-frequency-map-data-structure.md b/blog_posts/js-frequency-map-data-structure.md index d12c3ed9b..42348807d 100644 --- a/blog_posts/js-frequency-map-data-structure.md +++ b/blog_posts/js-frequency-map-data-structure.md @@ -48,7 +48,7 @@ class FrequencyMap extends Map { - Define an `add()` method, which will take a value and increment its count in the data structure. Use `Map.prototype.has()` to check if the value already exists and act accordingly. - Extend `Map.prototype.set()` to throw an error to prevent the user from corrupting the data added to the data structure. - Extend `Map.prototype.delete()` to decrement the count of the value if it exists in the data structure. Use `Map.prototype.has()` to check if the value's frequency is `1` and delete it if necessary. -- As the data structure operates more like a `Set`, ater the `constructor` to accept an array of values. Use `Array.prototype.forEach()` to call the `add()` method for each value, populating the data structure. +- As the data structure operates more like a `Set`, after the `constructor` to accept an array of values. Use `Array.prototype.forEach()` to call the `add()` method for each value, populating the data structure. - Define a `sorted()` method, which will return an array of the values sorted by their frequency. Use `Array.prototype.sort()` to sort the values by their frequency and `Array.prototype.map()` to return only the values. The `ascending` argument determines the order of the returned array. ```js From dc54bb321a001e72fb157f1c25fb85290aa1da93 Mon Sep 17 00:00:00 2001 From: Isabelle Viktoria Maciohsek Date: Thu, 17 Nov 2022 08:57:42 +0200 Subject: [PATCH 6/7] Update js-timeout-interval-delay.md --- blog_posts/js-timeout-interval-delay.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blog_posts/js-timeout-interval-delay.md b/blog_posts/js-timeout-interval-delay.md index 17f28f02c..5af01350d 100644 --- a/blog_posts/js-timeout-interval-delay.md +++ b/blog_posts/js-timeout-interval-delay.md @@ -24,4 +24,4 @@ Apart from engine-related delays, there are a few other factors that play a role - Timeouts and intervals in **inactive/background tabs are throttled** to a minimum of 1000ms to increase battery life. - **Known tracking scripts in background tabs** can be throttled even further after a certain amount of time. -On a side note, some browsers store delays as a 32-bit signed integer, meaning that delays over 24.8 days will cause an overflow an dexecute immediately. +On a side note, some browsers store delays as a 32-bit signed integer, meaning that delays over 24.8 days will cause an overflow and execute immediately. From 748ba5973ff14261b657f54e941451232630f040 Mon Sep 17 00:00:00 2001 From: Isabelle Viktoria Maciohsek Date: Thu, 17 Nov 2022 08:58:27 +0200 Subject: [PATCH 7/7] Update technical-debt.md --- blog_posts/technical-debt.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/blog_posts/technical-debt.md b/blog_posts/technical-debt.md index 2e850e619..c8a13d7c4 100644 --- a/blog_posts/technical-debt.md +++ b/blog_posts/technical-debt.md @@ -5,7 +5,7 @@ tags: career,webdev,programming,management expertise: intermediate author: chalarangelo cover: blog_images/new-york.jpg -excerpt: Leanr what technical debt is, its causes and symptoms, and how to deal with it. +excerpt: Learn what technical debt is, its causes and symptoms, and how to deal with it. firstSeen: 2022-10-09T05:00:00-04:00 --- @@ -47,4 +47,4 @@ After getting to a manageable level, it's important to **keep technical debt in ### Conclusion -Technical debt is a natural, unavoidable part of software development. Miscommunication and lack of understanding can lead to it, resulting in lowered velocity and morale. Luckily, a bit of awereness, good communication and an actionable process can help reduce it and keep it in check. +Technical debt is a natural, unavoidable part of software development. Miscommunication and lack of understanding can lead to it, resulting in lowered velocity and morale. Luckily, a bit of awareness, good communication and an actionable process can help reduce it and keep it in check.