Лето почти закончилось, что является печальным фактом. Чтобы немного поднять вам настроение, мы решили поделиться нашим ежемесячным выпуском, посвященным последним новостям с планеты JavaScript. Звучит захватывающе, да? На этот раз мы хотим рассказать вам о новой математической среде TheoremJS. После этого мы поделимся информацией о NeutralinoJS, хорошей альтернативе Electron. jPList – это простая в использовании библиотека для сортировки, разбиения на страницы и фильтрации элементов HTML. И, наконец, вы узнаете о Vue-goodshare, компоненте Vue.js для публикации в социальных сетях.
Давайте катиться!
Новые инструменты и обновления
ТеоремаJS. Математическая среда для вычислений в JavaScript
TheoremJS — это новый математический фреймворк, содержащий множество полезных математических функций. Он предоставляет функции из таких областей, как алгебра, теория чисел, статистика и другие. Библиотека работает довольно быстро, поэтому нет необходимости запускать код на сервере. Вместо этого вы можете запустить его прямо в браузере. Алгоритмы хорошо спроектированы, что позволяет достичь достойной производительности на любом устройстве. ТеоремаJS является масштабируемой, поэтому вы можете использовать ее для самых разных проектов, от школьного математического проекта до ракетостроения.
НейтралиноJS. Создавайте веб-приложения с собственными функциями ОС
NeutralinoJS — это легкая структура, которую вы можете использовать для создания приложений с собственными функциями, которые могут работать в веб-браузере. Его главное отличие от Electron в том, что нет необходимости устанавливать NodeJS вместе с десятками библиотек зависимостей. Встроенный Chromium и NodeJS приводят к тому, что простое приложение Hello world становится значительным по размеру. Разработчики NeutralinoJS должны были решить эту проблему.
Эта библиотека позволяет создавать веб-приложения с собственными функциями, кроссплатформенные приложения, управлять виртуальными машинами, серверами или компьютерами в частной/общедоступной сети. Чтобы разработать приложение Neutralino, вы можете загрузить облегченный SDK, написать код и дважды щелкнуть двоичный файл, который запустится в вашем браузере по умолчанию.
Библиотека jPList. Простой инструмент для сортировки, разбивки на страницы и фильтрации
jPList — это библиотека JavaScript, которая помогает разработчикам реализовать сортировку, нумерацию страниц и фильтрацию любых HTML-структур. Например, его можно использовать с элементами DIV, UL/LI, таблицами и другими элементами HTML. Он находится под лицензией MIT.
jPList может работать с любым типом контента веб-страницы, таким как таблицы, списки или контейнеры DIV. Он поддерживает локальное хранилище и файлы cookie, поддерживает глубокие ссылки и поддерживает настройку стилей.
Vue-добрая доля. Инструмент для обмена
Vue-goodshare — это компонент Vue.js для социальных сетей. Он предоставляет простой механизм обмена ссылками на веб-страницах через социальные сети. Vue-goodshare легко установить и использовать, проект имеет обширную документацию, и вы можете получить поддержку разработчиков. Библиотека оптимизирована для SEO и позволяет настраивать внешний вид. Vue-goodshare предоставляет отличный дизайн кнопок, так что вы можете просто выбрать одну, добавить атрибут к компоненту и сохранить:
Полезные советы и статьи
Создайте Vue.js SEO-Friendly SPA с Prerender и другими советами
Одностраничные приложения (SPA) — горячая тема сейчас. Vue.js также является горячей темой. Так почему бы не объединить их обоих? Автор данной статьи описывает следующие понятия:
- Общие советы по SEO, которые вы должны всегда применять
- Конкретные SEO-проблемы Vue.js SPA
- Инструменты для их исправления с серверным рендерингом и предварительным рендерингом
- Технический пример SEO Vue.js с использованием prerender-spa-plugin
Следуя этим советам, вы сможете создать полнофункциональное и оптимизированное для SEO приложение Vue.js.
Стоимость JavaScript
JavaScript — самая дорогая часть веб-сайта с точки зрения времени загрузки. Чтобы создать интерактивный сайт, вам нужно использовать много кода JavaScript, который нужно отправлять пользователям и обрабатывать на их устройствах. Иногда мы сталкиваемся с ситуацией, когда мобильная страница выглядит так, как будто она загрузилась только для того, чтобы нажать на ссылку, или мы пытаемся прокрутить ее, но ничего не происходит. JavaScript является причиной задержки интерактивности веб-сайтов, особенно в случае с мобильными телефонами. Эдди Османи делится своим мнением о том, как можно сэкономить драгоценные миллисекунды, когда речь идет о JavaScript в мобильном Интернете.
Полное руководство по использованию значков Font Awesome в приложениях Vue.js
Коллекция иконок Font Awesome содержит около 4000 аккуратных иконок, которые невероятно просты в использовании. Более тысячи из них имеют открытый исходный код и бесплатны для использования, что делает эту коллекцию довольно хорошим выбором для веб-разработчиков. Создатели Font Awesome обеспечивают хорошую интеграцию с библиотекой Vue.js. Однако прямых инструкций, описывающих, как пользоваться библиотекой, нет. Дэвид Херрон любезно решил решить этот вопрос и поделиться с нами своим рецептом. В своей статье Дэвид описывает методы использования значков Font Awesome в приложении Vue.js.
Понимание контекста выполнения и стека выполнения в JavaScript
Если вы хотите стать успешным разработчиком JavaScript, вы должны знать, как приложение JavaScript выполняется внутри. Понимание контекста выполнения и стека выполнения жизненно важно для понимания других концепций JavaScript, таких как подъем, область действия и замыкания. В своей статье Сухджиндер Арора описывает, что такое контекст выполнения и приводит примеры его различных типов, таких как глобальный контекст выполнения, функциональный контекст выполнения и контекст выполнения функции Eval. Вы узнаете, что такое стек выполнения, и узнаете, как создается контекст выполнения.
Учебник по тестированию JavaScript. Основы модульного тестирования с помощью Jest
Мы рассмотрели достаточное количество библиотек для разработки и руководств. Но каков следующий шаг после того, как вы закончите писать код? Верно! Пришло время начать тестирование. Основы модульного тестирования в Jest — первая часть большой серии о тестировании JavaScript. В этой статье автор освещает основы модульного тестирования. Целью модульного тестирования является проверка того, насколько отдельные части приложения подходят для использования. В качестве примера автор использует фреймворк Jest, разработанный Facebook.
