响应式设计技术在视频网站前端中的分析与应用-analysis and application of responsive design technology in front of video website.docxVIP

issuesbetweenbrowsers.ItinteractswiththeserverusingAjax,accordingtothedataformatJSONandrefreshapartialcontentsofpagewithJSONPprotocolandachievethepurposeofregularlyupdated.Atthesametime,itwilluseCSSandjQuerytoimplementtheresponsivedesignofwebsite.Theendofthispaperanalyzesandsummarizestheentiredevelopmentprocess.AndthispaperwillmakeanassessmentaboutResponsiveWebDesignapplicationcostandsoon.Themaincontentofthispaperasfollows:Firstly,thepaperintroducesthebackgroundofthissubjectwhichcausesResponsiveWebDesign.Andthen,thispaperanalyzesthreemainproblemsinapplicationofResponsiveWebDesigntoarealvideowebsite.Theyarecross-domain,cross-platformandcross-browser.Next,thesethreeproblemsasthemaintarget,thearticledesignedandimplementedavideowebsite,anditwilllistthemaincodetosolvetheproblem.Finally,itmakesanobjectiveassessmentforthecostoftechnologyapplicationsbytestingandmakesoutlookofitsdevelopmentinthefuture.MeilingJiang(ComputerTechnology)SupervisedbyXiaolingXiaKEYWORDS:WebTechnology,MediaQuery,HTML5,CSS3,ResponsiveWebDesign目录摘要IABSTRACTIII第一章绪论11.1背景介绍11.2研究现状11.3研究内容与意义21.4技术路线31.5本章小结3第二章关键技术43.4网页布局理念123.4.1固定宽度布局133.4.2流体布局143.4.3弹性布局143.4.4混合布局153.4.5响应式布局153.5弹性视觉媒体163.5.1响应式图片163.5.2响应式视频183.5.3响应式字体193.6响应式Web设计原则203.7兼容性问题213.7.1浏览器上的兼容性问题213.7.2CSS盒子模型223.7.3响应式兼容233.8本章小结24第四章响应式前端视频网站应用的设计254.1视频网站对响应式设计的需求254.1.1用户的网站需求254.1.2用户的响应式需求254.2视觉设计264.3网站功能需求及设计284.3.1Game页面的需求与设计284.3.2Schedule页面的需求与设计334.4本章小结34第五章响应式类前端视频网站的实现355.1视频网站的前端兼容性的处理实现355.1.1兼容性的HTML5部分实现355.1.2兼容性的CSS3部分实现375.2视频网站的跨域请求的处理实现415.2.1跨域的需求415.2.2跨域的实现445.3视频网站的响应式的实现495.3.1流体布局的实现505.3.2液态图片的实现555.3.3响应式的实现585.4项目成果605.5本章小结62第六章响应式Web设计的评估与响应式框架636.1响应式Web设计的评估636.1.1断点设置636.1.2图片资源请求636.1.3条件加载636.2响应式框架64Bootstrap框架64jQueryMobile框架666.3本章小结67第七章总结与展望687.1总结687.2展望69第八章致谢71参考文献72VII第一章绪论现如今，Web技术的不断涌进，以及终端设备的快速更新，单一PC的媒体布局已经无法满足客户对自适应性的需求。然而响应式技术的出现，让大家耳目一新的同时也开启了一个全新的时代。1.1背景介绍随着计算机技术的快速发展，视频网站对于现代人们来说是，已经是满足自身需求的一种必不可缺的媒介。人们通过视频网站可以找到任何自己希望看到的东西，体育、MV、电影、娱乐等等。手机、iPad、电脑、TV更是人们可以观看视频的途径。视频网