Авторский блог глупого студентикаSergio Strangerhttps://teletype.in/atom/sergiostranger2026-05-14T06:45:02.337Zsergiostranger:25.09.20232023-09-24T22:14:23.221Z2023-09-24T22:27:20.208Z

<img src="https://img4.teletype.in/files/f8/0d/f80dd596-76c0-4577-8f5d-35eeac13812a.png">Ну что, думали я забросил идею блогинга? Пришла мысля написать про выходной, который я целиком и полностью посвятил своему творчеству, лени, немного дизайну и разработке)

<p id="BAUU">Ну что, думали я забросил идею блогинга? Пришла мысля написать про выходной, который я целиком и полностью посвятил своему творчеству, <s>лени,</s> немного дизайну и разработке)</p> <figure id="TpzA" class="m_column"> <img src="https://img4.teletype.in/files/f8/0d/f80dd596-76c0-4577-8f5d-35eeac13812a.png" width="4537" /> <figcaption>Красивая аниме тяночка)</figcaption> </figure> <h2 id="1PQr">История поиска</h2> <p id="Qvg7">Начнем с того, что был дописан функционал карточек истории на главной странице. Над ним пришлось немного попотеть, потому что нужно было продумать схему очистки истории. По сути проблемы нет: берем <code>id</code> элемента в массиве, и через <code>split</code> его удаляем. Но в мои планы входила следующая идея: должна по умолчанию отображаться карточка, которую просто так нельзя удалить, но которую можно заменить любым запросом. Говоря простыми словами, карточку можно только перезаписать историей поиска. И если пользователь очистит вообще всю историю, то нужно будет снова отображать эту карточку. Идею я реализовал, но не совсем так, как хотел. Поэтому, думаю, что в будущем еще раз перепишу эту фишку.</p> <figure id="MOEs" class="m_column"> <img src="https://img2.teletype.in/files/d3/f6/d3f635a4-973c-4c9c-98b0-7db7d1d62e74.png" width="1320" /> <figcaption>Карточки истории поиска</figcaption> </figure> <h2 id="l8nR">Поиск фильма</h2> <p id="g48g">Исправлен поиск по Кинопоиск ID. Как только я переписал весь проект на VueCLI, я столкнулся с такой проблемой, что если на странице с фильмом через шапку еще раз запустить поиск другого ID, то результат поменяется в поисковой строке, но не отобразится на странице. Пришлось шерстить документацию по Vue Router, но ничего интересного там не нашел. Поэтому воспользовался свойством <code>watch</code>, через который отлавливал изменения в поле URL и выполнял функцию получения информации о фильме по API. Теперь все работает прямо как и задумывалось!</p> <figure id="dYaO" class="m_column"> <img src="https://img3.teletype.in/files/a1/e0/a1e0afb2-e1c5-4ea8-816d-84ce202093d2.png" width="1920" /> <figcaption>Страница фильма</figcaption> </figure> <h2 id="T4sM">Модальное окно</h2> <p id="Sj2Z">В новой версии веб-приложения задумался о продолжении использования модальных окон, потому что они и выглядят прикольно, и не отвлекают пользователя от переполненного экрана разным функционалом. На данный момент модальное окно добавил только для отправки фильма в само приложение Discord, но думаю, что в будущем найдется больше интересных применений.</p> <figure id="QvEU" class="m_column"> <img src="https://img1.teletype.in/files/02/0b/020b7c1d-f534-4e5d-8d0e-60470f507e63.png" width="1406" /> <figcaption>Модльное окно, при отправки контента</figcaption> </figure> <h2 id="ymMA">Итог</h2> <p id="rvIC">С кодом поигрался, на этом выходные и закончились, а это значит, что проектом в ближайшие дни я заниматься не смогу. Поэтому в течении недели нужно будет конспектировать мысли и делать заметки, для прилива вдохновения. Ведь без идей, особо ничем заниматься-то не хочется. Не прощаюсь 😉</p> <figure id="9uRw" class="m_column"> <img src="https://img3.teletype.in/files/67/08/670898a5-99a0-4fec-9a64-811a02c744cf.gif" width="476" /> </figure> sergiostranger:hello-world2023-09-23T17:11:54.052Z2023-09-24T22:37:32.663Z

<img src="https://img4.teletype.in/files/fb/3f/fb3f2409-7c48-4397-b870-23a0bfff8af4.png">Как уже принято на Руси и мире в целом, так это написать Hello world

<p id="Tm2j">Как уже принято на Руси и мире в целом, так это написать <code>Hello world!</code></p> <p id="W7G0">Сегодня активно допиливал функционал и накидывал дизайн для будущей версии HOOKS.js, чито могу таки сказать то... Релиз думаю залью еще не скоро, т.к. занимаюсь проектом в свободное время (ну короче говоря, когда заняться нечем)...</p> <p id="kRdN">Главный экран можно уже лицезреть, если опустить глазки чуть ниже))</p> <figure id="0YBQ" class="m_column"> <img src="https://img4.teletype.in/files/fe/fe/fefec66f-7733-4590-b9ea-f09fd7df7094.png" width="1903" /> <figcaption>главная страница</figcaption> </figure> <p id="C5bu">Этот пост я публикую не только потому, что я хотел бы поделиться новостями по разработке ноунейм веб-приложения. Я еще хотел поделиться публикацией первой записи на ноунейм блоге!</p> <p id="cXcg">На этом думаю все, обязательно думаю заброшу эту идею с личным блогом, но пока ничего сказать не могу. Всего доброго!</p>