A. 如何搭建前端開發環境
環境搭建
前端開發環境設置和編輯器選擇
B. 你們知道大公司里是怎樣開發和部署前端代碼的嗎
開發時，把應用代碼分支拉到本地，這些分支可以只包含你要修改的應用，也可包含你要引用的類庫。在本地搭建webserver，修改host映射到本地。開發過程中要引用類庫地址時直接引用線上地址，會被webserver中轉到本地代碼上。 發布時直接發布到對應機器上就行，代碼里不用再修改線上路徑。項目是你要做一件事建的項目，跟代碼模塊沒關系。大公司前端代碼一般會發布帶cdn。看需要了，一般是php和java的， Nginxlighttpd apache都有用。當然是現有設計稿，至少你要先知道做什麼，再寫代碼吧。自己寫，如果某個函數忘記了或者樣式調整不好可以參考網上的資料，模塊當然自己寫。開發時和部署時，類庫的的引用和存放是看起來一致，但是背後其實不一樣。天貓由於業務對模塊的線上搭建的需求比較強烈，大部分場景下沒法走本地打包，都用的存放在CDN的模塊。
C. 前端項目的開發流程
前端開發流程概述
前端開發流程可分為需求分析、開發階段、測試階段、維護階段，下面分別進行敘述。
2.1 需求分析
這個環節中，首先是和客戶進行交流，了解客戶的需求，然後分析項目的可行性，撰寫項目需求文檔。如果項目可行，則起討論具體方案，分模塊分步驟進行規劃，分析項目進度安排、所需成本，進行原型設計（包括頁面布局圖，頁面邏輯流程圖，說明文檔等。通過原型設計，可以讓項目組和客戶都可以對項目有一個直觀感受，同時可以低成本高效率的復現業務場景和各模塊流程）。
可以說需求分析階段是整個前端項目的基礎，基礎不牢，地動山搖。可以試想，如果和客戶溝通不順暢，有的方面客戶沒搞清楚是什麼效果，開發完成後就可能與客戶發生糾紛；如果可行性有問題，有的模塊很難實現或成本超出預算，就很難處理。
2.2 開發階段
這個環節是前端工程師主要參與的部分，按照需求分析階段的規劃按步驟完成任務。
根據產品需求分析文檔和原型圖進行UI設計，對產品的整體美術風格、交互設計、界面結構、操作流程等做出設計。負責項目中各種交互界面、圖標、LOGO、按鈕等相關元素的設計與製作。
根據UI設計進行規劃，提取界面中可以復用的模塊方便重復利用，分析界面是否有實現難度比較困難的地方，進行溝通和功能排期，按功能大小以及難度進行功能時間的評估，和後端溝通好排期時間，保證大家能夠更有效地開發合作，針對功能復雜的地方要先理清思路。
不要盲目開發前端搭建框架。根據設計圖進行前端界面開發，以及遇到的問題及時與產品、UI、後台人員溝通，保持大家信息一致，針對不清楚的地方也要及時溝通，以免做錯功能。
根據後端介面進行欄位填充，以及部分功能開發。針對缺少的欄位或者數據結構進行提出，及時與後端反應，盡量讓大家都能以最小的改動完成後續開發工作。前後端都要按照規范進行開發，針對不規范的地方要給與提出、指正，營造出規范的工作模式，以後維護成本和溝通成本更低以及開發效率更高。如果前端的設計進度遠遠超前後端的介面和數據結構設計，也不必等後端，可以自行開發nodejs伺服器配合postman等介面軟體進行開發。
前後端功能聯調、完成自測。檢查功能完成情況，看是否有遺漏，出現問題及時溝通解決。
2.3 測試階段
發布測試、修改bug、發布上線，自測完成後提交測試，測試根據提交的項目以及需求進行測試，提出bug給相關人員修改，開發人員周期性的配合修改bug，保證今天能夠修復昨天的bug。
發布dev環境，配合測試，修復bug以及需求優化
發布test環境，修復bug以及需求優化
發布it環境，修復bug以及需求優化
發布pre環境，修復bug以及需求優化
pre驗收之後，發布線上環境，產品進行驗收
2.4 維護階段
如果客戶驗收通過，項目就進入了維護階段，程序的維護包括程序上線後後續bug的修復和程序版本的更新。
3 個人經驗總結
3.1 文檔很重要
前端項目的文檔似乎已經作為前端工程化的標准流程之一了，文檔寫的好，可以便於同事快速了解你的代碼功能和需求，便於協作。可以想像，隨之項目復雜度增加，體量越來越龐大，開發團隊人數也越來越多。這種情況下，如果像變魔術一樣隱匿中間流程而直接得出結果，後果可想而知：項目復雜度越增加就越難以管理，開發效率低，合作混亂，結果甚至導致項目死亡。
好的文檔看起來就像一個產品說明書，但作用卻遠遠超過了說明書，不僅僅告訴你如何使用，還應該告訴你項目的設計思路，用了哪些組件，哪些部分不完善，將來有什麼規劃等等。這是一份比較好的說明文檔。
3.2 與客戶及時溝通很重要
3.3 扎實的基本功很重要
盡管當下框架、函數庫、工具包等更新迭代非常快，前端工程師有很多新的知識要學，但原生JS、HTML和CSS依然是重要的基本功，在學習前沿工具的同時不能放棄基本功的訓練。
D. 我是個前端，公司讓我搭建伺服器，如何弄
公司讓我搭建伺服器，這個說來也簡單，如果是專業的數據中心託管伺服器，會幫你搭建系統，配置環境。我們的數據中心就是這樣，工程師可以協助用戶搭建環境，上傳應用，都是免費服務。
E. 我是怎麼搭建前端mock-server的
作者：張雲龍
鏈接：https://www.hu.com/question/35436669/answer/62753889
來源：知乎
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請註明出處。
為了更好的分工合作，讓前端能在不依賴後端環境的情況下進行開發，其中一種手段就是為前端開發者提供一個web容器，這個本地環境就是 mock server。
要完整運行前端代碼，通常並不需要完整的後端環境，我們只要在mock server中實現以下幾點就行了：
能渲染模板
實現請求路由映射
數據介面代理到生產或者測試環境
能渲染模板很簡單，在mock server中集成模板引擎就行了，然後提供模擬的頁面數據用於完整渲染頁面，不過有時候生產環境中的模板引擎可能有一些環境依賴的擴展，這個要單獨實現。
請求路由映射，實現原理就是要讓本地的mock server有一個router，能接收所有HTTP請求，然後在router中根據線上的路由約定，實現一套一樣的規則，這個也不難，不贅述了。
最後數據介面代理。與前端相關的HTTP請求一共就3種響應情況：
渲染頁面的請求；
靜態資源的請求；
獲取數據的請求。
由於實現了router，我們把渲染頁面的請求在mock server中處理掉，直接輸出本地模板的渲染結果；靜態資源的請求直接返迴文件內容；而把數據請求代理到測試或者生產環境，本地就不用mock了（當然，如果出現新的介面測試環境沒有的，可以追加router，在mock server想響應假數據）
畫個圖總結一下：
補充一些Tips：
由於Mock Server需要具備渲染模板的能力，因此可能需要一種輕量的服務端跨平台server實現方案，如果是java的後端，可以考慮使用jetty，一個1.8M的jar即可；如果是php的後端，可以考慮使用php 5.4以後內置的server，啟動命令是 php -S 127.0.0.1:3000 router.php；如果是Nodejs，那就很簡單了，估計都不需要Mock Server，本地也可以跑的
F. 如何利用AngularJs快速搭建前端基本框架
AngularJs是一款以前後端分離為優勢的前端框架，也有人將其稱為MVC*框架，它在用戶數據交互方面顯示出強大的功能，這個主要依賴於它的數據綁定功能。此篇經驗我主要來講一下如何入門開始寫基於Angularjs的Web頁面。
G. 大公司里怎樣開發和部署前端代碼
雖然美團不是大公司，但在這里寫一下我們的情況，僅供參考。開發時的和部署時類庫的引用和存放是一致還是不同?開發環境和部署環境的類庫代碼都是相同的，但物理位置不同。部署環境的類庫在CDN上，開發環境的類庫在開發伺服器上。模塊放在項目中還是放在 CDN 之類伺服器?模塊放在項目中，部署時都在CDN上。渲染網頁用 Nginx 還是其他動態語言的 Web 伺服器?前面用ngnix做負載均衡，後面用apache做web伺服器。製作網頁的流程, 是現有設計師的稿, 還是先看模塊?先有設計師的稿再寫模塊，但很多時候並不需要設計師，因為架子已經搭好了，界面規范和基礎元素都有，一般的界面前端工程師都能搞得定。會選擇用自己寫的模塊還是從社區尋找模塊?基礎框架用的YUI3，大部分二次開發的底層模塊，還有和業務緊密結合的UI模塊都是自己寫的。當然也會用社區寫的模塊，比如上傳組件、highcharts、Ace等。如果說怎麼選擇模塊的話，那就是具體情況具體分析了，總體原則有兩個：能不自己寫，就不自己寫；選擇最符合需求的，一般來說，要麼選最好的，要麼選最快出結果的。
H. 如何搭建web前端框架
搭建web前端框架步驟如下：
1、確定項目使用的技術
根據項目的需求等來選擇使用的技術（這里以angular4 + typsescript + nodejs+mongodb舉例）
2、新建一個項目的工作文件夾
使用npm init初始化項目，根據問題配置，一般是直接回車使用默認配置,生成package.json文件
3、新建一個index.html頁面
4、新建配置文件system.config.js
5、新建ts的配置文件tsconfig.json
npm install typescript
6、新建webApp目錄，這裡面放的是所有html頁面和js代碼，首先得有個入口文件，與system.config.js配置文件中的入口文件名一樣，app.mole.ts，裡面引入了所有js文件，不被引入的在載入時都不會被載入
7、打包(將代碼壓縮，使程序運行速度更快）
I. 怎麼用thinkphp搭建前端後台框架
以前用PHP做過一個很蹩腳的網站，為什麼這么說呢，因為寫的全是死代碼。做完以後覺得實在是累，前端要div+css,js 後端要php,Mysql，這么多東西要弄，十分頭疼。所以，在接到做網站的任務後，我第一時間想到一定要使用開發框架去做，絕不能跟以前一樣那麼累了。
我選擇的是PHP的ThinkPHP框架。說實話，真的蠻不錯的。瞬間覺得Web開發還是蠻有效率的。
超級鏈接：ThinkPHP中文網
按照套路，首先貼一下實驗環境：
1. WAMP（集成的那種，最Easy的幾乎不需要配置）
2. ZendStudio7.2（中文網址http://www.zendstudio.net/，裡面提供下載，在線注冊機以及使用教程）
3. ThinkPHP框架+網路UEditor編輯器插件
4. Win7-64bit操作系統
5. 瀏覽器（火狐，IE，Chrome），外加火狐FireBug插件用於調試以及偷樣式
J. 請問在阿里雲或騰訊雲怎麼搭建自己的網站，做好了前端和後端php代碼和資料庫，要買域名和租伺服器，具
如果網站規模不大，且對伺服器不了解，建議買虛擬主機就可以。買到後：
1、把域名跟主機綁定；
2、獲取到ftp帳號信息，用ftp軟體把程序上傳；
3、把資料庫導入，修改程序配置文件，連接上資料庫，就OK了。
如果一定要用雲伺服器，買好伺服器之後需要配置web服務環境：
1、安裝apache/nginx；
2、安裝php
3、安裝mysql
4、安裝ftp
5、修改域名解析，配置apache綁定域名，上傳程序，導入資料庫數據，修改資料庫配置文件，最後大功告成。