Представлена ​​технология Element-UI (1) - Предисловие

внешний интерфейс Vue.js внешний фреймворк

задний план

Если вы используете стек технологий Vue для развития бизнеса с ПК на уровень B, то да.element-uiЭто не должно быть незнакомым, я сейчас работаю в Zoom и разветвляю копию.element-uiисходный код для вторичной разработки,element-uiИсходный код также имеет некоторые исследования. Так как самостоятельно разработанная библиотека компонентов не является открытым исходным кодом, я не могу поделиться ее техническими подробностями, но дляelement-uiОн сам по себе является открытым исходным кодом, и большинство людей до сих пор используют его напрямую, чтобы все были знакомы.element-uiПринцип, менее ступенчатым, менее классом, я намерен написать серию статейelement-uiРеализация библиотеки удалена, и детали реализации библиотеки компонентов проанализированы.

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

серия статей дизайн

Сначала я напишу статью, чтобы представить дизайн библиотеки компонентов в целом, а затем использовать компонент в качестве детализации для написания каждой статьи.При столкновении со сложными компонентами я могу написать несколько статей.

Для каждого компонента я сначала проанализирую функции, использование и идеи дизайна компонента, а затем проанализирую детали и принципы его реализации, включая не только часть JS, но также его макет и CSS, которые также будут включать некоторые из моих мысли.

element-uiОн также опирается на множество отличных сторонних библиотек.Если я столкнусь с зависимыми сторонними библиотеками в процессе анализа компонентов, я также организую отдельные статьи для публикации.

Поскольку Element также официально поддерживает библиотеку компонентов, код может обновляться, поэтому код в этой статье неизбежно будет отличаться от последнего исходного кода, поэтому я буду вставлять соответствующий номер версии при написании каждого компонента, если в аналитической статье некоторые компоненты в будущем Если будет слишком много расхождений с исходным кодом, соответствующая статья будет обновлена.

как научиться

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

Я понимаю, что многие люди читают статьи на официальных аккаунтах WeChat, используя фрагментированное время. Со статьями о фаст-фуде проблем нет, но если вы хотите узнать больше о технологиях, я предлагаю вам клонировать копиюelement-uiИсходник, садись за компьютер и изучай.

Эта статья не такelement-uiБиблиотека компонентов обучения, если вы просто хотите знать, как использовать, настоятельно рекомендуется увидеть официальный сайт документа.

Вы можете столкнуться с некоторыми проблемами во время процесса обучения, пожалуйста, оставьте сообщение в соответствии с статьей.

подходит для толпы

  1. есть и хотят использоватьelement-uiОпыт разработки, front-end разработки от 1 года.

  2. Знаком со стеком технологий Vue.js и разработал с его помощью несколько реальных проектов.

  3. Студенты, которые интересуются основными технологиями и хотят развиваться и совершенствоваться.

Частота обновления

Поддерживайте ритм 1-2 статьи в неделю.

напиши в конце

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

Следующее уведомление: Секрет технологии Element-UI (2) - общий дизайн библиотеки компонентов.

Кроме того, я только недавно открыл публичный аккаунт "Фронтенд-частная кухня Лао Хуанга". Серия статей "Раскрытая технология Element-UI" будет обновлена ​​и опубликована в публичном аккаунте как можно скорее. Кроме того, я буду часто делитесь передовыми передовыми знаниями, галантерейными товарами и иногда делитесь некоторыми навыками мягкого качества, приглашаем всех обратить внимание ~