Публикации по теме 'template-literals'


Буквальное использование шаблона
Литералы шаблонов, также известные как строки шаблонов, позволяют создавать строки, HTML-код и многое другое, не выходя из JavaScript. Инициируйте литерал шаблона, просто используя обратные галочки (`), расположенные в верхнем левом углу клавиатуры рядом с клавишей «1». В обратных галочках вы можете написать текст, теги или другой код, чтобы текст отображался или HTML-код для запуска на экране. В ходе моего первого проекта в мире программирования я обнаружил, что литералы шаблонов..

Почему в Javascript используются обратные галочки
Согласно MDN, обратные кавычки используются для создания литерала шаблона или строки шаблона, что-то вроде этого; `string text` `string text line 1 string text line 2` `string text ${expression} string text` tag `string text ${expression} string text` Таким образом, обратные кавычки здесь могут делать то же, что и одинарные или двойные кавычки, но только они позволят вам сделать несколько других интересных вещей. Позвольте мне показать вам здесь. console.log(`string text line 1..

Нужны ли нам больше движки шаблонов?
Прежде чем начать, я просто хочу сказать, что я был большим поклонником шаблонизаторов. Они были фантастическим ресурсом для создания HTML из Json, и на протяжении многих лет я использовал Moustache , Handlebars (когда усов было недостаточно), doT.js , EJS , Pug и наверное, даже больше, чьих имен я не могу вспомнить. Дело в том, что если я не использую React или Vue для создания своего приложения (что нечасто в наши дни), то в конечном итоге я просто использую литералы..

Вопросы по теме 'template-literals'

Ошибка EJS в шаблонных литералах es6
Я создаю генератор приложений Yeoman Express и использую файл шаблона js, который содержит литералы шаблонов. Я хочу, чтобы выходной файл содержал эту строку app.use(`/api/${apiVersion}`, apiRoutes); но я думаю, что ${apiVersion}...
1550 просмотров
schedule 02.01.2024

Экранирование знака доллара в литералах шаблона JavaScript (строки шаблона)
Я использую новый синтаксис литералов шаблонов (строки шаблонов) JavaScript ES6 Docs Here , и я не совсем уверен, как избежать знака доллара, который используется для разрыва строки для добавления параметра. Вот что я пытаюсь сделать: var...
18723 просмотров

JavaScript ES6 — console.log с литералом шаблона
Я пишу скрипт узла, который подключается к базе данных монго. Я заметил, что ответ на ошибку печати отличается небольшим изменением синтаксиса console.log . Пример ниже должен быть более осмысленным. #!/usr/bin/env node const mongoose =...
2044 просмотров

JS, как отображать через массив в литералах шаблона
Я столкнулся с проблемой и не смог решить ее сегодня. Например, есть файл json text.json [ { "id":1, "name":"Jon", "email":"[email protected]" }, { "id":2, "name":"Sam", "email":"[email protected]" }, { "id":3,...
10365 просмотров

Эксклюзивное использование шаблонных литералов в JavaScript?
Я обнаружил интересные возможности литералов шаблонов в ES6, и мне стало интересно: помимо совместимости с браузерами, есть ли какое-либо возможное «ограничение» использования ТОЛЬКО шаблонов буквально для любого сценария при работе со строками?
1037 просмотров

Оператор If внутри литеральной функции шаблона
Я просмотрел много других сообщений по этой проблеме, но я не могу найти ответ, который соответствует моей конкретной проблеме. В основном у меня есть страница «приложения», на которой отображаются карты. Каждая карта представляет собой отдельное...
1785 просмотров
schedule 09.03.2024

Обратный вызов события внутри литерала шаблона
Привет всем, я новичок в javascript, и я пытаюсь выполнить функцию обратного вызова для события щелчка пользователя, используя литералы шаблона. Однако обратный вызов выполняется при оценке шаблона. Метод строки вызывается другим классом, который...
163 просмотров
schedule 26.02.2024

Как отобразить HTML-тег внутри шаблонных литералов (LitElement)?
Мне нужны литералы шаблонов с foo-nr1, foo-nr2 ... и использовать их как тег HTML. render( html `<foo-nrX></foo-nrX>`, document.querySelector('#bigfoo') ); Поскольку X является заполнителем, я пробовал все вот...
36 просмотров