Карточный вид содержимого вэб страниц - один из довольно популярных уже долгое время.Недавно встала задача таковые web карточки сверстать на CMS генерируемых страничках, где - естественно - количество таковых "карт" непостоянно. Итак, за дело! И нам нужно: Естественно - адаптивность на различную ширину вьюпорта (видимая область) Начать мыслить с узких смартфоновых широт, где всё складывается в единый столбец Определить минимальную ширину карточки, так же и максимум Думаем об эстетик…
Фронтенд-разработка — это как собирать лего без инструкции: иногда весело и творчески, но порой ты забираешься на кровать и кричишь: «*@#%*, да где же этот пропавший блок?!»Каждый новый проект во фронтенде — это как уникальный набор лего, и ты никогда не знаешь, какие интересные вызовы подкинет он на этот раз. В этой статье, опираясь на личный опыт, я расскажу, что такое современный фронтенд, какие задачи решают фронтендеры и что вообще происходит в мире фронтенда. Немного о себеconsole.log(&#…
Условия задачиНам нужно написать функцию, которая принимает отсортированный массив чисел numberArray и возвращает индекс найденного числа. Если индекс не найден, тогда возвращается -1.Сразу уделю внимание на то, что длинна массива может быть любой. Массив может состоять из любых чисел и искомое число так же может быть любым.Предположим у нас есть массив чисел от 1 до 100:const numberArray [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, …
Эта статья — перевод оригинальной статьи "Event Types in React and TypeScript".Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки интерфейсов.ПроблемаПри работе с React и TypeScript вы часто сталкиваетесь с подобными ошибками:const onChange = (e) => {}; // Parameter 'e' implicitly has an 'any' type. <input onChange={onChange} />;Не всегда понятно, какой тип следует присвоить пременнойe внутри функции onCh…
И снова всем привет! Продолжение к переводу второй части книги Patterns.devВ ней речь идет про паттерны производительности. Узнайте, как оптимизировать последовательность загрузки, чтобы повысить скорость использования вашего приложения и др.Напомню, что авторы Patterns.dev:Лидия Холли — штатный консультант и преподаватель по разработке программного обеспечения, которая в основном работает с JavaScript, React, Node, GraphQL. Она также занимается наставничеством и проводит личные тренинги.Эдди …
Emu Series: Generative Multimodal Models from BAAI Emu: Generative Multimodal Models from BAAI Emu1 (arxiv 2023/07) - Generative Pretraining in Multimodality Emu2 (arxiv 2023/12) - Generative Multimodal Models are In-Context Learners News 2023.12 Inference code, model and demo of Emu2 are available. Enjoy the demo. 2023.12 We have released Emu2, open and largest generative multimodal models that achieve new state of the art on multimodal understanding and generation tasks. 2023.7 In…
CSVs sliced, diced & analyzed.qsv: Blazing-fast CSV data-wrangling toolkit Table of Contents Hi-ho "Quicksilver" away!logo details qsv (pronounced "Quicksilver") is a command line programfor querying, indexing, slicing, analyzing, filtering, enriching,transforming, sorting, validating & joining CSV files.Commands are simple, fast & composable.* Commands* Installation Options * Whirlwind Tour / Notebooks* Cookbook* FAQ* Performance Tuning* 👉 Benchmar…
🥳 A React components collection for Web3! Ant Design Web3 A collection of components for Web3. English · 中文 Home Page: https://web3.ant.design Documentation: https://web3.ant.design/guide 国内加速官网: https://web3.antdigital.dev Features 🎨 Ant Design Friendly 📦 Out-of-the-Box Experience 🔌 Compatibility with Different Chains Installation npm i antd @ant-design/web3 --save Usage import { Address } from '@ant-design/web3'; export default () => { return <Address address=…
Ruta de estudio basada en ejercicios de código semanales en 2024 de la comunidad MoureDev para aprender y practicar lógica usando cualquier lenguaje de programación. Roadmap retos de programación semanales 2024 Ruta de estudio con ejercicios para mejorar tu lógica de programación y aprender cualquier lenguaje. Gratis, a tu ritmo y en comunidad. https://retosdeprogramacion.com/roadmap Información importante Cada semana se publica un nuevo reto y se corrige en directo desde Twitch el ejercicio …