Приложение Кордовы с локальными файлами Javascript - много файлов или только один?

Question

Я создаю мобильное приложение Cordova, и пользовательские сценарии, которые я делаю, находятся локально внутри пакета приложений, и меня беспокоит производительность. Достаточно ли для файлов быть такими, как каждая переменная пространственного пространства, которая должна быть в отдельном файле, или я должен помещать их все в один файл?

Как я уже сказал, все эти файлы будут представлены локально, а не на сервере, и меня беспокоит производительность.

Answer 1

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

Answer 2

У вашего приложения должен быть какой-то процесс сборки. Существует множество инструментов, помогающих автоматизировать этот процесс (gulp, grunt и т. Д.), Но вы можете пройти с помощью простых скриптов npm. Как вы создаете процесс сборки, здесь дело не в этом. Преимущества, однако, очень много:

1. Вы можете разработать свое приложение, используя несколько небольших файлов. Если у вас хорошая организация и последовательная практика именования, эти файлы будут легче поддерживать, чем один большой файл.

2. Вы можете создавать соответствующие отладочные и выпускные версии вашего приложения из этих файлов.

   a. Если вы хотите, чтобы файлы были вложены в один большой файл, вы можете использовать упаковщик, например Browserify, Webpack или JSPM. Затем, в зависимости от параметров, которые вы передаете, ваша версия отладки может включать в себя необходимые исходные карты, чтобы облегчить отладку.

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

3. Вы можете использовать хорошо установленные шаблоны модулей для создания модульного кода, который не загрязняет глобальное пространство имен (если вы используете что-то вроде Browserify, JSPM и т. Д.). Это означает, что вы можете сделать что-то вроде этого:

   // file: say.js 
   module.exports = { 
       hello: function hello() { 
        alert("hello"); 
       }, 
       goodbye: ..., 
       ... 
   }; 
   
   // file: index.js 
   var say = require("./say.js"); 
   say.hello(); 
   say.goodbye(); 
   

не делать ни один из перечисленных выше, потому что это будет «быстрее», хотя, потому что разница при загрузке одного файла против загрузки нескольких файлов, почти наверняка незначителен и порядка миллисекунд. Ваш пользователь просто не заметит, если у вас нет большого количества файлов. И если это станет проблемой, легко заставить процесс сборки генерировать версию выпуска со всем, что связано с одним большим файлом, не жертвуя ремонтопригодностью.

Do do выше, чтобы облегчить ваш рабочий процесс. Редактирование одного файла со ста тысячами строк - не забава - вы не хотите этого делать, поверьте мне.