移动端开发架构—专业题库

1、试题库模板单位：H5工程学院专业方向：HTML5科目：移动端开发架构专业课程命题老师：教研室负责人：题型：一、单选题、二、判断题、三、简答题四、案例分析（四种类题型在本 题库中都要涉及到）（注：单元试题围绕核心知识点（S+K选择出题题型；按照难易程度标上）第一单元题 号试题题型难 度第一节 课 内 容 知 识 点答案11.什么是AJAX?名词 解释移 动Ajax是一种不用刷新整个页面便可与服务 命通讯的技术。21.ajax中请求方式中（）和 （）填空端APP常1、post get31、2、xhr.status=200 表小什么A表小专日证B表示找不到资源文件C表示成功D表示失败xhr.stat

2、us=404 表小什么A表小专日证B表示找不到资源文件C表示成功D表示失败单选中 见 尺 寸 混 合 应 用 开 发 概CB41、ajax属性type的值可以写 post或者get,两者没有什么 区别，可以随意使用2、ajax中必须写url。3、swiper 中 swiper-container, swiper-wrapper, swiper-slide 这些class名是自己设定的， 可以随意更改。判断中 x V x51、jsonp解决了什么问题？简答1、Jsonp解决的是跨域ajax调用的问题2、Swiper能实现哪些常用效2.触屏焦点图、触屏Tab切换、触屏多图果？切换6案例 分析第二单

3、元题试题题型难第答案号度一 节 课 内 容 知 识 点11.下面属于 swiper的属性的是：（）A:autoplayB:loopC:paginationD:play多选中 移 动 开 发 框 架ABC1.异步交互名词 解释发送方发出数据后，不等待接收方 发回响应，接着发送下一个数据包 的通讯力式。21.2.3.JSON是一种轻量级的 数据交换格式JSON比XML数据传输 的有效性高出很多。ajax中的get方法相对 来说比较安全些判断中 VVX31、Ajax的优点和缺点2. Get请求和Post请求用什么区别？简答1、使用Ajax的最大优点，就是能 在/、更新整个贝囿的前提下维护数 据。这使

4、得Web应用程序更为迅捷 地回应用户动作，并避免了在网络 上发送那些没有改变过的信息。对应用Ajax最主要的缺点就是，它 可能破坏浏览器后退按钮的正常行 为2.1）使用Get请求时，参数在URL中显不，而使用Post方式，则不会显 小出来2）使用Get请求发送数据量 小,Post请求发送数据量大3）get请求需注息缓存问题，post 请求/、需担心这个问题4）发送请求时，因为get请求的 参数都在url里，所以send函数发送 的参数为 null,而post请求在使用 send方法时，却需赋予其参数41. Ajax的优点和缺点论述1.使用Ajax的最大优点，就是能在/、更新整个贝囿的前提下维护

5、数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。对应用Ajax最主要的缺点就是，它可能破坏浏览器后退按钮的正常行为因为Ajax申米用了 xml技术，所以在Ajax中也可能问到XML的问题第三单元题试题题型难第二节课内容知识答案号度点1在ajxa中如果要给后台传输 数据，则需要添加()A、typeB、dataTypeC、errorD、data单选中Web View实现原理界囿布局分析1.D2I.Swiper是适用于移动端上的插件判断中 1"2"3"4. X31. 1.使用 javascript 写出 ajax的过程中需要进

6、行 几步？各是什么？简答 1.创建XMLHttpRequest 对 象(2)打开和2. json与jsonP的区别服务器的连接(3)发送请 求(4)处理服 务器返回的响应2JSON是一种数据交换格式，而JSONP 是一种非官方跨域 数据交互协议。4案例 分析第四单元题 号试题题型难 度第 四 节 课 内 容答案知 识 点1I.Ajax2.Json名词 解释1 .异步交互技术2 .JavaScript对象表小法21. ajax的两大特点是（）和 （）。填空1 .异步交互局部刷新2 . get2. ajax中默认请求方式（）1 .以下哪个技术是 Ajax 技术体系的组成部分？a. XMLHttpR

7、equestb. DHTMLc. CSSd. DOM2. AJAX技术基于 a.javascript b.html c.dom d.jquery多选1.ABD2.ABD31.AJAX术语是由那家公司 或组织最先提出的？（）a. Googleb. IBMc. Adaptive Pathd. Dojo Foundation2 .以下哪一个Web应用/、属于Ajax应用？a. Hotmailb. GMapsc. Flickrd. Windows Live3 .以下哪个技术不是 Ajax 技术体系的组成部分？a. XMLHttpRequestb. DHTMLc. CSSd. DOM4 .XMLHttp

8、Request 对象后几个返回状态值？a. 3b. 4c. 5d. 6单选中 AJAX 原 理AJ AX使 用 场 景JQ ue ry 的AJAX1.C2.A3.B4.C21 .AJAX 技术MT Javascript 和 HIIP Request.2 .ajax使用异步方式与服 务器通信，具有更加迅速的 响应能力。3 .ajax 支持浏览器back按 钮。判断中 封 装 方 法AJ AX 方 法 实 践1. V2. V3. X31 .请谈一下你对ajax的认 识2 .Ajax应用程序的优势后 哪些？3 .AJAX最大的特点是什么？4.简述Ajax异步机制, Ajax有哪些的好处和弊 端，介绍

9、一下Ajax异步 请求的原理和过程？论述1.AJAX 是“Asynchronous JavaScript and XML'的缩写。他是才一种创建交 互式网贝应用的网页开发技木。Ajax包含卜列技术：基于web标准(standards-basedpresentation)XHTML+CSSJW;使用 DOM ( Document ObjectModel ) 进行动态显布及交互；使用XML和XSLT进行数据交换及 相关操作；使用XMLHttpRequest 进行异步数据查询、检索；使用JavaScript将所有的东西绑定在起。1. 1.通过异步模式，提升了用户体验2. 优化了浏览器和服务器

10、之间的传 输，减少不必要的数据往返，减少了 带宽占用3. Ajax 引擎在客户端运行，承担了 一部分本来由服务器承担的工作，从 而减少了大用户量下的服务器负载。3.Ajax可以实现动态/、刷新 (局部刷 新)就是能在/、更新整个贝囿的前提下维护数据。这使得 Web应用程序更为迅 捷地回应用户动作，并避免了在网络 上发送那些没有改变过的信息。4. XMLHttpRequest 对象是 Ajax 技术的核心。XMLHttpRequest对 象使得JS脚本能够实现对服务器的异步请求，即向后台发送请 求并接收服务器响应，通过动态 获取响应数据来更新局部贝闻。4案例 分析第五单元题 号试题题型难 度第五

11、节课内容知识 点答案11.类选择器的符号是2.id选择器的符号是3.Jquery 的ajax方法名是填空中JQuery 的 AJAX封装方法AJAX方法实践1.2.#3.$.ajax1 .以下属于JQuery的ajax方法的是A. $.ajax B.$.postC.$.get D.$.param多选1.ABC2I.Ajax 可以把一部分以前 游浏览器负担的工作转移到 客户端，利用客户端闲置的 资源进行处理，减轻服务器 和宽带的负担，节约空间成2 .Ajax 有平台限制。Ajax把服务器的角色由原本传书 内容变为传输数据，而数据 格式可以是纯文本格式。3 .jQuery 氏-个简洁快速 的Jav

12、aScript 脚本库。判断中 1Vz2. X3"34l.jQuery的选择器有哪些：2 .Ajax的缺点有哪些：3 .jQuery的主要特点有哪些：4 .写出Ajax与jQuery的使 用方法：简答1 .答：ID选择器， 元素选择器，类名选 择器，复合选择器， 通配符选择器，层级 选择器.2 .答：(1)大量的 JavaScript ,不易维 护。(2)可视区设计比 较困难。(3)打破“页”的 概念。(4)给搜索引擎带来困难。3 . (1)代码精致小 巧(2)强大的功能函 数(3)跨浏览器(4)链式的语法风 格4 .$.ajax( Type:“ get” , Url: "

13、 ” , Async: " true ", Data: " ” , dataType:"", Success:function( )第六单元题 号试题题型难 度第六节课内容知识 点答案11、以下哪个是Json的定义符号A B() C<> D单选中 JSON复杂数据格式定义JSONa据详解JSON项目数据定义解析1A21、Json是数据传输协议2、Json是数据传输格式3、Json是仅用的数据传输格式4、通过定义Json对象5、通过()定义Json对象判断中1 X2Vz3X4Vz5X31、定义学生的Json文件辨析 题 1” ” na

14、me : vi_ ”vien ,“age” ：13,“class ":"特5”4案例 分析第七单元题 号试题题型难 度第七节课内容知识 点答案11.JSONP名词 解释中 JSONPM理JSONP乍用JSON成现解析1.非官方的跨越通 讯协议21.以下关于JSONP苗述正确 的是A. JSON跨越协议B. JSONP非官方的C. JSONP官方的D. JSONP数据格式多选中 1.AB31 .什么是JSONP2 .Josnp 的作用3 .Json是一个什么样的代 码简答1.JSONP是 JSON的 一种使用模式，可用 于解决主流浏览器 的跨域数据访问的 问题4案例 分析第八

15、单元题 号试题题型难 度第八节课内容知识 点答案11、在ajxa请求中，有时候 请求数据不成功需要弹出请 求错误的窗口需要添加（）A、typeB、dataTypeC、errorD、data单选中 JQuery 的 AJAX封装方法AJAX方法实践C21、下面属于ajax中传的参 数是：（）A:urlB:dataC:dateD:success多选中ABD第九单元题 号试题题型难 度第九节 课内容 知识点答案1.I.AngularJS 表达式可以包含().A.字母B.变量C.操作符D.以上都是2. ( B ) 指令为 AngularJS 应用程序定义了 初始值.A. ng-app B. ng-in

16、itC. ng-repeat D. ng-model单选中 .Angular1.D2.B23 .我们建议把 AngularJS脚 本放在title元素的下边. 这会提高网页加载速度，因为 HTML加载不受制于脚本加 载.()4 . $scope标签定义了 AngularJS应用的作用域.()判断中3.F 4.F35 . AngularJS表达式可以包 含6 .写出5个AngularJS的 指令。7 .用于设置复选框或单选按 钮的checked属性的指令 是？8 .link 方法包含几个参 数？9.替代原始模板中的标记的 字符串。替换功能将替换所简答 5 .字母操作符，变量6 . ng-mode

17、l ng-initng-repeatng-appng-classng-bindng-blurng-clickng-hideng-show7 . ng-checked8 .4个3)解决了关系型存储的问题4)跨浏览器。9.template有旧儿系为新值日勺TE ?410 .为什么使用 angularjs?11 . ng-bind是执行什么样的指令辨析 题10.模块化和复用。模块化：随着代码规模越来 越大，切分职责是大势所 趋，还有为了后期维护方 便，修改一块功能不影响其 他功能。复用，因为很多逻辑是一样 的。ng-bind是绑定指令，告诉 AngularJS使用给定的变量或 表达式的值来替换HTM

18、L元素的内容。如果给定的变量或表 达式修改了，指定替换的 HTML元素也会修改。第十单元题 号试题题型难 度第十节课 内容知识 点答案11.在自定义指令中 directive 函数中 restrict 他不包含那个()A . EB . AC . CD. B单选中 离线应用原理离线应用 实现1. D2. A8.restrict的默认值是哪 个？() A. EAB . A C C . CM D. MA23. $scope是表辽式的执 行环境（作用域）（）4. app 指令标记了 AngularJS 脚本的作用域，在<html>中 添加ng-app属性即说明整个 <html>

19、 都是 AngularJS 脚本 作用域。5. $scope标签定义了 AngularJS应用的作用 域.判断中 3.T 4.T 5.F36.获取焦点的指令是简答6. ng-focus7. ng-blur8. E 元素名7 .失去焦点的指令是。8 .自定义指令中的restrict值有多少种，并说明它们的含 义？A属性C类名M 注释49.在商店，一个顾客 nnn买2 支铅笔，一支3块，请用angular计算总价（数量*单 价）？案例 分析9.<div ng-app="myApp" ng-controller="myCtrl"> 数量：<i

20、nput type="number" ng-model="quantity"> 价格:<input type="number" ng-model="price"><p>总价= (quantity * price) | currency </p> </div> script src="js/angular-1.0.1.min .js"></script> <script> var app = angular.mod

21、ule('myApp', )； app.controller('myCtrl', function($scope) $scope.quantity = 2; $scope.price = 3;)； </script>第十一单元题 号试题题型难 度第卜节课内容知 识点答案11. 1.卜列的属性中，属于 angular js的指令的是（） A. ng-appB.ng-model C.ng-loop D.ng-init2.下列的属性中，属于 angular js自定义指令的属性 是（）A . ng-modelB.linkCtemplateD.replace

22、3. ng-repeat 的作用（） A.初始化B.循环C.添加事件 D.作用域单选中 JQuery 的 AJAX封装方法AJAX方法实践1 C 2 A 3 B24.AngularJS表达式可以 包含（）A.文字 B.运算符C.变量 D.字母多选中4.ABCD5. ng-app指令初始化一个 AngularJS 应用程序。（）判断5.T36 .确定作用域用什么？ 一般加在什么地方？7 .目前学过的过滤器有哪些？语法是什么？8 .自定义指令的作用是什么？使用什么函数来添加？9 .自定义指令中link函数有 几个参数，常用的几个分别简答 6 .用 ng-app加在html标签或 者body标签里

23、再或若TE取大包裹 的div里7 . | currency 变为价格形式| lowercase 变为小写为？| uppercase 变为大写8.自定义指令的作 用是什么？使用什 么函数来添加？9.4个 常用的三 个为作用域 元素 属性410.不添加js的东四，写一 个按钮，点击一次，数字加1案例 分析10.buttonng-click="count=count+1”ng-init="count=0"> 点击 </button><p>当前点击了count次 </p>前提是需要引用angular 框架第十二单元题 号试题题型难

24、 度第十二节课内容知 识点答案1.AngularJS使用()对象 来调用控制器.A.ng-appB. ng-controllerC $scope D. ng-model2.以下哪个是控制器指令？()A.ng-clickB.ng-bind C.ng-controller D.ng-repeat单选中 重力感应原理重力感应获取重力感应监控重力感应清除监控1 .C2 C23. angularjs中,自定义指令判断中3.T中的replace的默认值是 false （）4 .一个页面中，可以写多个 controller,在每个 controller 中可以显不出不同的效果（）5 . ng-class指令

25、用丁给 HTML元素动态绑定一个 或多个CSS类。4.T5.T36. AngularJS 和 JavaScript 的/、同点是什么？7. 什么是 angular js 指令？8. Angular js申表达式怎么写？9_Angular js中的循环？简答 1 .1 ）与 JavaScript 表达式不同， AngularJS 表达式 可以写在 HTML 中。2）与 JavaScript 表达式不同， AngularJS 表达式 不支持条件判断，循 环及异常。3）与 JavaScript 表达式 不同,AngularJS 表 达式支持过滤器。7 . angular js 是以 ng 作为前缀的

26、 HTML 属性。8 .表达式与在双大 括号内expression9 . ng-repeat= ' i in data'410.怎么运用控制器？案例 分析10.在需要控制的标签 内 写 上ng-controller="abc"在JS中：varapp=angular.module（ "html 中的 ng-app 名 ",）;app.controller("abc", function($scope) )在大括号中写上 需要执行或设定的 内容即可第十三单元题 号试题题型难 度第十三节课内容知 识点答案11.卜面哪个属性可

27、以使自定 义标签中里向的内容小被替 换：()A:replace B:restrict C:template D:translude单选中 重力感应监控重力感应清除监控D21.卜面有哪些是关于事件的指令()A.ng-classB.ng-clickC.ng-changeD.ng-mouseover多选中 1.BCD32 .用控制器时有两个参数， 分别是 并且其中哪个参数 的参数是不能变的：3 .AngularJS 过滤器怎么 用？简答2 . A个参数是控 制器的名字，第二个 是函数，其中函数中 的参数$scope是不 变的。3 .使用一个管道字 符'| '添加到表达 式和指令中。4

28、1. angular 中的 directive怎样绑定事件辨析 题1. returnlink:function(scope,aa,attrs)aa.bind( ' mouseover' ,function()This.style.width=“400px ” ；)第十四单元题 号试题题型难 度第十四节课内容知 识点答案11 .ng-bind指令告诉AngularJS使用给定的变量 或表送式的值来替换（）的 内容。2 . Angular 中，trans clude 起 到的作用是填空中 摄像头状取摄像头拍照1.HTML 百2.自定义标签的替 换21. ng-app指令初始化一个

29、AngularJS应用程序。2. ng-app在页面中可以使用多次。3. angular 弓 I得 angular 库和 jQuery库后部分功能相同。4. ng-controller 在页 向中 可以使用多次。判断中 1"2X3Vz4Vz31. Angular 中，link ： function（）中间小括号中需要传的参数有哪些？需要注意哪些注意事项？简答1.传入的参数为三 个。原始值为scope（作用域）、element（九素）、attres （属 性）。可以随意改名 但是顺序不可变。41 .以下哪些是 angularJS的特性（）A:模块化B:自动化双向数据绑定C:语义化标签D

30、:结构化2 .angularJS可以在html中进多选1.ABC2.ABCD行卜列哪些动作A:计算 B:设置class名C:绑定给定的变量或者表 达式替换html内谷D:进行数组的循环第十五单元题 号试题题型难 度第叶五节课内容知 识点答案1单选中 录音机调用刁 白机小首21、AngularJS表送式绑定数 据到HTML勺方式与ng-bind 指令的方式相同判断中 1、V3简答4案例 分析第十六单元题 号试题题型难 度第 四节 课内 容知 识点答案11 . AJAX术语是由那家公司 或组织最先提出的？（）A. GoogleB. IBMC. Adaptive PathD. Dojo Founda

31、tion2 .以下哪个技术不是 Ajax技术体系的组成部分？（）A. XMLHttpRequestB. DHTMLC. CSSD. DOM3 .在Ajax的四种技术中，JavaScript 的主要作用是：单选中 1.C 2.B 3.D()A.控制页面显示风格B.控制文档结构C.控制通信D.控制其他的三个对象21. AngularJS 表达式与 JavaScript 表达式有许多 相似之处，它们都包含文字、 运算符和变量。例如 5 +5 和 firstName + " " + lastName ()2. AngularJS 表达式很像 JavaScript表送式：它们可以包含

32、文字、运算符但不能 包含变量03. angular中的每个自己 命名的属性都需要在ng-model中声明才可以使 用。()判断中 1. V 2. X 3. X31. AJAX 和 JAVASCRIP硒 区别？2. AJAX请求总共有多少种 CALLBACK精列举至少三 个。简答1. javascript丘种在浏览器端执行的脚本语言，Ajax种 创建交互式网页应用的开发技术，它是利用了一系列相关的技术其中 就 包 括 javascript。Javascript是由网景公司开发的一种脚本语百，它和sun公司的java语言是没有任何关系的， 它们 相似的名称只是一种行销策略。在一般的 web开发中，

33、javascript 是 在浏览器端执行的，我们可以用 javascript控制浏览器的行为和内容。2. Ajax请求总共后八种Callback onSuccess onLoading onComplete onFailure onUninitialized onLoaded onInteractive onException3. (1)最大的一点是页面无刷新，用 户的体验非常好。(2)使用异步方式与服务器通信，具 用更加迅速的响应能力。(3)可以把以前一些服务器负担的 工作转嫁到客户端，利用客户端闲 置的能力来处理，减轻服务器和带3.AJAX都有哪些优点和缺点？宽的负担，节约空间和宽带租用成

34、 本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最 大程度的减少几余请求，和响应对 服务器造成的负担。(4)基于标准化的并被广泛支持的 技术，不需要卜载插件或者小程序。ajax的缺点(1)ajax小支持浏览器back按钮。(2)安全问题 AJAX暴露了与服务 器交互的细节。3()对搜索引擎的支持比较弱。(4)破坏了程序的异常机制。(5)不容易调试。41.怎样用 ng-show= 'xianshi' 写出点击显示，再点击时隐 藏的js部分？辨析 题1. varapp=angular.module('myApp',);app.controller(&

35、#39;myCtrl',function($sco pe)$scope.i=0;$scope.aaa="全部展开"$scope.fn=function()$scope.i+;if($scope.i%2=1)$scope.aaa="部分收起"$scope.xianshi=true elseif($scope.i%2=0)$scope.aaa="全部W"$scope.xianshi=false );十七单元题号试题题 型难 度内容知 识点答案11 .以下哪个技术不是 AJAX技术 体系的组成部分？A.XMLHttpRequestB

36、.DHTMLC.CSSD.DOM2 .XMLHttpRequest 有几个返回状态值？A.2 B.3 C.5 D.6单 选中 ajax工作原 理B C2I.Ajax 异步请求 post类型区别于get为加密类型2.Ajax技术最先引用于 Google判 断中 V X31 .什么是ajax?2 .Ajax类型有哪些，区别是什 么？3 .XMLHttpRequest 是什么？4 .在浏览器端如何得到服务器 响应的XML数据？5 .XMLHttpRequest 对象的常用 方法和属性6 .AJAX技术体系的组成部分有 哪些？简 答1 .ajax 指异步 JavaScript 和 XML 种创建父互式

37、网贝应用的页 面开发技术2 .post , get区别是get方式传送 数据量小，处理效率高，安全性低， 会被缓存，post反之3 .Ajax 的核心，种支持异步 请求的技术，可以使用JavaScript 向服务器提出请求并处理响应，而不阻塞用户。通过XMLHttpRequest 对象，WebFF发人员可以在页面加 载以后进行贝囿的局部更新。4 . XMLHttpRequest 对象的 responseXMl 属性5.open( " method " , " URL") send()方法发送具体请求 abort() 方法停止当前请求readyState

38、属T生表小为1申reponseXML属性服务器的响应.6.HTML , css , dom , xml , xmlHttpRequest , javascript4举例说明在jQuery这里有 两种Ajax事件：局部事件 和全岛件。案 例 分 析4.局部事件就是在每次的Ajax请求时仕力法内止义H勺， 例如：$.ajax(beforeSend: function ()/ Handle thebeforeSend event,complete: function ()/ Handle the complete event$(" #loading ").ajaxStart( f

39、 unction ()$( this ).show();第十八单元题 号试题题 型难 度内容知 识点答案11 .移动端的点击事件是（）2 .移动端的双击事件是（）填 空中 移动 端事件1.touch2.doubletap2l.click事件就是移动端的点击事件2.移动端能够响应鼠标移动事 件判 断中 xX31 .以下属于移动端事件的是A. touch B.DoubletapC.clik D.mousemove2.以卜不属于移动端事件的是 A.mousemove B.mouseover C.touch D.touchend多 选1.AB2.AB41.移动端事件与PC端事件的差 异论 述1.移动端

40、事件都是touch事件，而PC端事件都是 mouse事件，很多PC端事件在移动端都/、支持第十九单元题 号试题题型难 度第 四 节 课 内 容 知 识 点答案11 .以下哪一个 web应用不属 于web应用？A.HotmailB.GmapsC.FlickrD.Windows Live2 .Ajax技术中控制文档结 构的是A.DOM单选中 A AB.CSSC.JavaScriptD.XmlHttpRequest2I.XMLHttpRequest 只后 2 个 返回状态值2.XMLHttpRequest 对象的 responseXMl属性不可获取 数据判断中 XX3l.ajax的应用场景有哪些？2 .AJAX的全称是什么？介绍一