• Что значит .chance?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    chance – новое придуманное свойство объекта request, назначаемое ему обработчиком.

    Пришёл запрос. Ему навесили новое свойство chance, записав в него случайное число от 0 до 1.
    В ответ на GET-запрос возвращают JSON, описывающий объект с единственным свойством тоже под названием "chance" (шанс), со значением взятым из ранее назначенного свойства объекта запроса.

    Свойство можно назвать как угодно. Например, toster. Тогда код выглядел бы так (замена в двух местах), но функционировал точно так же; возвращал тот же самый формат ответа:
    код
    const express = require('express')
    const app = express()
    app.use((request, response, next) => {  //Промежуточный обработчик
        console.log(request.headers)
        next()
    })
    app.use((request, response, next) => {
        request.toster = Math.random()
        next()
    })
    app.get('/', (request, response) => {
        response.json({
            chance: request.toster
        })
    })
    app.listen(3000)


    .headers — свойство объекта запроса, наследованное от нативного Node'овского объекта запроса, см. http.IncomingMessage.headers. Содержит все HTTP-заголовки принятого HTTP запроса.
    Ответ написан
    Комментировать
  • Использование компонентов jQuery в Vue?

    @PEMOK
    Написание собственной директивы или компонента не рассматривали? На vue нет никаких проблем или на крайний случай использовать готовый под vue. ИМХО JQ в vue это извращением попахивает, неожиданными багами и т. д.
    Ответ написан
    Комментировать
  • Насколько удобен линукс для верстальщика?

    @kuftachev
    В Вашем условии нерешаемая проблема - это Photoshop. Но сейчас многие делают дизайн в Figma.

    По остальным условиям, современный Linux достаточно хорошая среда работы, не считая мелких глюков интерфейса, которые могут раздражать, но не мешают работе по сути.

    То, что тут написали против Linux, или пробовали его лет 5-10 назад, или просто от кого-то слышали.
    Ответ написан
    7 комментариев
  • Какие языки используют для создания приложений?

    bingo347
    @bingo347
    Crazy on performance...
    ОС чаще всего пишут на низкоуровневых языках, вроде C (Linux, FreeBSD), C++ (Windows), Rust (Redox). Иногда используют ассемблерные вставки.

    Игры (имеются в виду 3D игры) чаще всего пишут на C++, но так же возможно на C# (Unity), JS (Unity или что-то упрощающее работу с WebGL). Хотя могут быть и другие языки (например майнкрафт написан на JAVA, а старый добрый Doom - на C). Так же понадобится язык шейдеров для программирования видеокарты, например для OpenGL и WebGL таким языком является GLSL.

    Прикладной софт вообще пишется на чем угодно, выбор языка зависит от задачи. Но в некоторых сферах все же можно выделить лидеров:
    Энтерпрайз решения - Java EE, реже C#
    Десктопный софт под Windows - C# (реже другие языки .net платформы)
    Десктопный софт под MacOS - Swift
    Десктопный софт кросплатформенный - Java, Python, JS (Electron)
    Мобильный софт под Андроид - Kotlin, Java
    Мобильный софт под iOS - Swift
    Мобильный софт кросплатформенный - C# (Xamarin), JS (Cordova, ReactNative, etc.)
    Серверный софт - php, Python, Ruby, JS (node), Java, Go, Rust, ... вариантов много
    Браузерный софт - JS или то что компилится в JS (чаще TypeScript)
    Ответ написан
    11 комментариев
  • Каким скриптом можно реализовать обучение пользователей?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    https://introjs.com/ - пару раз приходилось делать туториал на vue, юзал эту библотеку.

    Создаёте компонент, кладёте его поверх приложения, например, в app.vue, описываете в нём шаги и селекторы к элементам.

    Есть готовый компонент с intro.js под капотом, но его я не юзал https://github.com/alex-oleshkevich/vue-introjs
    Ответ написан
    1 комментарий
  • Как сделать, чтобы в массив добавлялось не более 10 элементов?

    @Azperin
    Дилетант
    if (time_push%50 == 0 && fish.length < 10)
    Ответ написан
    Комментировать
  • Посчитать сумму элементов в кажом столбце двумерного массива?

    0xD34F
    @0xD34F Куратор тега JavaScript
    Вот массив:

    const rows = 3;
    const cols = 5;
    const max = 10;
    const arr =
      Array.from({ length: rows }, () =>
        Array.from({ length: cols }, () =>
          Math.random() * max | 0
        )
      );

    А вот суммы и вдоль, и поперёк, а где там у вас столбцы, и где строки - разбирайтесь сами:

    const sumRows = arr.map(n => n.reduce((acc, m) => acc + m, 0));
    const sumCols = (arr[0] || []).map((n, i) => arr.reduce((acc, m) => acc + m[i], 0));
    
    // или
    
    const [ sumRows, sumCols ] = arr.reduce((acc, n, i) => (
      n.forEach((m, j) => (acc[0][i] += m, acc[1][j] += m)),
      acc
    ), [ rows, cols ].map(n => Array(n).fill(0)));
    Ответ написан
    Комментировать
  • Можно ли на hh.ru указать опыт разработки OpenSource и pet проектов?

    @tutuborg
    Указать можно.
    Для начинающего и нет другой возможности что то указать.
    Можно даже дипломную работу указать, если тема её соответствует вакансии (я серьезно).

    Но на миддла? Нет, однозначно.
    Вы что-то не так понимаете.

    Вы даже не джун еще.
    Вы только трейни.

    Джуном вы станите через полгода.
    И будете им 2-3 года, прежде чем станете начинающим миддлом.

    Но:

    Если речь про зарплату - джун или миддл - это к ней не имеет отношение. Как договоритесь.

    Если вы про название должности - не значит ничего.
    Чем менее серьезная контора тем меньшим опытом вы можете быть с более серьезным название должности. Бывают что и сеньором назовут с двумя годами опыта (в реальности до сеньора нужно 7-10 лет, иногда и 15).
    Но при этом, к примеру, в Google, те, кого называют junior - на пару голов по квалфицированее иных senior в обычных компаниях работающих.

    а стать сразу кем то вроде мидла

    Только если вы разработчик серьезного OpenSource-проекта (а не мелочи допиливали)
    Или если у вас очень серьезный пет-проект.
    Никак иначе.

    Миддл - это тот кто может самостоятельно делать далеко не тривиальные вещи, без того, чтобы над ним стоял опытный специалист и направлял его.
    Ответ написан
    2 комментария
  • Как перевести этот jQuery синтаксис во Vue?

    0xD34F
    @0xD34F Куратор тега Vue.js
    Добавим в компонент свойство, которое будет содержать в себе текущее значение прокрутки:

    data: () => ({
      scroll: 0,
      ...
    }),

    Чтобы значение было актуальным, будем обновлять его при наступлении соответствующего события:

    created() {
      window.addEventListener('scroll', () => this.scroll = window.scrollY);
    },

    Сделаем вычисляемое свойство, которое будет представлять классы, назначаемые элементу в зависимости от текущего значения прокрутки:

    computed: {
      scrollClasses() {
        return что-то, в зависимости от значения this.scroll;
      },
      ...
    },

    <div :class="scrollClasses"></div>

    https://jsfiddle.net/o1hjb79u/
    Ответ написан
    2 комментария
  • Какие сейчас есть хорошие IDE для Linux c отладкой?

    DevMan
    @DevMan
    pycharm, wing ide.
    Ответ написан
    Комментировать
  • Какие сейчас есть хорошие IDE для Linux c отладкой?

    xEpozZ
    @xEpozZ
    Веб-разработчик
    Я думаю, это best of the best

    https://www.jetbrains.com/pycharm/
    Ответ написан
    Комментировать
  • Оцените Верстку?

    @Vanitson
    Frontend developer
    В целом неплохо. Когда я учился, у меня второй макет был намного хуже)
    5d35f0a29aa43283821150.png
    Как-то совсем топорно сделаны стрелки. Если не критично, можете использовать Вот это для выбора стрелок на слайдер например. Не используйте цифры в названиях классов. Альтернатива: "arrow-left-top", "arrow-right-top".
    Почему не использовали bootstrap (лично мое мнение, с ним было бы проще, много одинаковых элементов расположенных горизонтально)? Принципиально, или еще не знакомы?
    5d35f0d587fb1510329666.png
    Почему padding а не align-items: center? Используйте флекс по полной, это мощный инструмент который упрощает жизнь.
    Свойство transition устанавливайте на сам элемент, а не на hover, тогда анимация будет плавная и при наведении, и при уводе курсора с элемента.
    Далее все более менее, как для второго макета, очень даже неплохо.
    Повторюсь, хорошо ознакомьтесь с флексами, есть много мест в вашем коде, которые можно было сделать проще с помощью этого инструмента.
    P.S. - Не стоит воспринимать мои слова как истину, уверен есть много людей которые сделали бы лучше, чем так как я написал, я просто выражаю мнение на основе своего опыта.
    Ответ написан
    4 комментария
  • Много маленьких запросов к REST API или один большой?

    @asdz
    Я думаю, что оба варианта имеют право на существование, они не плохие и не хорошие. Все зависит от задачи, от требований, от того как дальше вы будете развивать систему и т.д. Просто вы должны знать, что чем больше запросов - больше сетевых издержек, но зато вы сможете запрашивать с клиента только то, что вам нужно, вы можете переиспользовать существующее API в разных фичах приложения. В случае комплексной модели - фронт работает быстрее, нет необходимости "склеивать данные", как при этом выполняется более сложный запрос на бэке - это надо смотреть. То есть у каждого варианта есть свои плюсы и минусы, и какой способ выбрать зависит от конкретной вашей задачи.
    Ответ написан
    Комментировать
  • Какой следующий этап в изучении Vue после того как научился создавать блог с использованием компонентов и Vuex?

    Xuxicheta
    @Xuxicheta
    инженер
    Тестирование, typescript, сложные формы с изменяемой схемой валидации, просто большой проект с сотнями компонентов и множеством связей.
    Ответ написан
    2 комментария
  • Какой следующий этап в изучении Vue после того как научился создавать блог с использованием компонентов и Vuex?

    @sQoren
    1. Разберитесь с vue-router попробуйте создать несколько именованных маршрутов на одной странице, меняющихся в зависимости от адреса. Проработайте динамические пути.
    2. Освойте какой-нибудь ui-фреймворк - vuetify, vue-material, element.
    3. Разберитесь как работают хуки.
    4. Поэкспериментируйтя с vue ui, создайте проект с нуля добавив необходимые плагины и зависимости, так вы научитесь обходится без nuxt.
    4. Mixin'ы для компонентов и глобальные.
    5. Научитесь использовать инструмент аутентификации Oauth 0 или 2.
    Ответ написан
    Комментировать
  • Какая есть достойная литература по Vue.js?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Ну, есть конечно Vue Mastery. Но я не совсем понимаю, зачем прорабатывать материал, если он нереально простой. Если вы что-то там не поняли, рекомендую вернуться к изучению JS.
    Ответ написан
    1 комментарий
  • UI/UX дизайнер | Можно совет от опытных людей?

    @orbit070
    В общем я ни разу не дизайнер, но:
    1. В правом верхнем углу желтые линии не соприкасаются нормально в углу
    2. "Новое поколение кальянов , которое изменило все" - перед запятой пробел не ставится
    3. Голубой цвет линии под этой фразой выбивается из общей цветовой стилистики
    4. "ЗАБРОНИРОВАТЬ МЕСТО" - мало того что выглядит просто вырвиглазно, так еще и писать подобное капсом насколько мне известно моветон(какой-то дизайнер часто об это говорил, но я не помню его имени)
    5. Отвратительность шрифта особенно заметна на фразе, написанной капсом
    6. Изображение кальяна заступает за линию под ним
    7. Создается ощущение, что кальян наклонен немного влево, особенно в нижней части. Возможно это из-за линии внизу, не уверен
    8. Я бы делал иконки в единой стилиститке(либо все круглые, либо все квадратные) и все одного размера
    9. На второй странице заголовку нужно дать пространства сверху, он сильно прижат к верхней границе
    10. Опять же, почему на третьей странице дали пространства заголовку, а на второй нет? Я понимаю, что много текста, но это контент надо подстраивать под дизайн и структуру, а не наоборот
    11. На третьей странице желательно сделать так, чтобы кнопки "ЗАКАЗАТЬ" были на одном уровне
    12. Уберите капс с кнопок "ЗАКАЗАТЬ", о капсе писал выше
    Ответ написан
    3 комментария
  • Подключаемся к VueJS проекту с большой кодовой базой. Какие есть инструменты для "code visalisation" чтобы ускорить изучение чужого кода командой?

    Robur
    @Robur
    Знаю больше чем это необходимо
    Годами хотел нечто такое. Пробовал всякое, и свои инструменты делал. Ничего не давало нужного результата - простоты понимания сложных систем.

    А потом вдруг как-то понял что большой проект в виде картинки - впечатляющее, но крайне сложное в усвоении и использование с практической точки зрения зрелище. А если начинать там интерактив - свернуть, пройти по ссылке, посмотреть на какую-то часть, то навигация по коду на порядки лучше.
    А для маленьких проектов, на которых все демки у таких инструментов - оно и не нужно.

    В общем самое лучше средство визуализации - все еще листок с карандашом. Супер адаптивно, супер гибко, и ровно на том уровне абстракции/детализации который вам нужен.
    Ответ написан
    Комментировать
  • Как сделать не доходящий до конца border с прозрачностью?

    SmthTo
    @SmthTo Куратор тега CSS
    Все перепёлки мира будут оплакивать мою смерть.
    Можно так, например, только высота ячеек должна быть одинаковой, если хочется, чтобы кол-во элементов в последней строке было не максимально возможным, от кол-ва столбцов такой способ не зависит:




    Если кол-вол элементов всегда будет максимальное в последней строке (полное её заполнение), то хак на :before не нужен, а строки могут быть разной высоты:

    Ответ написан
    1 комментарий