Web前端開發(fā)實習內容

前端開發(fā)實習內容實習報告學生姓名：王睿學號：031956655專業(yè)班級：計算機信息實習單位：騰訊公司實習時間：2019-12.01學校：上海復旦大學成績：高興快樂每天前端開發(fā)實習內容目錄1實習背景11.1實習目的11.2實習起止時間11.3實習內容綱要12實習內容....................................................12.1實習過程12.2實習內容52.3主要成就53總結63.1網頁游戲的認識..........................................................................................................................63.2實習的自我評論..........................................................................................................................7高興快樂每天1實習背景1.1實習目的認識軟件開發(fā)的各樣模式，開發(fā)流程，以及各樣形式的建模詳盡學習矯捷開發(fā)的各個流程，并經過實習來領會矯捷開發(fā)所帶來的效率掌握HTML5、CSS、JAVASCRIPT等技術1.2實習起止時間開始時間：2015年7月12號截止時間：2015年7月18號1.3實習內容綱要學習軟件開發(fā)的各樣模式，要點學習了矯捷開發(fā)（專業(yè)老師解說）學習HTML5、CSS、JAVASCRIP技術（形式：觀看視頻）依據矯捷開發(fā)的流程，學員分組，擬訂每天的站立會議時間觀看實習內容例子的視頻，分工合作提交實習成就，老師檢查打分2實習內容2.1實習過程能夠以周為時間單位概括實習各階段所從事的主要工作等；高興快樂每天學習階段開發(fā)模式軟件生命周期同任何事物同樣,一個軟件產品或軟件系統(tǒng)也要經歷孕育、出生、成長、成熟、-衰亡等階段，這一般稱為軟件生命周期。軟件開發(fā)生命周期(SDLC)是指軟件開發(fā)的所有過程、活動和任務的構造框架。SDLC的一般步驟包含：確立問題、可行性剖析與開發(fā)計劃、采集需求、剖析與設計、編碼開發(fā)、測試、安裝、保護。軟件生命周期模式典型的幾種生命周期模式包含：瀑布模式、演化模式、螺旋模式、迅速原型模式、噴泉模式和混淆模式等。矯捷開發(fā)矯捷開發(fā)（Agile）是一種關注價值、除去浪費、以人為核心、迭代、順序漸進的開發(fā)方法。特色：a)是一種開發(fā)方法學（Methodology），能夠應付客戶迅速變更的需求。重申以人為核心，采納迭代的方式，順序漸進地開發(fā)軟件。在矯捷開發(fā)過程中，軟件項目被區(qū)分紅多個互相聯(lián)系但也能獨立運轉的子項目。每個子項目在開發(fā)、測試直至達成的過程中向來保持可使用的狀態(tài)。這個過程就是要形成開發(fā)過程中團隊之成員之間更為有效的合作關系，使其靈巧性更高，以適應不停變化的需求。技術解說1)解說內容：HTML5、CSS、JAVASCRIPT技術2)HTML5HTML5是一個描繪用于幫助開發(fā)者創(chuàng)立下一代網站和應用的HTML、CSS和JavaScript規(guī)格的涵蓋性術語。這個定義中最惹眼的三個部分是：HTML、CSS和JavaScript。他們定義了開發(fā)者怎樣使用優(yōu)化標志，風格更豐富的性能，以及新JavaScript高興快樂每天API來制作最新的網絡開發(fā)功能。簡單而言，HTML5=HTML+CSS+JavaScript。特征：語義特征（Class：Semantic）當地儲存特征（Class:OFFLINE&STORAGE）設施兼容特征(Class:DEVICEACCESS)連結特征（Class:CONNECTIVITY）網頁多媒體特征(Class:MULTIMEDIA)三維、圖形及殊效特征（Class:3D,Graphics&Effects）性能與集成特征（Class:Performance&Integration）CSS3特征(Class:CSS3)CSSCSS(層疊款式表)是一種用來表現HTML（標準通用標志語言的一個應用）或XML（標準通用標志語言的一個子集）等文件款式的計算機語言。CSS使用方法：外聯(lián)式Linking（也叫外面款式）：將網頁鏈接到外面款式表。嵌入式Embedding（也叫內頁款式）：在網頁上創(chuàng)立嵌入的款式表。內聯(lián)式Inline（也叫行內款式）：應用內嵌款式到各個網頁元素。CSS布局特色：精簡代碼，降低重構難度網頁接見速度SEO優(yōu)化閱讀器兼容性基礎語法：CSS規(guī)則由兩個主要的部分構成：選擇器，以及一條或多條申明。b)選擇器{宣言1;宣言2;...宣言N}c)選擇器往常是您需要改變款式的HTML元素。每條申明由一個屬性和一個值構成。e)屬性（property）是您希望設置的款式屬性（styleattribute）。每個屬性高興快樂每天有一個值。屬性和值被冒號分開。選擇器{property:value}JAVASCRIPTJavaScript一種直譯式腳本語言，是一種動向種類、弱種類、鑒于原型的語言，內置支持種類。它的解說器被稱為JavaScript引擎，為閱讀器的一部分，寬泛用于客戶端的腳本語言，最早是在HTML（標準通用標志語言下的一個應用）網頁上使用，用來給HTML網頁增添動向功能。構成ECMAScript，描繪了該語言的語法和基本對象。文檔對象模型（DOM），描繪辦理網頁內容的方法和接口。閱讀器對象模型（BOM），描繪與閱讀器進行交互的方法和接口。特色a)是一種解說性腳本語言（代碼不進行預編譯）。主要用來向HTML（標準通用標志語言下的一個應用）頁面增添交互行為。能夠直接嵌入HTML頁面，但寫成獨自的js文件有益于構造和行為的分別?？缙脚_特征，在絕大部分閱讀器的支持下，能夠在多種平臺下運轉（如Windows、Linux、Mac、Android、iOS等）。開發(fā)階段開發(fā)第一天站立會議：8.00—8.15會議內容：小組分工，擬訂站立會議時間，認識每一個人的學習狀況，溝通學習的內容任務內容：“打地鼠”網頁游戲的網頁布局——>HTML5+CSS技術開發(fā)次日站立會議：8.00—8.15會議內容：小組分工，達成狀況，認識每一個人的進度，溝通學習的內容任務內容：“打地鼠”網頁游戲的功能實現開發(fā)第三天站立會議：8.00—8.15高興快樂每天會議內容：小組分工，達成狀況，查漏補缺，測試軟件，找尋bug，溝通學習的內容任務內容：“打地鼠”網頁游戲的軟件測試，找尋不足，確認無誤，提交實習結果2.2實習內容項目介紹“打地鼠”網頁游戲是安卓版“打地鼠”游戲的進一步開發(fā)，能夠實此刻網頁中建立游戲的所有功能，并且不用下載安裝既能夠用的游戲，網頁版游戲的市場遠景潛力無窮，國內漸漸發(fā)展起來一批喜愛網頁游戲的用戶群，并且網頁游戲屬于中小型的項目，易于開發(fā)，應用于矯捷開發(fā)的流程，效率十分高。我的任務“打地鼠”網頁游戲網頁布局的調整，以及“打地鼠”之所謂“打”的動畫實現，還有最后的“軟件測試”。軟硬件平臺DREAMWEAVERCS6，MOZILLAFIREFOX閱讀器，PHOTOSHOPCS6使用技術HTML5CSSJAVASCRIPT閱讀器中的開發(fā)人員調試PHOTOSHOPCS6的圖片辦理技術JAVASCRIPT的進階——>JQERY技術2.3主要成就“打地鼠”網頁游戲的成功開發(fā)，基本功能：打地鼠的動畫，游戲的時間限制，統(tǒng)計分數，開始游戲，暫停游戲，結束游戲，走馬燈介紹等等?？墒窃趯嵸|測試的時候仍舊出現了一些BUG，比方動畫的高興快樂每天緩慢（主假如因為動畫的緩沖沒有做好），還有一些分數的統(tǒng)計不甚合理，這在我們應用的時候實時的發(fā)現，并且辦理了這樣的問題。3總結3.1網頁游戲的認識網頁游戲又稱Web游戲，無端網游，簡稱頁游。是鑒于Web閱讀器的網絡在線多人互動游戲，無需下載客戶端，不存在機器配置不夠的問題，最重要的是封閉或許切換極其方便，特別合適上班族。在那個網絡泡沫經濟高速擴充的年月，在那個大批菜鳥網民擁入網絡的年月，在那個文字MUD已經漸漸衰敗而網絡游戲又還沒有盛行的年月，這種新奇玩藝兒的推出，無疑讓好多人為之驚艷。只是經過簡單注冊，就能夠邊玩游戲邊泡論壇。只管只有簡陋的游戲界面、一堆文字、幾張圖片，游戲方式也不過是刷新頁面而已，但WebGame卻帶來了無窮的樂趣和聯(lián)想，同時還演繹了讓無數人銘心刻骨的愛恨情仇。此刻網絡游戲百花爭鳴，各處充滿著唯美的人物和絢爛的光影。你會有時懷念那些逝去的光陰嗎？起碼在我心底，向來有數款難以忘卻的WebGame。WebGame，顧名思義就是鑒于Web閱讀器的網絡在線多人游戲。從出生發(fā)展到現在，WebGame大體分為三種種類：一是鑒于Web閱讀器，使用PHP/ASP/Perl等解說語言建設的虛構社區(qū)；二是鑒于Web閱讀器，使用Flash/JAVA技術制作的游戲；三是需要下載客戶端并連結專用服務器運轉的游戲。網頁游戲只管EBS將國內WebGame的發(fā)展往前推了一把，可是一段時間后，這種WebGame的弱點漸漸裸露出來。一些架設WebGame供網民免費游樂的站點，因為質量和管理可是關、服務器負載過大，丟掉了許多玩家。同時，比WebGame華美N倍的網絡游戲盛行后，WebGame自然就漸漸衰敗了。傳統(tǒng)意義上的WebGame依舊為少部分熱愛者持續(xù)到現在，并且游戲性與游戲素材比從前豐富很多。遠景剖析網頁游戲的市場潛力巨大，與其余種類網游對比有著強烈優(yōu)勢網頁游戲的用戶群漸漸培育起來，極有可能成為將來網游用戶的一支主力軍避大型網游之鋒芒，堅持走游擊路線。堅持和中小站長合作針對用戶群勇敢創(chuàng)新，敢于打破固有模式游戲特色高興快樂每天混搭式種類成主流策略游戲不停豐富游戲內容多樣化花費集體不停成熟市場集中度提升游戲跨形態(tài)交融產品構造漸豐富步入全世界化運作公司品牌意識加強3.2實習的自我評論此次實訓充分利用了講堂所學，掌握了很多要點技術，比如模版技術，CSS款式，使得制作過程方便了好多。在達成基本要求得基礎上，文件夾、文件命名規(guī)范；文件寄存地點合理；制作達成以后進行過現場清理：沒有無用的文件、文件夾，沒有斷鏈(外面鏈接不算)；工作量飽滿：內容較豐富、自己設計制作的素材應用多；色系、布局合理雅觀、考慮用戶接見方便；采納各樣殊效、并且運用合