Советы по работе над большим проектом javascript

У меня есть некоторый опыт работы с JavaScript - но в основном с небольшим материалом, я никогда не делал ничего особого в Javascript ранее.

Тем не менее, сейчас я делаю довольно большой проект, связанный с javascript, интерфейс с поддержкой jquery, который взаимодействует с серверной базой, отправив/получая JSON через Ajax.

Мне интересно, можете ли вы предоставить некоторую полезную информацию о том, как бороться с крупными проектами javascript - есть ли полезные инструменты/libaries/хорошие практики?

Спасибо заранее.

Ответы

Ответ 1

Григорий,

Даже я перешел от бэкэнда к пользовательскому интерфейсу несколько месяцев назад, следуя этому подходу

  • прочитайте все понятия jquery либо из Google, либо через книги или через jquery документация.
  • следуйте некоторым из лучших методов jquery http://psdcollector.blogspot.com/2010/03/77-best-jquery-tips-i-have-ever-read.html
  • записывать функции utitlity для всех повторяющихся кодов, таких как getcookie, подстроки и т.д. и т.д.
  • продолжайте получать код, проверенный опытным человеком, который может вам помочь.
  • сообщение в stackoverflow, если вы застряли где угодно.
  • поскольку это большой проект, делятся на файлы с несколькими файлами и используют правильную именованную проверку.

пожалуйста, дайте мне знать, если вам нужно что-нибудь еще

Ответ 2

Мой один большой совет будет модулировать

В JavaScript переменные легко переносить другие переменные. Чтобы этого избежать, модуляция является обязательной. Существует несколько способов использования правил видимости JavaScripts, чтобы минимизировать вероятность конфликтов переменных.

var myProject = {};

myProject.form = function(p_name, p_method, p_action)
{
    var name = p_name,
        method = p_method,
        action = p_action;
    var addInput = function(p_input)
    {
        // etc...
    }

    return {
        addInput: addInput,
        name: name
    };
}

myProject.input = function(p_name, p_type, p_value)
{
    var name, method, value;
    var setValue = function(p_value)
    {
        value = p_value;
        return true;
    }

    return {
        setValue: setValue,
        name: name
    };
}

// etc...

Если вы внимательно относитесь к использованию var и отслеживаете свою область действия, то у вас есть только одна глобальная переменная - myProject.

Чтобы получить новый объект формы, вы просто выполните следующее: var myForm = myProject.form('form1', 'post', 'post.php').

Ответ 3

Вы можете проверить Backbone.js

Структура магистральной сети JavaScript-тяжелые приложения предоставление моделей с ключевыми значениями обязательные и пользовательские события, коллекции с богатым API перечислимого функции, представления с декларативными обработки событий и связывает все это с ваше существующее приложение поверх Интерфейс RESTful JSON.

Ответ 5

Лучший совет - сохранить код в разных файлах как "классы". Я лично ненавижу работать в файле длиной более нескольких сотен строк.

Затем создайте и уменьшите код с помощью одного из инструментов в Интернете, например Shrinksafe или Компилятор Google Closure

Обратите внимание, что Dojo, YUI и Ext предназначены для обработки больших приложений Ajax. Вы будете немного бороться с jQuery. Но я предполагаю, что это приложение не все , что большое, и все должно быть в порядке.

Ответ 6

Считаете ли вы проверку MooTools?

MooTools - компактный, модульный, Object-Oriented JavaScript framework, предназначенный для промежуточного и продвинутого разработчика JavaScript. Он позволяет писать мощный, гибкий и кросс-браузерный код с его элегантным, хорошо документированным и согласованным API.