web前端開發(fā)流程是什么？

時間：2022-07-31 00:39:01 | 來源：網(wǎng)站運營

時間：2022-07-31 00:39:01 來源：網(wǎng)站運營

web前端開發(fā)流程是什么？進行操作會用到哪些便捷的小工具？是先用模板做好，然后在基礎(chǔ)上改嗎？？正常大家說的改框架是不是指的用模板做的網(wǎng)站原文件？前端開發(fā)做的文件一般是哪些？放在主機什么文件夾里啊

1. web前端開發(fā)流程是什么？

老板或甲方是一個需求的真正發(fā)起者，也是一個基礎(chǔ)idea的夢想師，產(chǎn)品是需求專業(yè)化梳理或進行有效評估細化需求負責的，

而設(shè)計是前端的上游，前端是設(shè)計的下游。設(shè)計的工作目的是把產(chǎn)品宏觀的思維結(jié)果進行專業(yè)的處理，因為按一般的習(xí)慣，產(chǎn)品最終的結(jié)果是原型圖，而原型圖可以理解為設(shè)計的草圖，

對真正的用戶來說，這個草圖過于簡單或不符合使用的操作習(xí)慣，所以需要設(shè)計師進行專業(yè)的處理，比如顏色搭配，布局分隔，有時候還兼交互的一部分工作，設(shè)置用戶與頁面發(fā)生交互的預(yù)訂流程，

那有人問，不需要設(shè)計不行嗎？直接讓前端寫頁面不就得了，還需要麻煩設(shè)計師來做個圖出來。

因為這里邊有一個成本風(fēng)險控制的一個理念，因為在前期，尤其是設(shè)計，主觀感受大于理性的思考，所以每天的結(jié)果都不一樣，所以需要設(shè)計師去消化掉這部分主觀感受帶來的誤區(qū)，

而且從成本上來講，有些場景設(shè)計師改圖比改代碼要容易控制一些。

設(shè)計師的結(jié)果是psd文件，他是很多個圖層疊加在一起的結(jié)果，而前端的工作結(jié)果html頁面，是把很多圖層上的效果，有機的用html組織起來的過程。

前端是把轉(zhuǎn)化后html交給下游服務(wù)端開發(fā)工程師，或叫后臺開發(fā)，這個html里邊包括一些交互的js文件等?？偟膩碚f前端是一個承前啟后的崗位。

也有的公司把前端的責任放大，負責整個前臺view層頁面的開發(fā)，這樣的好與壞在前面的文章中已經(jīng)探討過就不一一細表了。

我們以前基本的流程是，領(lǐng)導(dǎo)或甲方提出需求，然后產(chǎn)品分析需求，并且根據(jù)需求畫出原型圖，然后根據(jù)原型圖出設(shè)計稿。

出完設(shè)計稿團隊評審，過后交與前端制作靜態(tài)頁面，然后靜態(tài)頁面，交與設(shè)計審核，過后交給開發(fā)人員，進行動態(tài)數(shù)據(jù)的添加。

添加完之后，發(fā)布測試環(huán)境，產(chǎn)品測試領(lǐng)導(dǎo)審核，成功后，直接發(fā)布產(chǎn)品環(huán)境?；蜻M行版本迭代。

這是整個的一個設(shè)計，開發(fā)，部署的流程。

根據(jù)前面的，在補充一下，前面的所有流程中的靈魂是原始需求提出者，但人隨著客觀條件的變化，思維認識會有所不一致，

所以產(chǎn)生了文檔，文檔是貫穿整個流程的一個靈魂。

而產(chǎn)品是整個流程中文檔的編寫者，因為產(chǎn)品最能接觸最原始的需求，對需求的理解更深刻或?qū)I(yè)，所以他會有一個文檔出來。

這個文檔是需要交付給設(shè)計，讓設(shè)計在設(shè)計過程中進行參考。

前端看的另外一個文檔。交互設(shè)計師出交互文檔，一般的公司沒有交互設(shè)計師那就是由產(chǎn)品來出的交互文檔。

有的交互不過于復(fù)雜，就沒有文檔，只是郵件。

有時候說，不要這個郵件行不行，那怕是最簡單的原始東西，沒有文件或郵件是不能做一個后期測試回溯的依據(jù)。

產(chǎn)品文檔表示頁面的流轉(zhuǎn)或數(shù)據(jù)的走向，交互文檔描述頁面復(fù)雜的交互或各個用戶表單與用戶發(fā)生的各種互動。

另外2個是，要架構(gòu)師或項目經(jīng)理出的需求文檔，需求文檔是對整個項目的歷史背景，系統(tǒng)開發(fā)軟硬件要求，或版本信息，等等。

另外一個是由服務(wù)端工程師提供的接口文檔，這里邊包括一些請求類型，傳參的數(shù)目與鍵名，還有服務(wù)端返回的參數(shù)名約定等等的，這些文檔是開發(fā)中的靈魂，也是以后測試回溯的標準或依據(jù)。

創(chuàng)立一個網(wǎng)站的前前后后（起因，域名，云平臺，備案，CDN等等）(1)

2. 進行操作會用到哪些便捷的小工具？

4. web前端開發(fā)分享-css,js工具篇最主要是開發(fā)工具，還有上游是ps要求略會。其它就是不同語言的開發(fā)環(huán)境的搭建，如果是開端就求助后端，如果是后端自己折騰了。

其它的，都不難，難的是可能是windows,mac,linux平臺切換后的思路斷片，需要有一個過程熟悉，熟悉之后，基本都不是問題，開發(fā)的核心是語言，平臺，需求，真正的工具沒有難度。

剩下的就是三個利器：vim,git,五筆，有空的學(xué)學(xué)，沒空就慢慢看了。

3.是先用模板做好，然后在基礎(chǔ)上改嗎？？

一般新項目都是手動要寫的，寫好的有可能也不是模板。

4. 正常大家說的改框架是不是指的用模板做的網(wǎng)站原文件？

框架，有幾層意思，frameset也是框架，現(xiàn)在mvvm也是框架，有的java,strusts,php的laravel也叫框架，大部分是不改原文件，而是配置文件，像strusts的xml配置文件，像laravel是直接是后生成的新的php文件。

5. 前端開發(fā)做的文件一般是哪些？放在主機什么文件夾里啊

一般是html,css,js三個文件，放在服務(wù)器的，有可能是這三個，也有可能是.php,.jsp,.aspx等等的。

可能目錄啥的，可以參考一下這個：

豪情-CSS解構(gòu)系列之一

豪情-CSS解構(gòu)系列之二

以上純是個人經(jīng)歷，不具有普遍性，僅供參考。有興趣加群交流：327388215，禁止大Gif，閑聊，非喜勿進。