задний план
В мгновение ока я изучаю фронтенд два с половиной года, с самого начала я не знал, что такое js/css/html, до года назад я почувствовал, что моя работа повторяется и Я чувствовал себя немного смущенным, и теперь я снова полон страсти, и я также выиграл несколько крупных компаний.Возможность поступления также в некоторой степени нашла направление, чтобы стать отличным интерфейсом.
Случайно обнаружил, что Жиху был на мне два года назадНачните изучать веб-разработку с нуля, есть предложения?Ответ все еще читается, комментируется и немного эмоционален. Мой обмен также должен помочь некоторым людям начать работу. Они также могут столкнуться с той же путаницей, что и я, после начала работы. Я не знаю, как они решили эту проблему? Теперь я также пишу о своем опыте и росте после начала работы с интерфейсом, и я надеюсь, что это будет полезно для всех.
2016
После того, как я занялся интерфейсом, я присоединился к игровой компании в Гуанчжоу в марте 2016 года, как я и хотел, и достиг небольшой цели — перейти в крупную компанию до окончания учебы. На тот момент я был еще только в jquery, читал магистраль, писал об экспертах, немного знал nodejs и разбирался в состоянии es6.
Главное в компании это развитие более общей внутренней системы управления.Текущее обучение и продажи используют Vue.В то время еще использовался Vue1.Через пол года был запущен Vue2,и на это ушло определенное количество усилия по миграции проекта на Vue2.В 2017 году при поиске работы кто-то может спросить, в чем разница между vue1 и vue2.Теперь никто не должен спрашивать.Front-end действительно быстро меняющаяся сфера.
По сравнению с React Vue — это фреймворк, который очень подходит для новичков и имеет более низкий порог. Друзьям, которые только начинают работать с интерфейсом, рекомендуется учиться. Vue кажется простым, но если вы просто продолжаете использовать API и связанные с ним инструменты, я надеюсь, что вы сможете понять исходный код в свободное время, вы можете сосредоточиться на принципе двусторонней привязки vue, виртуальном доме, nextTick , посмотрите на vuex и vue Исходный код -router, интерфейс быстро меняется, недостаточно просто запомнить API и инструменты, необходимо понимать лежащие в основе идеи программирования и принципы реализации.
2017
После некоторых поворотов, в апреле 2017 года я присоединился к стартовой компании, избавился от предыдущей системы внутренней управления и начал разрабатывать передними людьми.
Должен сказать, перед лицом страницы пользователя с внутренней системой управления разница не малая. Бывшие вещи, чтобы считать, что это больше. Узнайте больше о внутренних системах управления и развитии эффективности бизнеса, оптимизации производительности, совместимости не требуется, только внутреннее использование человеком, объединенное с браузером Chrome, может быть достойным, вероятно, больше внимания для преобразования данных для просмотра страницы. Но лицо страницы пользователя не то же самое, необходимо учитывать проблемы совместимости, учитывать проблему времени загрузки, учитывать проблему поисковой оптимизации, тестировать эстетическую проблему, рассматривать проблему как более отзывчивую.
По сути, между этими двумя типами страниц нет никакой разницы, внутреннюю систему можно совершенствовать в сторону эффективности разработки и сложных приложений, а пользовательскую страницу можно развивать в сторону оптимизации производительности и мультитерминальной совместимости. Пока вы не удовлетворены получением данных и отрисовкой страниц, есть возможности для улучшения и развития.
Во второй половине 17 лет получают миссию, архитектуру мобильного терминала, необходима для использования Vue / React, непосредственно используйте страницу рендеринга серверов. Это делает меня немного паникой. Если честно, я написал более чем на год проекта Vue, я использовал для создания Vue Full-Family Conget каждый новый проект, позвольте мне отказаться от Advanced Framework MVVM, перейдите к исходным JS, я чувствую себя как самолет. Сесть на поезд.
Тем не менее, мне имеет смысл сделать это. Мобильные страницы компании не сложны и не должны использовать рамки MVVM. В то время мобильные страницы, разработанные с использованием Vue, были использованы для получения различных данных, и время белого экрана. Было три секунды. Как много, используя рендеринг сервера может решить такие проблемы, я не могу повлиять на опыт пользователя ради развития.
После изысканий и специальных исследований я также добился определенных результатов: я присоединился к прыжку с маршрутизацией в SPA-интерфейсе и обобщил его в наборРамка, Этот проект также стал моей самой большой уверенностью и гордостью за то, что я нашел работу позже. Да, если вы будете просто многократно разрабатывать похожие страницы, не исследуя и не высаживая свои вещи, то ваш технический уровень будет только стабильным. Как я только что сказал, вы не можете просто понять фреймворк, вот еще что добавить, вы не можете полагаться на фреймворк, вам нужно знать, какие проблемы решает фреймворк и для каких сценариев он подходит. Возможности нативного JS не стоит растрачивать понапрасну, а построить колесо самому все равно выгодно.
2018
После завершения построения и оптимизации фреймворка, по договоренности с компанией, я продолжил применять свой фреймворк к различным проектам.Сделал сегодня проект аналогичный Weibo и проект аналогичный Toutiao.Есть и торговые центры, и . ... выполняя так много проектов за короткий промежуток времени, просто отображая страницы, не имея времени углубиться в бизнес, наводит меня на мысль, что внешний интерфейс на самом деле просто повторяет рендеринг страниц, как это, это просто совместимо? Это действительно интересно? Начал путаться.
После этого произошло нечто, из-за чего мне пришлось выбрать другую среду, вернуться в Шэньчжэнь и начать все сначала. Да, я снова меняю работу. Может быть, у меня большой опыт и я кое-что сделал, поэтому я также получил возможность пройти собеседование в некоторых крупных компаниях. Однако в начале я столкнулся с множеством неудач.
Что такое процесс https? Как контролировать проект? Обработка ошибок? Как взаимодействуют родительский и дочерний процессы nodejs? Как происходит развертывание и запуск вашего проекта? Как ваш проект решил проблему мобильного тестирования?
Да, я понятия не имел об этих проблемах, когда впервые начал искать работу. Раньше я просто сосредоточился на написании собственного интерфейса, запуске сервера рендеринга koa и получении данных с сервера API для рендеринга следующего страница. Другие проблемы, естественно, включают эксплуатацию и техническое обслуживание, тестирование и фоновое управление.
Очевидно, что мое прежнее мышление было очень узким. Как веб-разработчик, я не могу ограничивать свое внимание интерфейсом и браузером. Я должен иметь сознание инженера, хотя некоторые ссылки могут быть распространены среди других коллег. Сделайте это, но вы не можете быть невежественным или небрежным. Не ограничивайте свое видение фронтенд-браузерной частью: только разобравшись в развертывании, бэкенде, фронтенде, тестировании и других процессах всего проекта, вы сможете завершить проект лучше. Теперь, когда фронтенд-технологии быстро развиваются, nodejs дал нам возможность обратить внимание на сервер, и мы должны иметь смелость смотреть наружу и выходить наружу.
Осознав собственные недостатки, я стал восполнять пробелы в знаниях, а некоторые результаты выкладывать (Когда интервьюер спрашивает вас, как оптимизировать производительность, вы должны ответить (1)) поделился, надеюсь всем будет полезно.
Вышеизложенное является кратким итогом моей учебы и работы за последние два года.За последнее время было много всего, поэтому я не могу писать лишнего.Если вы хотите продолжить общение, вы можете написать на почту hpoenixf#foxmail.com или связаться со мной по другим каналам. Добро пожаловать, чтобы следовать иstarэтот блог или следуйте за мнойgithub