Есть люди, которые, впервые увидев Per.js, подумают, что это обычный фреймворк для разработки на JavaScript с реактивностью, и он почти ничем не отличается от Vue. Я не вижу необходимости использовать его или изучать.

Если у вас есть такая же проблема, эта статья может заставить вас переосмыслить этот вопрос.

Далее я подробно объясню преимущества и недостатки Per.js:

Per и Vue имеют 70% сходства, поэтому мы начнём с их сравнения.

Во-первых, производительность часто является наиболее важным фактором при определении качества фреймворка, а средняя скорость выполнения Per.js примерно в 7–8 раз выше, чем у Vue (по крайней мере, до версии 2.3, после чего она может становиться всё медленнее из-за добавления большего количества функций). Это означает, что при получении 20 000 строк данных с сервера и использовании атрибута for для вывода, время выполнения с Vue составляет примерно 200 мс, тогда как с Per — всего 45 мс. Таким образом, можно сказать, что скорость выполнения Per.js для атрибута for примерно в пять раз быстрее, чем у Vue.js.

Возможно, одной скорости выполнения для атрибута for недостаточно, чтобы убедить вас, так что давайте посмотрим на скорость рендеринга компонентов.

Использование Vue для отрисовки 100 элементов занимает примерно 67 мс, в то время как использование Per для отрисовки тех же компонентов занимает всего 1,5 мс, что указывает на то, что Per.js в 45 раз быстрее Vue при рендеринге компонентов.

Вы можете сказать, что вам вообще не нужно рендерить так много компонентов с помощью Vue, и хотя Per.js медленнее, его достаточно.

Тогда, если вы так думаете, давайте продолжим и посмотрим на скорость рендеринга шаблонов данных Vue и Per.js.

Используя Vue для рендеринга двух переменных в 100 элементах, требуется примерно 58 мс, а используя Per для выполнения той же операции — только 16 мс, что означает, что Per.js примерно в 3,5 раза быстрее Vue при рендеринге шаблонов данных.

(Более подробную информацию о сравнении кода можно найти здесь: Per.js Speed Comparison with Vue).

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

1. Увеличить пропускную способность.
2. Перестроить сайт.

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

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

И наша цель — решить эту проблему.

Per.js и Vue работают практически одинаково, но исходный код на 100% отличается, и, несмотря на то что способ работы Per.js почти такой же, как у Vue, Per.js также является инкрементным фреймворком, и вам нужно лишь внести небольшие изменения, чтобы завершить замену.

Некоторые могут сказать, что им лень вносить изменения.

В таком случае вам следует подумать, лучше ли тратить около 200 юаней в месяц, или потратить около 10 дней на перестройку сайта, или заменить фреймворк и изменить несколько API.

Конечно, удобство использования и простота освоения фреймворка являются вторым критерием его качества, и в этом отношении Per.js превосходит Vue.

Посетите Code Cloud и ознакомьтесь с нашим wiki и официальным руководством Vue, чтобы понять, что сложность использования Vue примерно в три раза больше, чем у Per.js, что делает его неподходящим для начинающих разработчиков.

Так что вы можете выбрать Per.js!

Наш фреймворк проще и удобнее в использовании, чем Vue, и даже если вы уже изучили Vue, наш фреймворк всё равно проще в несколько раз. Вам потребуется всего 10 минут, чтобы прочитать нашу документацию и начать использовать наш суперфреймворк!

Кто-то может спросить, имеет ли наш фреймворк все функции Vue?

Прежде всего, вы должны знать, что мы создали этот фреймворк не для того, чтобы воссоздать колесо, а для развития нового суперфреймворка на основе JavaScript с реактивностью. Этот суперфреймворк предназначен не только для удовлетворения потребностей, связанных с DOM, как Vue, но и для различных аспектов, включая DOM, фронтенд-операции, ajax и т. д.

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

Это позволяет вам загружать модуль Per.js по мере необходимости, эффективно снижая нагрузку на производительность при загрузке.

Итак, после прочтения этой статьи, я уверен, вы сделали свой выбор.

Добро пожаловать в использование Per.js!