Есть люди, которые, впервые увидев 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 примерно в 5 раз больше, чем у Vue.js.

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

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

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

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

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

(Полный тест сравнения кода доступен по ссылке: 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!