Как я могу ускорить загрузку библиотеки закрытия Google? - PullRequest
Новая
       12

Как я могу ускорить загрузку библиотеки закрытия Google?

4 голосов
/ 02 августа 2011

Я пишу простой анализатор телефонных номеров на основе [ libphonenumber ]. К сожалению, "http://closure -library.googlecode.com / svn / trunk / closure / goog / base.js" загружается вечно, а когда я вижу файл и просто включаю его как src = "base.js", выскакивает куча ошибок.

Мне кажется, это потому, что библиотека еще не загружена, поэтому операторы goog.require () не выполняются.

Что я могу сделать? 

<!DOCTYPE html>
<html>
<head>
<title>Phone Number Parser</title>
<script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"></script>
<script>
  goog.require('goog.dom');
  goog.require('goog.json');
  goog.require('goog.proto2.ObjectSerializer');
  goog.require('goog.string.StringBuffer');
</script>
<script src="phonemetadata.pb.js"></script>
<script src="phonenumber.pb.js"></script>
<script src="metadata.js"></script>
<script src="phonenumberutil.js"></script>
</head>
<body>
<script>
numbers = ['6509066389', '+40723875777', '720-935-6433', '914-262-7178', '7123040634'];
for (i in numbers) {
    console.log(format_for_five9(numbers[i]));
}

function format_for_five9(phoneNumber) {
  var $ = goog.dom.getElement;
  var regionCode = 'US'; 
  var output = new goog.string.StringBuffer();
  try {
    var phoneUtil = i18n.phonenumbers.PhoneNumberUtil.getInstance();
    var number = phoneUtil.parseAndKeepRawInput(phoneNumber, regionCode);

    number_json_serial = goog.json.serialize(new goog.proto2.ObjectSerializer(goog.proto2.ObjectSerializer.KeyOption.NAME).serialize(number));
    number_json = goog.json.parse(number_json_serial);

    if(phoneUtil.isValidNumberForRegion(number, regionCode)) {
        five9_format = number_json.national_number.toString();
    }
    else {
        five9_format = number_json.country_code.toString() + number_json.national_number.toString();
    }
  } catch (e) {
    output.append('\n' + e);
    console.log(e);
  }
  return five9_format;
}
</script>

</body>
</html>

Ответы [ 2 ]

11 голосов
/ 02 августа 2011

Библиотека closure предназначена для использования совместно с компилятором closure для компиляции и минимизации вашего JavaScript для производства. Он не предназначен для использования в качестве необработанного файла в производстве. Даже в вашей среде разработки вы можете использовать http://plovr.com/ для динамической компиляции и обслуживания вашего javascript.

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

Вот пример использования plovr для динамического обслуживания вашего кода JavaScript 

java -Xmx256m -jar plovr.jar serve -p 9811 /path/to/your/closure/config.js

Это будет обслуживать скомпилированные файлы JavaScript на localhost: 9811. Для производства: 

java -jar plovr.jar build /path/to/your/closure/config.js > production.js

Посмотрите документацию http://plovr.com/docs.html о том, как настроить plovr для компиляции или обслуживания вашего javascript.

8 голосов
/ 02 августа 2011

Во-первых, вы не должны напрямую связывать библиотеку.

Решение состоит в том, чтобы загрузить всю библиотеку и разместить ее на том же веб-сервере, на котором размещен вышеуказанный код. Вероятно, вам следует хранить javascript в том же каталоге, что и phonemetadata.pb.js , metadata.js и т. Д. Это позволит вам включить скрипт, как и все остальные:

<script src="base.js">

Вы можете скачать Closure через git (git clone https://github.com/google/closure-library.git) или в виде zip-файла .

...