Я давно не обновлял свой блог, последний раз читал два месяца назад и был в шоке.
После смены работы я часто ухожу домой в 11 часов вечера и прихожу домой в 12. Я действительно немного занят, но у меня нет времени резюмировать свою отговорку.
Прошел ровно год, как я работаю, и я работал в двух компаниях.Я работал над фронтендом для пользователей и фронтендом для системы управления.Теперь основное это активность страница на мобильной стороне. Я пишу код, связанный с бизнесом, каждый день, и я боюсь, что со временем это станет дешевой рабочей силой, поэтому недавно я думал о том, как повысить свою ценность.
научиться сокращать спрос
Первый урок — отрезать сторону спроса кухонным ножом.
Например, на прошлой неделе мне поступил запрос на партнерскую акцию, пользователи могут получать купоны при покупке товаров у партнеров через наш h5. Когда было проведено совещание по обзору, менеджер по продукту многое сказал, и фон управления может настроить серию контента, такого как город события, название продукта, цена, введение и т. д. Примерно определил время, и для выполнения грандиозного плана, который он описал, фронтенду нужно как минимум три недели работы. В сочетании с фоновым тестом это ежемесячное мероприятие.
Однако период регистрации на это мероприятие составлял всего три дня, через три дня мероприятие отключилось, вход больше не был найден, а на выставке было всего пятнадцать товаров.
** Менеджер по продукту! ! !
На совещании по рассмотрению требований сокращаются различные требования, а логика участия в деятельности отделяется от содержимого, отображаемого на странице.Внешний интерфейс отображает содержимое через страницу конфигурации JSON, а JSON настраивается непосредственно в операции. задний план. Беспорядочная конфигурация была написана непосредственно в JSON, а серверная часть предоставила другой интерфейс для возврата к интерфейсу, реализовав ту же настраиваемую активную страницу.В конце концов, на тестирование интерфейса ушло четыре дня.
Научиться сокращать потребности — значит не лениться, а думать о том, чтобы проводить время в более ценных местах. Потребовался месяц, чтобы реализовать страницу активности, которая использовалась всего три или четыре дня, а контент не соответствовал основной цели команды, это была пустая трата жизни.Программисты имеют право сказать нет необоснованным требованиям!
Активно думайте о цели развития
Дайте понять, на какого пользователя в конечном итоге нацелена страница, над которой вы работаете, и какую цель пользователь должен выполнить через вашу страницу, например, создать внутреннюю страницу управления для компании, возьмем для примера систему управления операциями, и активно думайте о цели, которую коллеги по эксплуатации должны достичь с помощью этой страницы, и о том, как повысить свою производительность.
Есть две основные причины для рассмотрения этого вопроса: человек, который задает требования, не понимает код или думает, что лучший способ потребует больших затрат на разработку, а вы человек, который понимает требования и знает затраты на разработку.
Говоря о последней статье, переднее лицо, чтобы достичь Мэн, на самом деле, сначала я получил этот проект взаимодействия
Коллеги по эксплуатации вручную заполняют id соответствующего компонента, а также собирают аватар, что занимает всего полдня. Но есть серьезная проблема: человек, который сопоставляет, не знает, как выглядит то, что он сопоставляет, и не может его предварительно просмотреть. Заполняя слишком много вещей, легко запутаться. Для сопоставления 1 аватарки нужно заполнить 12 ID, а для заполнения 100 аватарок требуется 100*12 компонентов поиска.
Подумав об этом, я решил не использовать эту реализацию, а лучше потратить больше времени на разработку, делая более разумное лицо. Окончательная реализация точно такая же, как у клиента.
точка точка точка…
Done!
Время разработки на 3 дня больше, но такое внедрение сокращает время оперативного персонала, расходы на связь и вероятность совершения ошибок.
Поймите потребности и реализуйте более гуманную и разумную реализацию.
Повторное использование кода, скаффолдинг
После сокращения требований переходите к этапу разработки.
После создания еще нескольких страниц активности вы обнаружите, что рукописи, предоставленные одним и тем же дизайнером пользовательского интерфейса, в основном одинаковы, со многими общими стилями, такими как всплывающее окно на странице и элементы, использованные в предыдущей активности. дизайнер непосредственно перемещает и изменяет их текст продолжает использоваться. (Сохраняйте единообразие пользовательского интерфейса)
Чтобы быть немного более абстрактным, поведение всплывающего окна — это почти каждое действие, и оно извлекается в общий компонент, при его использовании выполняется наполнение содержимым и привязка событий специальных поведений, чтобы следующая страница действия могла непосредственно повторно использовать эти общие компоненты.
Если страница немного больше, вы можете подумать о написании скаффолдинга. Так называемый скаффолдинг — это какой-то шаблон. Настраивая разную информацию для извлечения разных шаблонов, вы можете быстро построить прототип страницы.
После ознакомления с общими шаблонами страниц, модульностью кода, абстракцией модулей напишите более распространенные компоненты и уменьшите связь между компонентами. Использование компонентов общего назначения должно быть похоже на заглушки, которые подключаются и используются, а затем удаляются, когда они израсходованы.
Говоря о повторном использовании кода, кстати, я недавно обнаружил, что фрагменты кода vscode очень полезны.Настройте часто используемые фрагменты кода и установите слоты.Затем, при редактировании соответствующего файла формата, введите ключевые слова для вывода фрагментов кода.
Этот тип кода прост, но он нужен почти для каждой страницы. Простая конфигурация может сэкономить много времени на копирование и вставку изменений.
Рабочий процесс
В процессе разработки будут возникать различные проблемы, которые необходимо оптимизировать.Продакт-менеджеров и дизайнеров эти проблемы могут не волновать, но как малоэмоциональные программисты они должны обратить на них внимание.
Например, изображения, демонстрирующие один и тот же контент, могут быть в десять раз больше в разных форматах. Обрезайте изображения подходящего размера, выбирайте разумный формат изображения и применяйте приемлемые алгоритмы сжатия, и, наконец, каждый пользователь сможет сэкономить несколько мегабайт трафика.
Вручную выполните вышеуказанные операции, и раунд исчезнет в течение часа. Дублирование труда должно быть передано машинам для достижения, используя
- команда глотков -Инструмент Sharp: Sips, инструмент для работы с изображениями, поставляемый с Mac.
- gulp-tinypng
Это легко сделать, больше никакой неуклюжей оптимизации один за другим.
// 批量设置图片大小
sips -Z 320 640 *.jpg
// 批量转 jpeg
sips -s format jpeg *.* --out jpegs
// 批量转 png
sips -s format png *.* --out pngs
Сегодняшняя фронтенд-разработка в основном использует такие инструменты, как webpack и gulp. Такие инструменты предоставляют интерфейсы, подключаемые модули, и нам нужно написать лишь небольшой объем кода конфигурации для выполнения. Запись этих повторяющихся задач в код и передача их машине может сэкономить нам много времени на повторяющиеся операции. Без инструментов вам пришлось бы делать это вручную, и вам может потребоваться две минуты, чтобы прокомментировать одну строку кода.
Для задач, которые можно решить с помощью кода, старайтесь не использовать ручной труд.
маленькие инструменты
Помимо развития бизнеса, есть и другие вещи, которые доставляют дискомфорт: например, команда back-end использует apidoc для автоматического создания документации по интерфейсу. Его можно использовать нормально, но я думаю, что страница apidoc написана плохо. Каждый раз, когда я копирую интерфейс, его легко скопировать в другой контент. Я не могу вручную писать плагин страницы.
комбинироватьtampermonkeyа такжеclipboard.js, который реализует несколько часто используемых операций копирования. Если вы хотите что-то скопировать, просто нажмите на это.
резюме
Говоря о том, что, наконец, повышение эффективности развития - это проблема затраты на затрат, вкладывая небольшое количество времени, которое может завершить тот же эффект, или немного больше входной точки - это время, сохранить себя и другие, поэтому у нас будет более гибкое время изменит мир.
Для перепечатки просьба указывать источник:w3ctrain.com / 2017/07/01/effective-work/
Меня зовут Чжоу Сяокай.
Сейчас я фронтенд-разработчик и все еще новичок на пути к программированию. W3ctrain — это место, где я записываю свое обучение и рост.