Как я могу изучить CSS легко?

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

describe('Login', function() {
  it('should display Login home', function() {
    browser.get('https://xxxxx.org/yyyy/');
    browser.driver.manage().window().maximize();
    var acrIdBtn  = browser.driver.findElement(by.css('a.btn.btn-lg.btn-success'));

    // click is thenable, this is okay
    acrIdBtn.click().then(function() {
       // This promise gets queued but this is a void function meaning. So in jasminwd, the
       // function to find the element and click is a void function and the promise
       // would not be awaited.         
       browser.driver.findElement(by.id('ContentPlaceHolder1_MFALoginControl1_UserIDView_txtUserid_UiInput')).click();
    });
  });
});

Быстрое исправление:

Итак, быстрое исправление, убедитесь, что обратный вызов возвращает обещание:

    acrIdBtn.click().then(function() {
       // If we return the click, jasminewd should await this callback.
       return browser.driver.findElement(by.id('ContentPlaceHolder1_MFALoginControl1_UserIDView_txtUserid_UiInput')).click();

Выход из потока управления

По-видимому, это все еще зависит от потока управления. В качестве примечания я хотел бы предложить выйти из потока управления с помощью SELENIUM_PROMISE_MANAGER: false, в вашем файле конфигурации и использовать async await. См. Транспортир в STS IDE - > Не удалось найти update-config.json для довольно хорошего примера файла конфигурации и async / await.

describe('Login', () => {
  it('should display Login home', async () => {
    await browser.get('https://xxxxx.org/yyyy/');
    await browser.driver.manage().window().maximize();
    // If you are using "element" but do not want to use wait for angular
    // think about using "await waitForAngularEnabled(false);"
    // If you prefer to use the WebDriver findElement version, then you could just keep it the same.
    // const acrIdBtn = browser.driver.findElement(by.css('a.btn.btn-lg.btn-success'));
    const acrIdBtn = element(by.css('a.btn.btn-lg.btn-success'));
    await acrIdBtn.click();
    const contentBtn = element(by.id('ContentPlaceHolder1_MFALoginControl1_UserIDView_txtUserid_UiInput'));
    await contentBtn .click();
  });
});

10
задан Peter Mortensen 11 October 2018 в 17:31
поделиться

14 ответов

CSS отдельно довольно легко понять, и другие ответы указали на большое количество хороших ресурсов CSS. Реальная проблема изучает все причуды и ошибки в каждом браузере, и это занимает много времени.

Необходимо определенно не торопиться, чтобы изучить, как CSS работает, но как новичок, если бы Вы хотите начать теперь, не волнуясь о многих проблемах, я рекомендовал бы использовать одну из так называемых платформ CSS.

Вот некоторые более известные:

Я успешно использовал шаблоны Blueprint и Emastic с Django.

Yahoo! сетка YUI имеет дополнительное преимущество того, чтобы там быть приложением Django, специально разработанным для использования сетки YUI с Django, названным django-yui-layout-templates

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

4
ответ дан 3 December 2019 в 15:23
поделиться

Существует больше предложений для изучения CSS в этом вопросе.

0
ответ дан 3 December 2019 в 15:23
поделиться

Я второй (треть?) совет использовать Firebug. Это сохранит Вашу исправность.

Прекрасная книга, которую я прочитал на дизайне CSS, является Stylin Wyke-Smith's' с CSS. Это не лучший заголовок, возможно, но содержание и презентация превосходны. Я сохраняю свою копию удобной каждый раз, когда я должен копаться в таблицах стилей.

0
ответ дан 3 December 2019 в 15:23
поделиться

Если Вы разработаете на CSSEdit Mac, то сэкономит Вам массу времени.

0
ответ дан 3 December 2019 в 15:23
поделиться

У меня есть книга "CSS на легких шагах" со стороны Mike McGrath. Это имеет много изображений для визуального объяснения, что продолжается. Это очень удобно для получения глубокого понимания CSS. После изучения основ полезно говорить с людьми или считать примеры онлайн. Я иду в #css на IRC (Freenode) для справки. Они очень полезны там.

0
ответ дан 3 December 2019 в 15:23
поделиться

Лучшая книга, которую я прочитал о CSS и HTML, является Разработкой Zeldman с веб-стандартами

Zeldman покрывает исторические аспекты HTML и CSS наряду с преобразованием основанного на таблице веб-сайта к семантическому CSS. Он также покрывает веб-стандарты, постепенное ухудшение и причуды браузера. Это часто рассматривало 'библию' современной веб-разработки.

После этого я рекомендовал бы книжные Решения для веб-стандартов Dan Cederholm и Пуленепробиваемый веб-дизайн

0
ответ дан 3 December 2019 в 15:23
поделиться

'Редактирование CSS' функция на панели инструментов Web Developer для Firefox позволяет Вам редактировать содержимое файла CSS файла и просматривать результат в режиме реального времени. Это делает экспериментирование намного более быстрым и легче.

Когда Вы создали большую таблицу стилей, взглянули на нее в Internet Explorer, плачете и начинаете изучать, как сделать перекрестный браузер CSS. Хорошее место для запуска является quirksmode.

2
ответ дан 3 December 2019 в 15:23
поделиться

Я должен согласиться, что это - большой метод проб и ошибок. Иногда существует много способов достигнуть того, что Вы должны... некоторые более "надлежащие", чем другие. Zen-Garden CSS был одним из первых сайтов, я обнаружил, что действительно помог вещам щелчок в моей собственной голове. Просмотрите дизайн, просмотрите источник, просмотрите дизайн и т.д...

Несколько книг я ценю наличие вокруг, являются Пуленепробиваемым веб-дизайном Dan Cederholm и

Мастерство CSS Andy Budd

Оба дают твердые способы выполнить некоторые общие методы и проблемы, с которыми Вы столкнетесь с основанными на CSS проектами.

1
ответ дан 3 December 2019 в 15:23
поделиться

Моя единственная подсказка взламывает большие сайты. Если Вы любите дизайн, взламываете его. Используя поджигателя большой шаг вперед, так как он дает Вам вычисленный CSS.

Но, действительно действительно изучение CSS никогда не настолько легко. Быть вынужденное сказать.

3
ответ дан 3 December 2019 в 15:23
поделиться

Я узнал много о CSS путем движения в CSS Zen-Garden. Вдохновение и изучение ресурсов в одном месте.

2
ответ дан 3 December 2019 в 15:23
поделиться

Существуют некоторые прекрасные учебные руководства онлайн, или в sitepoint или в w3 школах.

7
ответ дан 3 December 2019 в 15:23
поделиться

Одно слово. Это изменит Вашу жизнь: Firebug.

Как разработчик UI, я изучил большую часть того, что я знаю методом проб и ошибок. В то время как существует, вероятно, 10 способов сделать любую единственную связанную с UI задачу, там лучше (и более эффективны), пути, чем другие. Проверьте Список Независимо. Вероятно, мой любимый блог UI/CSS.

Кроме того, для изучения запутанности того, как браузеры представляют HTML, ВСЕГДА регистрируют проекты как можно больше браузеров. Избегайте использования взломов браузера. Вы действительно не должны использовать их; если что-то неправильно в браузере, то необходимо заново продумать способ, которым Вы соединили вещи. В любом моменте времени у меня есть Firefox 3, IE6, IE7 и Safari/победа, открытый на моем ПК, проверяя всю мою работу.

Другой отличный способ учиться бросает вызов себе: найдите некоторые свободные проекты где-нибудь и попытайтесь дразнить их использование разметок таблицы меньше. Познакомьтесь с понятием плавания и полей. Просто не забудьте всегда использовать doctype!

11
ответ дан 3 December 2019 в 15:23
поделиться
  • Во-первых, спецификация
  • Игра вокруг (используют Firebug),
  • Ищейка вокруг для обходных решений IE и приемов misc.
  • Если Вы хотите что-то в печати, мне действительно понравилось Решение для веб-стандартов Dan Cederholm, даже при том, что я ненавижу большинство технических книг
  • Практика! Практика! Практика!
0
ответ дан 3 December 2019 в 15:23
поделиться

CSS на самом деле не так прост - он как бы стоит на своем в плане своих концепций.

Если вы углубляетесь в эту тему, CSS: The Definitive Guide стоит того.

0
ответ дан 3 December 2019 в 15:23
поделиться
Другие вопросы по тегам:

Похожие вопросы: