Nitelikli bir kullanıcı arabirimi mühendisi için gelişmiş bir kılavuz
Bu makalenin yazarı Wang Chao, Kuaigou Taxi'nin (eski adıyla 58 Express) ön cephesinin başıdır. Renren.com ve Qihoo 360 için arka arkaya çalıştı, büyük bir internet şirketinde 8 yıllık çalışma deneyimi ile çalıştı.
0'dan 1'e kadar, ekibin teknik sisteminin yapımından sorumlu olan hızlı köpek ön uç ekibi oluşturuldu ve Webpack ve Vue'ye dayalı ve Node.js orta katmanı ile desteklenen otomatik, tasarlanmış ve bileşenli bir hızlı ön uç teknoloji sistemi oluşturdu.
Bu makale, mühendisliğin ön uç liderler için neden gerekli bir kurs olduğunu açıklamak için Wang Chao'nun kişisel deneyimini kullanacak
Son birkaç yıldaki web ön uç evriminin hızı o kadar hızlı ki, birçok ön uç mühendisi yardım edemiyor ancak öğrenemediklerinden şikayet ediyor.
Bu, HTML, CSS ve JS'nin üç ön uç kılıç ustasının dünyayla savaştığı dönem değil.
Örnek olarak kişisel deneyimimi al. Ön uç alanına 2011 civarında girdim. O zamanlar, işimin ana içeriği tasarım taslaklarını statik sayfalara dönüştürmek ve ardından bazı sayfalarda atlı karınca ve kayan yazı gibi etkileşimli efektler elde etmek için jQuery eklentisini kullanmaktı.
Son olarak, statik sayfaya sayfa mantığı eklemek için Smart, Velocity vb. Gibi arka uç şablon dilini kullanın ve kodu çevrimiçi olarak tamamlamak için sunucu tarafındaki öğrencilere verin. Tüm süreçte, JS çerçevesine jQuery hakimdir ve CSS en iyi ihtimalle daha azdır.
Mevcut ön uç çalışma yöntemine bir göz atalım ve örnek olarak çalıştığım Kuaigou taksisinin ön uç ekibini ele alalım. Ön uç geliştirme çerçevesi temel olarak Vue'ye dayanır ve Webpack, arabirim taklidi, kod incelemesi, kod derleme, oluşturma, sıkıştırma, sürüm numarası ekleme, dağıtım ve benzeri tüm süreci çözmek için kullanılır.
İlgili teknik noktalar Vue, Vuex, ESlint, stylelint, Mock, Webpack, Sass, PostCSS vb. Ön uç gereksinimleri, salt JS ve CSS sorunlarından birkaç yıldan daha uzun bir süre öncesine değişti Mühendislik odaklı Sorun.
Ön uç mühendislik büyük bir konudur ve şimdi bile kesin bir tanım yoktur. Ön uç mühendisliğiyle ilgili kişisel anlayışım şudur: "Ön uç geliştirmenin verimliliğini artırabilecek ve ön uç uygulamalarının kalitesini artırabilecek tüm araçlar ve araçlar ön uç mühendisliğidir." (Orijinal cümle için kursumun içeriğine bakın)
Ön uç alanın bugün gittikçe daha müreffeh ve daha karmaşık hale gelmesiyle, ön uç mühendisliği öğrenmenin bize ne gibi faydaları olabilir?
1. Geliştirme verimliliğini büyük ölçüde artırın
Ön uç mühendisliğinin gelişimi, geliştirme verimliliğini büyük ölçüde artırabilir. Ön uç geliştirmeden günümüze, toplulukta ön uç mühendisleri ağır işlerden kurtarabilecek çok sayıda mükemmel çerçeve ve araç ortaya çıktı.
Örneğin, benzer şekilde bir tıklama etkinliğini bir dom öğesine bağlamak, saf JS kullanarak bunu yapabilir:
JQuery'yi tanıttığımızda çok daha basitti:
Vue'da ise, bu basit ve nettir:
Geliştirme araçlarının desteği olmadan çok sayıda olay bağlama varsa, yazılması gereken çok sayıda tekrarlayan kod olacaktır, bu da düşünülmesi gereken bir baş ağrısıdır ve düşük verimliliği açıktır.
2. Büyük projelerin geliştirme zorluğunu azaltın
İlk olarak, modülerleştirme ve bileşenleştirme, ön uç mühendislikte savunulmaktadır.
Modüler fikir, büyük ölçekli projelerin işlevlerini bağımsız modüllere ayırır. Her modülün geliştirme zorluğu düştü. Aynı zamanda, Git sürüm kontrol aracına dayalı olarak, geliştirme verimliliğini artırmak için birden çok geliştirici paralel olarak geliştirme yapabilir. Projenin sonraki yinelemesinde, her modül nispeten bağımsız olduğundan ve bağlantı son derece düşük olduğundan, bir işlevin ayarlanması genellikle modüllerden yalnızca birini değiştirmeye ihtiyaç duyar ve risk kontrol edilebilir. Tek bir kodu değiştirmeye ve küresel sorunlara neden olmaya gerek yoktur.
İkincisi, ön uç mühendislik, büyük ölçekli uygulamaların kalitesini ve sürdürülebilirliğini sağlamak için eksiksiz proses spesifikasyonlarının ve kod spesifikasyonlarının kullanılmasını savunur.
Örneğin, kod ESlint ve stilelint aracılığıyla otomatik olarak doğrulanır ve projenin yüksek kalitede ve zamanında teslim edilmesini sağlamak için her bağlantı inceleme, ayrıntılı tasarım, geliştirme, ortak hata ayıklama, test ve başlatma yoluyla kontrol edilir. Ana şubeyle kodu birleştirmek, bir kod incelemesinden geçmelidir. Süreç özellikleri, büyük ölçekli projelerin kalitesini ve sürdürülebilirliğini sağlar ve programa göre teslim edilebilir.
Bu nedenle, ön uç mühendislik projelerinin uygulanması genellikle riskleri daha iyi önleyebilir, süreç baskısını dağıtabilir ve geliştirme zorluklarını azaltabilir.
3. Görüşmeciler tarafından tercih edilmek daha kolay
Ön uç iş becerileri köklü değişikliklere uğradı. Hatta bazıları, ön uç mühendislerinin ön uç yapılandırma mühendisleri olduğu konusunda şaka yaptı.
Fouber (Zhang Yunlong) blog gönderisinde bir keresinde şöyle demişti: "Ön uç, daha az teknik sorun ve daha fazla mühendislik sorunu olan bir yazılım geliştirme alanıdır."
Altı veya yedi yıl önceki ön uç görüşme sorularının muhtemelen şu tarzda olduğunu belli belirsiz hatırlıyorum: "Yatay ve dikey merkezleme nasıl elde edilir?" "Js olay yetkilendirmesinin ilkesi nedir?" "Genel css hack yöntemleri nelerdir?", "$ (Function { }) Window.onload ile fark nedir? "
Bugün karşılaştığım röportaj soruları muhtemelen şu tarzdadır: "Bana Vue'da iki yönlü veri bağlama prensibini söyleyebilir misiniz?", "Babel Webpack'te nasıl yapılandırılır?", "Promise ile await / async arasındaki fark nedir?"
Görüşme soruları Dikkat Seviyeler arasında büyük bir fark var.
Büyük bir şirkette çalışmak istiyorsanız, ön uç mühendislik ihtiyacınız olan temel kalitedir. Büyük şirketlerin işi genellikle çok karmaşıktır ve istikrar gereksinimleri son derece yüksektir. Buna bağlı olarak, ön uç mühendislik seviyesi çok yüksektir ve çeşitli destekleyici altyapılar olgunlaşmıştır.
Örneğin, Meituan Dianpingin sistematik mühendislik çözümü, mobil bileşen kitaplığı Vix, otomatik test aracı Freekite, Hibrit işlevsel deneyim çözümü Titans vb.
Büyük şirketler tarafından tercih edilmek için adayların ön uç mühendislik alanında derin bir birikime sahip olmaları gerekir.
Genç kullanıcı arabirimi mühendisi
Küçük orta düzey ön uç mühendislerin daha az iş deneyimi var ve teknolojinin genişliği ve genişliği yetersiz. Ön uç mühendisliğin bir bütün olarak ustalaşması kesinlikle zor. Dolayısıyla bu öğrenciler için en önemli şey, ilkeleri adım adım "kullanmayı" ve anlamayı öğrenmektir.
Örneğin, geliştirmeden sonra, basit bir iskele aracını kendi başınıza nasıl uygulayacağınızı öğrenin, günlük gelişim için gerekli olan iskeleyi nasıl uygulayacağınızı öğrenin ve burada kullanılan teknik noktaları kapsamlı bir şekilde öğrenin.
Ön uç mühendisler terfi için sabırsızlanıyor
Ön uç mühendislik yeteneği, kıdemli bir ön uç için de gerekli bir beceridir. Ön uç mühendisliği bile bilmiyorsanız ve kendi başınıza temel bir yapı iskelesi bile kuramıyorsanız, takıma nasıl liderlik edebilirsiniz? Şirketin tanıtımına katılmak için giderseniz, bu ikna edici değil.
T'yi tanıtmak istiyorsanız, verimlilik ve performans optimizasyonunda derin bir birikime ve katkıya sahip olmalısınız.
Bu nedenle, hangi aşamada olursanız olun, ön uç mühendisliği hakkında derin bir anlayışa sahip olmak son derece gereklidir.
Birçok geliştiricinin kendi içinde kısa bir kariyeri vardır veya uzun yıllar çalışmış olan birçok geliştiricinin, şirketin ticari nedenlerinden dolayı ön uç mühendislik alanına dokunma şansı yoktur.
Ön uç mühendisliği anlamayan veya ön uç mühendislik anlayışlarını derinleştirmek isteyen okuyucular için özel olarak bir kurs tasarladım "Perspektif Ön Uç Mühendisliği" .
Kurs içeriği Vue ile başlar (diğer çerçeveler buna göre ayarlanabilir), Birleştirmek Ekipteki mühendislik uygulamalarım, herkesin sıfırdan bir iskele inşa etmesine ve iskeleyi inşa etmek için kullanılan teknik noktaları tek tek sökmesine yol açtı.Okuduktan sonra, iskeleyi ve mühendislik fikirlerini daha derinlemesine anlayabilirsiniz.
Bu kursu tamamladıktan sonra herkesin en azından şu noktalara sahip olduğuna inanıyorum:
-
Ön uç mühendisliği konusunda sistematik bir anlayışa sahip olun ve ön uç bilgisinin genişliği büyük ölçüde geliştirildi;
-
Doğrudan gerçek işe uygulanabilen bir dizi ön uç mühendislik çözümünü bağımsız olarak tasarlayabilme;
-
Röportajlara ve terfiye yardımcı olun, daha iyi bir platforma girin ve daha iyi maaş alın.
Bu arada, bu kursu satın alan okuyucular için bir Soru-Cevap alışverişi de kurdum WeChat Grup, kursun Ders 03 içeriğinde gruba katılmanın yolunu bulabilirsiniz.
