摘 要：前端技術(shù)已成為計算機學科中較為活躍的研究熱點。本文分析了目前國內(nèi)外計算機專業(yè)本科階段Web開發(fā)課程開設(shè)的現(xiàn)狀，并對目前主流的前端技術(shù)框架做了介紹，并分析其發(fā)展對本科教學的影響。

　　關(guān)鍵詞：前端技術(shù);Web應(yīng)用課程;本科教學

　　1. 國內(nèi)外計算機專業(yè)本科階段web開發(fā)課程開設(shè)現(xiàn)狀

　　目前國內(nèi)高校計算機專業(yè)本科階段在Web開發(fā)領(lǐng)域的專業(yè)課程基本以學科基礎(chǔ)理論的講授為主，注重課堂中對相關(guān)教學重難點的講解。一般而言在低年級的課程設(shè)置中以專業(yè)基礎(chǔ)課為主，如《計算機體系》、《程序設(shè)計》、《數(shù)據(jù)結(jié)構(gòu)》等，此階段的學習主要是為了夯實學生的計算機專業(yè)理論知識，為后續(xù)的專業(yè)應(yīng)用課程打下基礎(chǔ)。在高年級的專業(yè)課中，根據(jù)不同的專業(yè)方向，設(shè)置不同的專業(yè)選修應(yīng)用課程，目的是全面提升學生在專業(yè)方向上的學術(shù)及實踐能力。

　　Web開發(fā)類的課程應(yīng)用性較強，學習相關(guān)技術(shù)能夠全面提升學生的實踐動手能力，增加未來在就業(yè)時的優(yōu)勢，因此計算機專業(yè)的學生選修的人數(shù)眾多，同時也受到很多非計算機專業(yè)學生的青睞。Web開發(fā)相關(guān)課程也基本遵循了前后端分離的原則，一般會開設(shè)諸如《Web設(shè)計基礎(chǔ)》和《JSP開發(fā)》等課程。但也存在了以下問題：

　　(1) 部分課程選用教材的內(nèi)容相對陳舊，某些知識點基本在實際開發(fā)中不再采用。

　　(2) 課程之間相對孤立，聯(lián)系不夠緊密，并未形成一套體系，使得學生只能了解理論知識，而未能將知識串聯(lián)，無法形成一個整體的Web開發(fā)的知識框架。

　　(3) 部分專業(yè)基礎(chǔ)課程的設(shè)置無法滿足Web開發(fā)技術(shù)體系的實際需求。比如數(shù)據(jù)庫技術(shù)在Web開發(fā)中必不可少，但目前高校在數(shù)據(jù)庫方面的課程普遍以基礎(chǔ)理論知識為主，關(guān)于數(shù)據(jù)庫在實際開發(fā)中應(yīng)用方面內(nèi)容的講解較少，導(dǎo)致學生的知識儲備方面存在短板，影響后續(xù)一系列應(yīng)用課程的學習。

　　國外高校計算機專業(yè)在本科階段專業(yè)課程上的設(shè)置更加偏向致力于對學生關(guān)于計算機專業(yè)整體知識體系的建立，應(yīng)用型課程的比例相對較少。比如斯坦福大學計算機專業(yè)教學最大特點是對計算機專業(yè)知識體系較為系統(tǒng)地講解。課程中較偏向理論，數(shù)學及抽象理論的課程比例較大，應(yīng)用型課程較少。加州大學伯克利分校對計算機基礎(chǔ)課程的培養(yǎng)尤其重視，很多專業(yè)基礎(chǔ)課，如《計算機體系》、《數(shù)據(jù)結(jié)構(gòu)》等課程的教材會采用競賽中的題目，而在應(yīng)用課程的設(shè)置上，也會強調(diào)學生的實踐動手能力，課程的考核也要求完成實際項目。卡內(nèi)基梅隆大學的計算機專業(yè)則更側(cè)重軟件方向，很多課程不采用傳統(tǒng)的教材，同時注重學習的趣味性和實用性，教學宗旨主要以培養(yǎng)計算機應(yīng)用型人才為主。

　　2. 大前端技術(shù)研究現(xiàn)狀及發(fā)展趨勢

　　Web開發(fā)涉及很多方面的技術(shù)，大致可以分為前段、后端以及數(shù)據(jù)庫技術(shù)等。前端技術(shù)包括HTML、CSS、JavaScript，后端技術(shù)包括動態(tài)開發(fā)語言(Java、PHP、C#、Node.js)等，數(shù)據(jù)庫則有多種數(shù)據(jù)庫系統(tǒng)可以選擇。此外移動互聯(lián)網(wǎng)的興起，使得Web開發(fā)還需要考慮PC端與移動端的兼容性和適應(yīng)性，因此原生開發(fā)、混合開發(fā)以及HTML5移動開發(fā)等解決方案紛紛提出并予以實踐。目前隨著前端框架技術(shù)的發(fā)展，前后端技術(shù)可以實現(xiàn)真正意義上的分離，更加體現(xiàn)抽象、解耦、封裝、組件化等特點。以Node.js、Typescript、webpack、babel等為代表的開發(fā)語言及工具的興起使得前端能夠以數(shù)據(jù)為驅(qū)動，更好地服務(wù)終端用戶。

　　此前在 Web 開發(fā)中，一般需要將變化的數(shù)據(jù)實時反應(yīng)到用戶界面上，這時就需要對 DOM(Doucment Object Model) 進行操作。而復(fù)雜或頻繁的 DOM 操作通常是性能瓶頸產(chǎn)生的原因，如何進行高性能的復(fù)雜 DOM 操作通常是衡量一個前端開發(fā)人員技能的重要指標。目前主流的前端解決方案中引入了虛擬DOM的機制：在瀏覽器端用 Javascript 實現(xiàn)了一套 DOM API，能夠批處理虛擬 DOM 的刷新，在一個事件循環(huán)(Event Loop)內(nèi)的兩次數(shù)據(jù)變化會被合并。開發(fā)時所有的 DOM 構(gòu)造都是通過虛擬 DOM 進行，每當數(shù)據(jù)變化時，都會重新構(gòu)建整個 DOM 樹，然后將當前整個 DOM 樹和上一次的 DOM 樹進行對比，得到 DOM 結(jié)構(gòu)的區(qū)別，最后將需要變化的部分進行實際的瀏覽器 DOM 更新。

　　目前國外諸如谷歌、Facebook、微軟等公司紛紛投入大前端技術(shù)的研發(fā)，以Angular、React、Vue三大框架為代表的前端框架的問世極大得豐富了Web開發(fā)技術(shù)體系，從而使得開發(fā)效率得到顯著提高。

　　國內(nèi)的阿里、餓了嗎、美團、網(wǎng)易杭研等公司也陸續(xù)提出了自己的大前端解決方案，涌現(xiàn)出egg.js，mpvue、KISSY、EasyReact等優(yōu)秀國產(chǎn)框架，并在實際項目中取得了較好的效果。

　　3. 大前端技術(shù)的對計算機專業(yè)本科教學的發(fā)展的影響

　　目前國內(nèi)外高校在計算機專業(yè)本科階段課程的設(shè)置上仍然還處于重基礎(chǔ)，輕應(yīng)用的狀態(tài)。高校作為教學及學術(shù)研究機構(gòu)，對于基礎(chǔ)理論知識的傳授和探究是其重要的教學任務(wù)和社會責任。基礎(chǔ)理論知識對于本科階段的學習確實意義重大，但對應(yīng)用型課程也應(yīng)該予以足夠的重視。

　　基于大前端技術(shù)的良性發(fā)展，目前已在業(yè)界形成了較為完善的生態(tài)體系，業(yè)界以及技術(shù)社區(qū)的發(fā)展必然會影響企事業(yè)單位對開發(fā)應(yīng)用型人才的選拔和錄用。因此高校也應(yīng)該重新思考對計算機專業(yè)本科階段課程體系的建設(shè)，尤其是應(yīng)用型較強的如Web開發(fā)等一系列應(yīng)用課程。如何在新工科背景以及新的技術(shù)發(fā)展的要求下培養(yǎng)出滿足社會和企業(yè)需求的高質(zhì)量計算機類專業(yè)人才，是高校需要深入研究的問題。

　　參考文獻

　　[1] 蔣宗禮. 新工科建設(shè)背景下的計算機類專業(yè)改革.中國大學教學.2017(8)：34-39

　　[2] 溫莉芳，劉江. 美國名校計算機科學專業(yè)本科教學體系現(xiàn)狀分析.計算機教育2004(8)：40-43

　　推薦閱讀：SCI論文圖片用什么軟件做?