網(wǎng)頁重構、UI開發(fā)、web前端開發(fā)，切圖仔如何適應TITLE的變化？

時間：2024-02-12 05:30:01 | 來源：網(wǎng)站運營

時間：2024-02-12 05:30:01 來源：網(wǎng)站運營

網(wǎng)頁重構、UI開發(fā)、web前端開發(fā)，切圖仔如何適應TITLE的變化？：先說說網(wǎng)頁重構、UI設計


兩個好像有重疊的地方。

網(wǎng)頁重構，就我看，它跟HTML重構、CSS重構、界面重構等概念的含義更接近。UI設計，好像跟公共組件設計、界面設計概念相近。

所以我覺得，題主要是切頁面的經(jīng)驗比較多的話，稍作學習平面、廣告相關的設計原理的學習，應該就能輕松勝任前面這兩個職位。




但是時局有變，Web前端開發(fā)好像干盡了前兩者的職責。

借此談談網(wǎng)站開發(fā)里的前后端。

前端，客戶端、用戶端、交互體驗端；

后端，服務器端、云端、數(shù)據(jù)處理端。

與前端工作聯(lián)系緊密的是瀏覽器，瀏覽器是B/S型應用里的客戶端?？蛻舳素撠煹牟糠志褪琼撁骘@示、數(shù)據(jù)顯示、提供業(yè)務層的操作。

比如我是一個坐在電腦前的游客，電腦上開著一個Google。Google首頁的界面、首頁告訴我12月6日是我生日，還說“永杰，生日快樂”。

那前端的工作就是根據(jù)Google里的設計師給的設計稿，把這樣一個設計稿還原成一張頁面。

并且在業(yè)務層告訴服務器“今天是永杰的生日，你要給他來張為他定制的Google的生日Logo”。

那么問題來了，我怎么知道今天是“永杰的生日”呢？哦，是因為我登陸了谷歌賬戶，賬戶信息里存了“生日”這個字段。

前端寫出一個邏輯“只要當前時間跟登陸賬戶信息的生日字段的時間是一樣的，就向后臺發(fā)送請求，更新頁面上的Google圖標”。然后把這個邏輯告訴了后端。

后端工程師然后跟前端約定，你要更新頁面上的Google圖標需要調(diào)用MainPage.ChangeGoogleLogo這個服務，這個服務我?guī)湍銓懞昧?，你要發(fā)請求的Params應該就是賬戶的信息。然后告訴了前端。

前端知道了，我要實現(xiàn)這個邏輯就要請求上述的服務，Params是賬戶id，返回的參數(shù)是JSON化的對象，對象里包含了生日Logo的圖片URL地址，我們再用JS更新DOM把頁面上的Google圖標替換掉。一旦用戶退出登錄，session值清空，這個請求就不會被發(fā)送，游客看到的還是Google的圖標。

我講的這些，就是前端完成一個業(yè)務邏輯的過程。里面雖然是我編的，但是原理應該是不會變的，實現(xiàn)方法上各有不同。


這里就出現(xiàn)了，前端開發(fā)，兼顧了UI設計，干了JS工程師的工作，有時要是重構UI、重構界面又干了網(wǎng)頁重構的工作。

題主有意向從事前端開發(fā)的話，那就要把已有的HTML、CSS基礎繼續(xù)保持，學習JavaScript，參與Web應用的開發(fā)，積累框架經(jīng)驗，深入了解JavaScript，學會搭建前端框架。

到此，題主已經(jīng)會很有方向感了。