From ed260a1a9e101961c5a97dbf322bf311145115a5 Mon Sep 17 00:00:00 2001
From: Alexander Popov <iiiypuk@iiiypuk.me>
Date: Thu, 5 Jan 2023 00:08:31 +0300
Subject: [PATCH] get string size of bytes

---
 content/posts/2023/javascript/fetch-html.md   |  4 +--
 .../2023/javascript/get-bytes-string-size.md  | 32 +++++++++++++++++++
 2 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 content/posts/2023/javascript/get-bytes-string-size.md

diff --git a/content/posts/2023/javascript/fetch-html.md b/content/posts/2023/javascript/fetch-html.md
index a2aef01..3f09a51 100644
--- a/content/posts/2023/javascript/fetch-html.md
+++ b/content/posts/2023/javascript/fetch-html.md
@@ -12,7 +12,7 @@ tags: [tutorial, javascript]
 Чаще всего ты используешь метод `json()`
 для получения объекта JSON из возвращенного потока.
 
-Например следующий код вернёт последную версию Minecraft:
+Например следующий код вернёт последнюю версию Minecraft:
 
 ```javascript
 let minecraftUrl = 'https://launchermeta.mojang.com/mc/game/version_manifest_v2.json';
@@ -47,7 +47,7 @@ fetch('https://steamcommunity.com/id/_iiiypuk')
 Теперь, когда у тебя есть HTML в виде текстовой строки,
 ты можешь сделать с ним несколько вещей.
 
-1. Вставьть его в элемент с помощью `innerHTML`.
+1. Вставить его в элемент с помощью `innerHTML`.
 2. Преобразовать в HTML и манипулировать им.
 
 ```javascript
diff --git a/content/posts/2023/javascript/get-bytes-string-size.md b/content/posts/2023/javascript/get-bytes-string-size.md
new file mode 100644
index 0000000..c4abb89
--- /dev/null
+++ b/content/posts/2023/javascript/get-bytes-string-size.md
@@ -0,0 +1,32 @@
+---
+title: "📏 Получаю размер строки в байтах в Javascript"
+date: 2023-01-04T23:59:20+03:00
+draft: false
+tags: [javascript, tips]
+---
+
+## Снипплет — ByteSize()
+
+Байт - это единица цифровой информации.  
+Есть различные способы получить размер строки, но с помощью этой функций это сделать очень легко.
+
+Снипплет `ByteSize()` принимает строку в качестве аргумента,
+а на выходе возвращает размер заданной строки в байтах.
+
+Синтаксис имеет такой вид:
+
+```javascript
+const byteSize = str => new Blob([str]).size;
+```
+
+Здесь я использую [Blob web API](https://developer.mozilla.org/en-US/docs/Web/API/Blob)
+для определения размера.
+
+Вот несколько примеров снипплета в действии:
+
+```javascript
+const result = byteSize('Hello World'); // output: 11
+const result = byteSize('😗'); // output: 4
+const result = byteSize('🧑🏻‍💻'); // output: 15
+```
+