可以做很多，主要是做一些網(wǎng)站類型的，如果是你個人完成的畢業(yè)設(shè)計的話，可以做一些復(fù)雜點的靜態(tài)網(wǎng)頁，比如做一個商城網(wǎng)站，后臺管理網(wǎng)站，小程序，移動端app等，如果能力好的，會nodejs的，可以自己結(jié)合做一個后端。如果需要幫助，我可以有償幫你做一個

學(xué)習(xí)前端出來社會上就是大概率從事寫代碼工作的了，如果你是一個前端初學(xué)者，你可能對前端應(yīng)用在什么地方感到疑惑。除了“馬里奧”“貪吃蛇”等經(jīng)典游戲，其他領(lǐng)域好像也找不到前端的蹤跡，那么前端究竟能做什么，下面詳細(xì)說說。

第一，企業(yè)官方網(wǎng)站的開發(fā)與維護(hù)。這個應(yīng)該是最簡單的了，基本上是純靜態(tài)頁面的展示，就算有交互模塊，應(yīng)該也是比較簡單的那種，甚至純 js 使用類似于 oop 的方式就能夠很輕松完成，基礎(chǔ)好的話，甚至可以不依賴 jquery 或者 zepto。

第二，門戶類型網(wǎng)站的開發(fā)與維護(hù)。例如像搜狐一樣的門戶網(wǎng)站，但是我不確定這種業(yè)務(wù)線是否還在招人，相對來說也不難，但是如果想開發(fā)得好，實現(xiàn)高可維護(hù)性和擴(kuò)展性，還是很考驗開發(fā)人員的抽象能力。可以留意看看，這種網(wǎng)站一般分成很多個模塊，每個模塊的展現(xiàn)結(jié)構(gòu)是非常類似的。如何做到可復(fù)用性強(qiáng)，對產(chǎn)品需求變更迭代時更加友好，那就很考驗開發(fā)人員前端三大語言的設(shè)計模式了。

第三，電商網(wǎng)站。例如京東和淘寶，里面不僅有對用戶友好的展現(xiàn)方式，合乎邏輯的交互方式，還會涉及到網(wǎng)站、商品的色彩設(shè)計、排版設(shè)計、交互設(shè)計，雖然可能都由設(shè)計師來出方案，但是前端開發(fā)同學(xué)可以從中學(xué)到很多東西。此外，除了單純的展現(xiàn)，你需要考慮更多的東西了。例如，不同端的字體展現(xiàn)，響應(yīng)式布局，圖片大小，靜態(tài)資源緩存，CDN部署，ajax動態(tài)數(shù)據(jù)交互。這些還都是偏純展現(xiàn)的。還會有涉及到個人信息填寫、支付款項、密碼輸入等等，會涉及到一系列的前端安全問題，這部分也是很鍛煉人的。

第四，后臺管理系統(tǒng)。一般這個是給內(nèi)部人員使用的，所以可以不用考慮太多的兼容性，直接要求統(tǒng)一使用谷歌瀏覽器或者火狐。這時候要考慮更多地是如何與后端進(jìn)行數(shù)據(jù)交互的問題。小公司還好，后臺基本沒有精力做微服務(wù)，API的設(shè)計也不會趨近于原子粒度，基本前端需要什么數(shù)據(jù)，那就有后臺的API統(tǒng)一提供，前端只管展現(xiàn)，而且將交互做得好一點就行了。如果是大公司又不一樣了，如果后臺做了微服務(wù)，而且API的設(shè)計粒度很小，那前端為了保持接口的統(tǒng)一，可能就需要加一塊 node 中間層，來聚合不同接口的數(shù)據(jù)，然后統(tǒng)一返回給前端。還有就是會涉及到敏感權(quán)限校驗、角色權(quán)限控制、接口讀寫權(quán)限分離與控制等等，也是一大塊的學(xué)問。

第五，H5的活動營銷頁、紅包落地頁、明星投票頁等等一系列與營銷活動相關(guān)的移動端頁面。這些需要你的 CSS 功底非常扎實，常常要寫一些動態(tài)效果、動畫效果，越生動越吸引用戶參與。另外同樣考驗?zāi)銓Σ煌瑱C(jī)型不同移動瀏覽器的兼容性問題，還有響應(yīng)式布局。數(shù)據(jù)交互層面的話，一般不會太多，但是一定會有打點上報，用來分析頁面性能。還有一些要根據(jù)不同的營銷參數(shù)、渠道參數(shù)來展現(xiàn)不同的內(nèi)容，或者上報不同的數(shù)據(jù)，這里就要對 url 、緩存的處理有相應(yīng)的能力。當(dāng)然了，這塊頁面是很注重頁面白屏?xí)r間和性能的，有能力的團(tuán)隊會考慮SSR直出頁面。

第六，移動端視頻播放頁面。最近短視頻崛起，但是很多短視頻 app 中的頁面是 web 前端頁面，這樣做的原因是 app 過審麻煩且時間周期長，業(yè)務(wù)需要快速迭代和修復(fù)的情況下，前端責(zé)無旁貸。那么這時候考驗的是你對視頻的操作能力，對流式播放技術(shù)和能力的掌握。此外，視頻掛件、貼紙、彈幕、互動、美顏、變老挑戰(zhàn)等等，都是現(xiàn)在短視頻必備的能力。

第七，微信小程序。噢，不，應(yīng)該是小程序。微信、支付寶、百度等大企業(yè)，先后推出了小程序，當(dāng)然身為前端開發(fā)的我們是必須掌握的一門技巧，雖然不是新的語言，但代碼組織方式、調(diào)試方式、底層原理，也是值得關(guān)注和學(xué)習(xí)。

第八，造輪子寫工具、寫框架，搭建基礎(chǔ)設(shè)施。公司逐漸發(fā)展壯大以后，會面臨一個問題，那就是如何將前端基礎(chǔ)設(shè)施做起來。基礎(chǔ)設(shè)施對前端的工程搭建與發(fā)展來說，太重要了。技術(shù)的選型、代碼風(fēng)格的制定，代碼模塊的積累沉淀，項目的打包構(gòu)建與部署，持續(xù)集成與持續(xù)交付，單元測試與UI自動化測試，錯誤日志上報與可視化，打點日志上報與可視化，成員間代碼協(xié)作與代碼評審等等。這些對一個業(yè)務(wù)步入正軌的公司或者團(tuán)隊來說，太重要了。這是前端工程的基石，業(yè)務(wù)快速迭代的奠基，必須重視起來。

我做的項目用了以下方面

1）html，css，JavaScript，ajax，websocket

2）java，JSP，servlet

3）mysql，pool，cache，in memory db，ring buffer，

4）role based resource control，logging，performance watch，eventbus