<br /> D. <a><br /> 我的答案:D 正确答案: D<br /> 5.0分</p>
<p>15. (单选题,5.0分) 网页的<title>标签应直接写在（ ）里。<br /> A. <html></html></p>
<p>B. <body><body></p>
<p>C. <head></head><br /> D. <footer></footer></p>
<p>我的答案:C 正确答案: C</p>
<p>16. (单选题,5.0分) 网页的标题标签是（ ）。<br /> A. <html><br /> B. <head><br /> C. <title><br /> D. <body><br /> 我的答案:C 正确答案: C<br /> 5.0分</p>
<h3 id="%E4%BA%8C.%20%E5%88%A4%E6%96%AD%E9%A2%98"><br /> 二. 判断题</h3>
<p><br /> 17. (判断题,5.0分) 理论上讲网页的根元素（html）是可以修改为其它标记的，但修改它时需要同时修改相应的dtd文件。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 18. (判断题,5.0分) 通过标签属性可以对标签进行一些特殊的设置或对标签进行一些额外的补充，有有值属性和无值属性两种。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 19. (判断题,5.0分) 元数据标签中设置的元数据会显示在客户端，也会被浏览器解析。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 20. (判断题,5.0分) 建立表格主要用到<table>，<tr>，<th>，<td>标签，它们可以随意嵌套使用。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 21. (判断题,5.0分) 表单form的action属性用于指定服务器端表单处理程序的位置，是表单与服务器联系的纽带。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 22. (判断题,5.0分) 有序列表ol和无序列表ul之间是不能嵌套使用的。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 23. (判断题,5.0分) 单标签没有结束标签，在标签结束位置（即标签名称后，">"好前）添加"/"表示自闭合。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分</p>
<h3 id="%E4%B8%89.%20%E5%A4%9A%E9%80%89%E9%A2%98"><br /> 三. 多选题</h3>
<p><br /> 24. (多选题,5.0分)<br /> 文档基本结构是由下列标签按一定顺序嵌套构成的，顺序正确的是（ ）。</p>
<p>①<html>、②<head>、③<title></p>
<p>A. ①②③<br /> B. ③①②<br /> C. ①③②<br /> D. ②①③<br /> 我的答案:AC 正确答案: A<br /> 0.0分<br /> 25. (多选题,5.0分) 关于网页的DOM模型，下面描述正确的有（ ）。<br /> A. 它将一个HTML文档看成一棵由标签组成的以html标签为根的树形结构。<br /> B. 树中的每个结点都可以看作一个对象。<br /> C. 树中节点的层次关系表示标签在网页中的嵌套关系，同一层结点的左右次序表示这些标签对象出现的先后顺序。<br /> D. 该模型在访问网页当中的标签元素时十分有用。<br /> 我的答案:ABCD 正确答案: ABCD<br /> 5.0分<br /> 26. (多选题,5.0分) 下面有关HTML标签结构的描述正确的是（ ）。<br /> A. 它由一个独立单词或单词缩写构成。<br /> B. 这些单词或单词缩写被要求放在"<>"中。<br /> C. 标签分为双标签和单标签。<br /> D. 以上不全对。<br /> 我的答案:BC 正确答案: ABC<br /> 2.5分<br /> 27. (多选题,5.0分) 建立表格主要用到（ ）等标签。<br /> A. <table><br /> B. <tr><br /> C. <th><br /> D. <td><br /> 我的答案:ABCD 正确答案: ABCD<br /> 5.0分<br /> 28. (多选题,5.0分) 设置表格中的单元格的跨行或跨列使用（ ）属性。<br /> A. rowspan<br /> B. spanrow<br /> C. colspan<br /> D. spancol<br /> 我的答案:AC 正确答案: AC<br /> 5.0分<br /> 29. (多选题,5.0分) 在网页中输出空格字符应该使用下列（ ）方式。<br /> A. <br /> B. &<br /> C. "<br /> D. <br /> 我的答案:AD 正确答案: AD<br /> 5.0分<br /> 30. (多选题,5.0分) 在使用标签的有值属性时，规范的做法是，属性值通常（ ）。<br /> A. 可以写在一对" "中<br /> B. 可以写在一对 ' ' 中<br /> C. 不用引号包裹<br /> D. 可以写在一对 [ ] 中<br /> 我的答案:AB 正确答案: AB</p>
<p></p>
<h3 id="CSS%E5%9F%BA%E7%A1%80%E6%B5%8B%E8%AF%95">CSS基础测试</h3>
<p></p>
<h3 id="%E4%B8%80.%20%E5%88%A4%E6%96%AD%E9%A2%98">一. 判断题</h3>
<p><br /> 1. (判断题,5.0分) CSS（Cascading style sheets）层叠样式表技术是扩展标签属性的机制。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 2. (判断题,5.0分) 所有的主流浏览器均不支持层叠样式表。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 3. (判断题,5.0分) 样式规则中的每条声明由冒号分隔的属性值对组成，声明之间用分号分隔，最后的“;”可以省略。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 4. (判断题,5.0分) CSS样式只要书写正确就能应用到HTML元素上产生效果。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 错<br /> 0.0分<br /> 5. (判断题,5.0分) 设置16进制值颜色值需要在6位16进制数前加一“#”。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 6. (判断题,5.0分) 父元素的所有CSS属性都会被子元素继承。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 7. (判断题,5.0分) 产生样式层叠时，处于最前面的CSS样式会被最终应用。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 8. (判断题,5.0分) 样式声明中添加“!important”，代表该样式具有最高权值。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 9. (判断题,5.0分) 块元素是一个标准的盒子，默认情况下独占一行。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 10. (判断题,5.0分) 行内元素是一个标准的盒子，与相邻元素共享一行。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 错<br /> 0.0分<br /> 11. (判断题,5.0分) 元素类型是不能相互转换的。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 12. (判断题,5.0分) 文档流指文档里各元素的默认排列方式。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 13. (判断题,5.0分) 元素选择器，通常就是HTML的元素名称，又称为类型选择器。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 14. (判断题,5.0分) 一种元素选择器可以对网页中的各种元素生效。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 错<br /> 0.0分<br /> 15. (判断题,5.0分) 后代选择器，又称包含选择器，其祖先元素和后代元素之间用逗号分隔。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 错<br /> 0.0分<br /> 16. (判断题,5.0分) 子选择器中的样式只对子元素有效，对孙子以下的后代元素无效。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 17. (判断题,5.0分)<br /> 交集选择器：p.special {color:green;}</p>
<p>相当于给类选择器".special"添加了一个元素选择器的限制，它所定义的样式规则只能应用于class="special"为p元素，对其它情况无效。</p>
<p>A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 18. (判断题,5.0分) CSS选择器中的子选择器就是后代选择器。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 19. (判断题,5.0分) CSS优先级指CSS样式在浏览器中被解析的权重不同。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 20. (判断题,5.0分) 设置了!important的样式优先级低于内联样式优先级。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 21. (判断题,5.0分) 通用选择器（*）优先级高于继承样式的优先级。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 对<br /> 0.0分</p>
<h3 id="%E4%BA%8C.%20%E5%A4%9A%E9%80%89%E9%A2%98"><br /> 二. 多选题</h3>
<p><br /> 22. (多选题,5.0分) 下述有关CSS的叙述正确的是（ ）。<br /> A. 层叠样式表规范是由W3C负责制定的。<br /> B. CSS用来控制网页元素的样式。<br /> C. 所有的主流浏览器均支持层叠样式表。<br /> D. 它能够配合HTML设计出丰富多彩的网页。<br /> 我的答案:ABCD 正确答案: ABCD<br /> 5.0分<br /> 23. (多选题,5.0分) 学习好CSS，需要准确把握以下（ ）几个概念。<br /> A. 元素<br /> B. 属性<br /> C. 规则<br /> D. 以上都不是<br /> 我的答案:ABC 正确答案: ABC<br /> 5.0分<br /> 24. (多选题,5.0分) 按样式出现在不同地方划，可分为（ ）几种不同类型。<br /> A. 内联样式<br /> B. 内部样式<br /> C. 外部样式<br /> D. 联合样式<br /> 我的答案:ABC 正确答案: ABC<br /> 5.0分<br /> 25. (多选题,5.0分) CSS样式引入至HTML文档有（ ）方式。<br /> A. 通过直接设置标签属性style来引入CSS样式<br /> B. 在<head>标签中，通过<style>标签引入CSS样式<br /> C. 通过<link>标签将一个独立的.css文件引入到HTML文档头部<br /> D. 在网页头部@import url（）引入独立的.css文件<br /> 我的答案:ABC 正确答案: ABCD<br /> 2.5分<br /> 26. (多选题,5.0分) 下列属于CSS单位的有（ ）。<br /> A. px<br /> B. red<br /> C. em<br /> D. %<br /> 我的答案:AC 正确答案: ACD<br /> 2.5分<br /> 27. (多选题,5.0分) CSS中设置元素颜色值的方法有（ ）。<br /> A. 关键字<br /> B. 16进制值<br /> C. RGB值<br /> D. 以上不全是<br /> 我的答案:ABC 正确答案: ABC<br /> 5.0分<br /> 28. (多选题,5.0分) 用三原色设置元素颜色值，下面设置正确的是（ ）。<br /> A. rgb(120, 120, 120)<br /> B. rgb(128, 0, 256)<br /> C. rgb(50%, 50%, 50%)<br /> D. rgb(50%, 20%, 150%)<br /> 我的答案:AC 正确答案: AC<br /> 5.0分<br /> 29. (多选题,5.0分) 关于行内块元素的下面叙述正确的有（ ）。<br /> A. 是块元素和行内元素的结合体<br /> B. 可以对盒子的任一构成部分进行设置<br /> C. 与相邻元素共享一行<br /> D. 以上不全对<br /> 我的答案:ABC 正确答案: ABC<br /> 5.0分<br /> 30. (多选题,5.0分) 在正常文档流中，下列有关网页中元素的排列规律正确的有（ ）。<br /> A. 块元素自上而下排列。<br /> B. 块元素自下而上排列。<br /> C. 行内元素自左向右排列。<br /> D. 行内元素自右向左排列。<br /> 我的答案:AC 正确答案: AC<br /> 5.0分<br /> 31. (多选题,5.0分) 下列关于不同样式类型，表述正确的是（ ）。<br /> A. 内联样式的作用范围仅限于本元素。<br /> B. 内部样式的作用范围是整个文档。<br /> C. 外部样式能够为整个项目中所有有需要的HTML网页文档使用。<br /> D. 以上不全对<br /> 我的答案:ACD 正确答案: ABC<br /> 0.0分<br /> 32. (多选题,5.0分) 关于（class）类选择器，以下说法正确的是（ ）。<br /> A. 其语法格式为".类选择器名"，以一个点号来标明类选择器。<br /> B. 使用类选择器，就是要为class属性指定为一个适当的类选择器名。<br /> C. 同一个页面多个元素可以使用相同的类选择器名。<br /> D. 该选择器只能单独使用，不可以与其他元素结合使用。<br /> 我的答案:ABC 正确答案: ABC<br /> 5.0分<br /> 33. (多选题,5.0分)<br /> 对于样式规则：</p>
<p> p,h2,h3 {color:pink;font-size:16px;} </p>
<p>下列描述正确的有（ ）。</p>
<p>A. 该规则的选择器成为并集选择器。<br /> B. 等效于 p h2 h3 选择器<br /> C. 等效于分别对p,h2,h3各设置了一次{color:pink;font-size:16px;}<br /> D. 等效于 p h2>h3 选择器<br /> 我的答案:AC 正确答案: AC<br /> 5.0分<br /> 34. (多选题,5.0分) 下列选择器中，一般情况下，影响网页中元素最少的选择器是（ ）。<br /> A. ID选择器<br /> B. 子选择器<br /> C. 并集选择器<br /> D. 匿名选择器<br /> 我的答案:AD 正确答案: AD<br /> 5.0分<br /> 35. (多选题,5.0分) 下列有关选择器优先级规则描述正确的有（ ）。<br /> A. 权值越大越优先<br /> B. 权值相等时，后出现的样式优先级要高于先出现的样式<br /> C. 开发时设置的CSS样式的优先权，高于浏览器所设置的默认样式的优先权<br /> D. 在同一组属性设置中标有“!important”规则的优先级最大<br /> 我的答案:ABD 正确答案: ABCD<br /> 2.5分</p>
<h3 id="%E4%B8%89.%20%E5%8D%95%E9%80%89%E9%A2%98"><br /> 三. 单选题</h3>
<p><br /> 36. (单选题,5.0分) CSS中书写样式规则的语法规则是（ ）。<br /> A. 选择器 { 声明; } <br /> B. 选择器 { 声明列表; } <br /> C. 选择器 { 属性; } <br /> D. 选择器 { 值; } <br /> 我的答案:B 正确答案: B<br /> 5.0分<br /> 37. (单选题,5.0分) 目前CSS规范的最高版本是（）。<br /> A. CSS1<br /> B. CSS2<br /> C. CSS3<br /> D. CSS4<br /> 我的答案:C 正确答案: C<br /> 5.0分<br /> 38. (单选题,5.0分) 在某个样式的声明中添加重要性“!important”，正确的是（ ）。<br /> A. p{color:red; !important}<br /> B. p{!important color:red ;}<br /> C. p{color:red !important;}<br /> D. p{color:red important;}<br /> 我的答案:C 正确答案: C<br /> 5.0分<br /> 39. (单选题,5.0分) 关于行内块元素的下面叙述不正确的有（ ）。<br /> A. 是块元素和行内元素的结合体<br /> B. 可以对盒子的任一构成部分进行设置<br /> C. 与相邻元素共享一行<br /> D. 以上不全对<br /> 我的答案:D 正确答案: D<br /> 5.0分<br /> 40. (单选题,5.0分) 默认情况下，下列属于行内元素的有（ ）。<br /> A. h1<br /> B. ul<br /> C. span<br /> D. input<br /> 我的答案:C 正确答案: C<br /> 5.0分<br /> 41. (单选题,5.0分) 默认情况下，下列属于块元素的有（ ）。<br /> A. img<br /> B. a<br /> C. span<br /> D. p<br /> 我的答案:D 正确答案: D<br /> 5.0分<br /> 42. (单选题,5.0分) 默认情况下，下列属于行内块元素的有（ ）。<br /> A. ul<br /> B. select<br /> C. h2<br /> D. a<br /> 我的答案:D 正确答案: B<br /> 0.0分<br /> 43. (单选题,5.0分) CSS实现元素类型转换的属性是（ ）。<br /> A. style<br /> B. font<br /> C. display<br /> D. color<br /> 我的答案:C 正确答案: C<br /> 5.0分<br /> 44. (单选题,5.0分) 关于CSS选择器以下表述完全正确的是（ ）。<br /> A. 选择器就是标签名或者元素名。<br /> B. 选择器就是类名。<br /> C. 选择器是一种模式，即用于选择元素样式的模式。<br /> D. 以上都不对<br /> 我的答案:C 正确答案: C<br /> 5.0分<br /> 45. (单选题,5.0分) 关于ID选择器，以下说法不正确的是（）。<br /> A. 允许以一种独立于文档元素的方式来指定样式。<br /> B. 通过设置ID属性来应用ID选择器对应样式。<br /> C. 语法格式为"#id"，以一个#号来标明ID选择器。<br /> D. 以上说法都不对。<br /> 我的答案:A 正确答案: D<br /> 0.0分<br /> 46. (单选题,5.0分) 将多个选择器联合使用以逗号分隔，如：h1,p,div，那么该选择器被称为（）。<br /> A. 交集选择器<br /> B. 并集选择器<br /> C. 通用选择器<br /> D. 后代选择器<br /> 我的答案:B 正确答案: B<br /> 5.0分<br /> 47. (单选题,5.0分) 以“*”号作为选择器名称的选择器叫（）。<br /> A. 类选择器<br /> B. 子选择器<br /> C. 匿名选择器<br /> D. 通用选择器<br /> 我的答案:D 正确答案: D<br /> 5.0分<br /> 48. (单选题,5.0分) 以语法格式“first>next”命名的选择器，称为（）。<br /> A. 后代选择器<br /> B. 子选择器<br /> C. 并集选择器<br /> D. 交集选择器<br /> 我的答案:B 正确答案: B<br /> 5.0分<br /> 49. (单选题,5.0分) 用“#abc”形式定义的选择器属于（）。<br /> A. 类选择器<br /> B. 元素选择器<br /> C. ID选择器<br /> D. 通用选择器<br /> 我的答案:C 正确答案: C<br /> 5.0分<br /> 50. (单选题,5.0分) 以“.hhh”形式取名的选择器叫作（）。<br /> A. 类型选择器<br /> B. 类选择器<br /> C. ID选择器<br /> D. 子选择器<br /> 我的答案:B 正确答案: B<br /> 5.0分<br /> 51. (单选题,5.0分) 下列选择器中，一般情况下，影响网页中元素最多的选择器是（）。<br /> A. 类选择器<br /> B. ID选择器<br /> C. 元素选择器<br /> D. 通用选择器<br /> 我的答案:D 正确答案: D<br /> 5.0分<br /> 52. (单选题,5.0分) 下列选择器中，一般情况下，影响网页中元素最少的选择器是（）。<br /> A. 类选择器<br /> B. 类型选择器<br /> C. ID选择器<br /> D. 通用选择器<br /> 我的答案:C 正确答案: C<br /> 5.0分<br /> 53. (单选题,5.0分)<br /> 下列选择器优先级从高到低排序正确的是（ ）。</p>
<p>①内联样式，②类选择器，③id选择器，④元素选择器</p>
<p>A. ①②③④<br /> B. ①③②④<br /> C. ③④①②<br /> D. ③①②④<br /> 我的答案:B 正确答案: B<br /> 5.0分<br /> 54. (单选题,5.0分)<br /> 在<link>出现在<style>之前的多重样式情况下，下列样式优先级顺序从低到高的是（）。</p>
<p>①外部样式，②内联样式，③内部样式</p>
<p>A. ①②③<br /> B. ③①②<br /> C. ①③②<br /> D. ②①③<br /> 我的答案:C 正确答案: C<br /> </p>
<h3 id="Javascript%E5%9F%BA%E7%A1%80%EF%BC%88%E6%9C%9F%E4%B8%AD%EF%BC%89%E6%B5%8B%E8%AF%95">Javascript基础（期中）测试</h3>
<p></p>
<h3>一. 多选题</h3>
<p><br /> 1. (多选题,2.0分) 下列关于JavaScript的叙述正确的是（ ）。<br /> A. 它是一种基于对象的脚本语言。<br /> B. 它是一种事件驱动的脚本语言。<br /> C. 它是一种面向对象的脚本语言。<br /> D. 以上都不对<br /> 我的答案:AB 正确答案: AB<br /> 2.0分<br /> 2. (多选题,2.0分) JavaScript的功能有（ ）。<br /> A. 实现网页特效。<br /> B. 跨平台性。<br /> C. 实现表单数据前端校验。<br /> D. 窗口动态操作。<br /> 我的答案:ABCD 正确答案: ACD<br /> 0.0分<br /> 3. (多选题,2.0分) JavaScript代码嵌入网页的方法有（ ）。<br /> A. 在HTML标记属性值中直接写入JavaScript代码。<br /> B. 把JavaScript代码嵌入到<script>…</script>标签间。<br /> C. 通过<script language="javascript" src="xxx.js">方式载入外部JavaScript文件。<br /> D. 通过<link language="javascript" href="xxx.js">方式载入外部JavaScript文件。<br /> 我的答案:ABC 正确答案: ABC<br /> 2.0分<br /> 4. (多选题,2.0分) x+=-y，等价于（ ）。<br /> A. x=x+y<br /> B. x=x-y<br /> C. x=-y+x<br /> D. x=y<br /> 我的答案:BC 正确答案: BC<br /> 2.0分<br /> 5. (多选题,2.0分) 下面关于continue语句和break语句的描述，正确的有（ ）。<br /> A. break语句结束当前循环，跳出循环转而执行循环语句后面的语句。<br /> B. continue语句结束当前循环，跳出循环转而执行循环语句后面的语句。<br /> C. continue语句结束本轮循环，跳至循环入口转而执行下一轮循环。<br /> D. break语句结束本轮循环，跳至循环入口转而执行下一轮循环。<br /> 我的答案:AC 正确答案: AC<br /> 2.0分<br /> 6. (多选题,2.0分) 关于JavaScript中函数的定义，描述正确的是（ ）。<br /> A. 使用关键词function进行定义。<br /> B. 无论有无参数，函数名后的括号"( )"不可省略。<br /> C. 函数名在定义时可省略。<br /> D. 以上不全对<br /> 我的答案:AB 正确答案: ABC<br /> 1.0分<br /> 7. (多选题,2.0分) JavaScript中，预定义对象有（ ）。<br /> A. 内置对象<br /> B. 文档对象<br /> C. 浏览器对象<br /> D. 自定义对象<br /> 我的答案:ABC 正确答案: ABC<br /> 2.0分<br /> 8. (多选题,2.0分) 下列不属于文档相关对象的是（ ）。<br /> A. window <br /> B. document<br /> C. form<br /> D. Math<br /> 我的答案:AC 正确答案: AD<br /> 0.0分<br /> 9. (多选题,2.0分) 当用户使用鼠标单击网页的某个元素时，可能产生的事件有（ ）。<br /> A. onClick<br /> B. onDblclick<br /> C. onSubmit<br /> D. onMouseout<br /> 我的答案:AC 正确答案: AC<br /> 2.0分<br /> 10. (多选题,2.0分) 与元素是否获得焦点相关的事件有（ ）。<br /> A. onLoad<br /> B. onFocus<br /> C. onBlur<br /> D. onUnload<br /> 我的答案:BC 正确答案: BC<br /> 2.0分<br /> 11. (多选题,2.0分) 浏览器窗口（window）对象可以同时存在（ ）。<br /> A. 1个<br /> B. 2个<br /> C. 3个<br /> D. 以上都不对<br /> 我的答案:ABC 正确答案: ABC<br /> 2.0分<br /> 12. (多选题,2.0分) window对象中可以弹出对话框的方法有（ ）。<br /> A. alert( )<br /> B. prompt( )<br /> C. conform( )<br /> D. open( )<br /> 我的答案:ABC 正确答案: ABC<br /> 2.0分<br /> 13. (多选题,2.0分) 文档对象中与超链接颜色有关的属性有（ ）。<br /> A. vlinkColor<br /> B. fgColor<br /> C. alinkColor<br /> D. linkColor<br /> 我的答案:ACD 正确答案: ACD<br /> 2.0分<br /> 14. (多选题,2.0分) 获取当前日期的年月日的方法是（ ）。<br /> A. getFullyear( )<br /> B. getMonth( )<br /> C. getDate( )<br /> D. getDay( )<br /> 我的答案:BCD 正确答案: ABC<br /> 0.0分<br /> 15. (多选题,2.0分)<br /> 通过下列哪些方式可以访问网页中的表单？（ ）。</p>
<p>A. document.表单名<br /> B. window.表单名<br /> C. form[#] （注：#代表非负整数）<br /> D. form(#) （注：#代表非负整数）<br /> 我的答案:AC 正确答案: AC<br /> 2.0分<br /> 16. (多选题,2.0分) 创建数组可以使用下列（ ）方法。<br /> A. var cars = ["Saab", "Volvo", "BMW"];<br /> B. var cars = {"Saab", "Volvo", "BMW"};<br /> C. var cars = new Array("Saab", "Volvo", "BMW");<br /> D. var cars = new Array{"Saab", "Volvo", "BMW"};<br /> 我的答案:AC 正确答案: AC<br /> 2.0分</p>
<h3><br /> 二. 单选题</h3>
<p><br /> 17. (单选题,2.0分)<br /> 下面标签中的<!-- -->的作用，理解准确的是（ ）。</p>
<p><Script Language="JavaScript"></p>
<p> <!-- //弹出一个提示框</p>
<p> alert("欢迎进入JavaScript神奇世界！"); </p>
<p> --></p>
<p></Script></p>
<p>A. 注释<br /> B. 容错<br /> C. 不起作用<br /> D. 以上都不对<br /> 我的答案:C 正确答案: B<br /> 0.0分<br /> 18. (单选题,2.0分) JavaScript的控制台输出对象是（ ）。<br /> A. window<br /> B. document<br /> C. console<br /> D. location<br /> 我的答案:C 正确答案: C<br /> 2.0分<br /> 19. (单选题,2.0分) JavaScript的浏览器窗口对象是（ ）。<br /> A. document<br /> B. history<br /> C. console<br /> D. window<br /> 我的答案:D 正确答案: D<br /> 2.0分<br /> 20. (单选题,2.0分) JavaScript中对应DOM模型的网页文件的对象是（ ）。<br /> A. window<br /> B. document<br /> C. console<br /> D. frame<br /> 我的答案:B 正确答案: B<br /> 2.0分<br /> 21. (单选题,2.0分) JavaScript中有（ ）种基本数据类型。<br /> A. 3<br /> B. 4<br /> C. 5<br /> D. 6<br /> 我的答案:C 正确答案: C<br /> 2.0分<br /> 22. (单选题,2.0分) JavaScript中使用变量用关键词（）进行声明。<br /> A. Numeric<br /> B. String<br /> C. Boolean<br /> D. var<br /> 我的答案:D 正确答案: D<br /> 2.0分<br /> 23. (单选题,2.0分) 给变量x赋初值2后，表达式++x+3 运算完成后，表达式结果及变量x的值分别是（ ）。<br /> A. 5和2<br /> B. 6和2<br /> C. 5和3<br /> D. 6和3<br /> 我的答案:D 正确答案: D<br /> 2.0分<br /> 24. (单选题,2.0分) 如果天气晴，那么表达式：(天气==晴)?"带雨具":"不带雨具"; 的值为（ ）。<br /> A. 带雨具<br /> B. 不带雨具<br /> C. 带雨衣<br /> D. 不带雨衣<br /> 我的答案:A 正确答案: A<br /> 2.0分<br /> 25. (单选题,2.0分) 如果在某个事件中使用了this运算符，那么this指代（ ）。<br /> A. window<br /> B. document<br /> C. 拥有该事件的对象<br /> D. 未定义<br /> 我的答案:C 正确答案: C<br /> 2.0分<br /> 26. (单选题,2.0分) while (条件) {循环体}语句 与 do {循环体} while (条件)语句的区别是（）。<br /> A. while语句中的循环体至少执行1次<br /> B. do while语句中的循环体至少执行1次<br /> C. 两个语句中循环体执行的次数一样<br /> D. 以上都不对<br /> 我的答案:B 正确答案: B<br /> 2.0分<br /> 27. (单选题,2.0分) JavaScript中唯一可以省略对象名的对象是（ ）。<br /> A. window<br /> B. document<br /> C. form<br /> D. Date<br /> 我的答案:A 正确答案: A<br /> 2.0分<br /> 28. (单选题,2.0分) JavaScript中使用元素的事件时，所有事件名的共同特点是：事件名前面均有字符（）。<br /> A. in<br /> B. on<br /> C. do<br /> D. at<br /> 我的答案:B 正确答案: B<br /> 2.0分<br /> 29. (单选题,2.0分) 当页面在浏览器中加载完成时，就产生了一个（）事件。<br /> A. onClick<br /> B. onUnload<br /> C. onLoad<br /> D. onDblclick<br /> 我的答案:C 正确答案: C<br /> 2.0分<br /> 30. (单选题,2.0分) 要了解当前浏览器窗口的状态行信息，只要访问window对象的（）属性即可。<br /> A. history<br /> B. location<br /> C. status<br /> D. self<br /> 我的答案:C 正确答案: C<br /> 2.0分<br /> 31. (单选题,2.0分) 弹出可接受用户输入信息的提示框的窗口方法是（）。<br /> A. alert( )<br /> B. prompt( )<br /> C. conform( )<br /> D. write( )<br /> 我的答案:B 正确答案: B<br /> 2.0分<br /> 32. (单选题,2.0分) 改变p元素中的内容时，通常使用该元素的（）属性。<br /> A. value<br /> B. innerHTML<br /> C. name<br /> D. style<br /> 我的答案:D 正确答案: B</p>
<h3><br /> 三. 判断题</h3>
<p><br /> 33. (判断题,2.0分) 引入JavaScript脚本代码的script标签可以出现在网页(html标签内)的任何位置。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 2.0分<br /> 34. (判断题,2.0分) 常量是一个量，没有类型之分。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 2.0分<br /> 35. (判断题,2.0分) JavaScript中可以使用关键字或保留字作为变量名。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 2.0分<br /> 36. (判断题,2.0分) JavaScript语言是一种强类型的程序语言。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 2.0分<br /> 37. (判断题,2.0分) JavaScript的变量名区分大小写，变量命名时只能以字母开头。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 2.0分<br /> 38. (判断题,2.0分) JavaScript使用变量，须遵循先说明后使用的原则，没有特例。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 2.0分<br /> 39. (判断题,2.0分) 表达式以运算符为基础，它本质上是一个值。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 2.0分<br /> 40. (判断题,2.0分) 常量是一个量，它不是表达式。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 错<br /> 0.0分<br /> 41. (判断题,2.0分) 比较运算与逻辑运算的结果都是Boolean值。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 2.0分<br /> 42. (判断题,2.0分) 运算符“+”就是求和运算符。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 错<br /> 0.0分<br /> 43. (判断题,2.0分)<br /> （条件）？值1：值2；与 if（条件）语句1 else 语句2；具有相同的判断逻辑。</p>
<p>A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 2.0分<br /> 44. (判断题,2.0分) for语句与for...in语句，它们执行的逻辑过程是完全一样的。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 2.0分<br /> 45. (判断题,2.0分) continue语句和break语句的区别是，执行break语句时，就结束本轮循环，转而执行下一轮循环。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 2.0分<br /> 46. (判断题,2.0分) 可以直接Date对象来获得或设置日期与时间。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 2.0分<br /> 47. (判断题,2.0分) 使用日期对象的getYear( )方法可以获得4位完整年份。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 2.0分<br /> 48. (判断题,2.0分) 创建匿名函数并赋值给某变量，其实就是创建了一个名为该变量的对象类。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 2.0分<br /> 49. (判断题,2.0分) JavaScript是基于对象的脚本语言，它不能够创建对象。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 2.0分<br /> 50. (判断题,2.0分) 不通过关键词 var 创建的变量总是全局的，即使它们在函数中创建。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 对</p>
<p></p>
<h3 id="%E6%96%87%E6%9C%AC%E7%B1%BB%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95">文本类网页设计单元测试</h3>
<h3>一. 单选题</h3>
<p><br /> 1. (单选题,5.0分)<br /> 给文本添加阴影效果，应该使用（ ）属性。</p>
<p>A. text-transition<br /> B. text-shadow<br /> C. text-decoration<br /> D. text-overflow<br /> 我的答案:B 正确答案: B<br /> 5.0分<br /> 2. (单选题,5.0分)<br /> 如果要在长单词或 URL 地址内部进行换行，则应使用（ ）属性。</p>
<p>A. word-wrap<br /> B. line-wrap <br /> C. letter-wrap<br /> D. font-style<br /> 我的答案:A 正确答案: A<br /> 5.0分<br /> 3. (单选题,5.0分)<br /> 如果要在搜索结果中高亮显示搜素关键字，应使用（ ）标签。</p>
<p>A. time<br /> B. meter<br /> C. progress<br /> D. mark<br /> 我的答案:D 正确答案: D<br /> 5.0分<br /> 4. (单选题,5.0分) 给文本设置删除线或上划线等修饰，应该使用（ ）属性。<br /> A. text-transform<br /> B. text-decoration<br /> C. text-align<br /> D. text-indent<br /> 我的答案:B 正确答案: B<br /> 5.0分<br /> 5. (单选题,5.0分) 在font属性中同时设置字体的字号与行高时，正确的设置方法是（ ）。<br /> A. font:字号 行高<br /> B. font:行高 字号<br /> C. font:行高/字号<br /> D. font:字号/行高<br /> 我的答案:D 正确答案: D<br /> 5.0分<br /> 6. (单选题,5.0分) CSS3的新特性中用于定义服务器字体的规则是（ ）。<br /> A. @media<br /> B. @font-face<br /> C. @keyframes<br /> D. @font-family<br /> 我的答案:B 正确答案: B<br /> 5.0分<br /> 7. (单选题,5.0分) 以下（ ）不是图标字体化的优点。<br /> A. 减少了总文件的大小。<br /> B. 降低了网络传输带宽负担。<br /> C. 增加了用户等待时间，牺牲用户体验。<br /> D. 采用矢量存储方式。<br /> 我的答案:C 正确答案: C<br /> 5.0分<br /> 8. (单选题,5.0分)<br /> 在项目中使用font-awesome开源免费的字体图标库的正确步骤是（ ）。</p>
<p>①将font字体文件夹和css文件夹以及“font-awesome.min.css”文件拷贝到自己的项目中。</p>
<p>②首先去相应Font-Awesome地址下载并解压。③在页面引入font-awesome.min.css文件。</p>
<p>④为页面元素添加相应的字体图标class，如： <i class="fa fa-comments">。</p>
<p>A. ①②③④<br /> B. ②①③④<br /> C. ③①②④<br /> D. ④①②③<br /> 我的答案:B 正确答案: B<br /> 5.0分<br /> 9. (单选题,5.0分) 设置文本首行缩进使用（ ）属性。<br /> A. word-spacing<br /> B. text-overflow<br /> C. text-indent<br /> D. text-align<br /> 我的答案:C 正确答案: C</p>
<h3><br /> 二. 多选题</h3>
<p><br /> 10. (多选题,5.0分) 与多栏布局相关的属性有（ ）。<br /> A. column-count <br /> B. column-width<br /> C. column-hr<br /> D. column-gap<br /> E. column-rule<br /> 我的答案:ABDE 正确答案: ABDE<br /> 5.0分<br /> 11. (多选题,5.0分)<br /> 定义字符（中文注音或字符）的解释或发音时，常用（ ）这些标签来实现。</p>
<p>A. ruby<br /> B. bdi <br /> C. mark<br /> D. rt <br /> 我的答案:AD 正确答案: AD<br /> 5.0分<br /> 12. (多选题,5.0分)<br /> 下面有关Web字体图标的叙述不正确的是（ ）。</p>
<p>A. Web字体图标在高分辨率屏上会变得模糊。<br /> B. 使用字体图标会增加总文件的大小和很多额外的“http请求”，增大服务器负担。<br /> C. 大量使用字体图标时，会增加用户等待时间，牺牲用户体验。<br /> D. 与字体一样通常是矢量存储的。<br /> 我的答案:BC 正确答案: ABC<br /> 2.5分<br /> 13. (多选题,5.0分) 通常设置（ ）属性不可以实现列表项<li>元素水平排列。<br /> A. float<br /> B. align<br /> C. margin<br /> D. border<br /> 我的答案:CD 正确答案: BCD<br /> 2.5分</p>
<h3><br /> 三. 判断题</h3>
<p><br /> 14. (判断题,5.0分) 设置文字的行高小于字号时，会产生重叠现象。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 15. (判断题,5.0分) details标签可以与summary标签配合使用，并且details应该嵌套在summary之内。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 16. (判断题,5.0分) br标签与wbr标签一样都是起换行作用，没有什么区别。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 17. (判断题,5.0分) 客户端浏览器是不可以使用服务器端安装的字体的。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5.0分<br /> 18. (判断题,5.0分) 字体图标通常都是矢量方式存储的。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 5.0分<br /> 19. (判断题,5.0分) 图片（位图）在高分辨率屏上会变得模糊，而字体图标不会。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 对<br /> 0.0分<br /> 20. (判断题,5.0分) 为文本添加阴影效果时，模糊半径blur取值越大，阴影越清晰。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错</p>
<p></p>
<h3 id="%E5%9B%BE%E6%96%87%E7%B1%BB%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95">图文类网页设计单元测试</h3>
<p></p>
<h3>一. 多选题</h3>
<p><br /> 1. (多选题,5.0分) HTML5网页常用的图片标签有（ ）。<br /> A. <img>标签<br /> B. <figure>标签<br /> C. <figcaption>标签<br /> D. <i>标签<br /> 我的答案:ABC 正确答案: ABC<br /> 2. (多选题,5.0分) 关于CSS3精灵技术，下面理解正确的是（ ）。<br /> A. 它的本质是多小张图片拼成一张图片。<br /> B. 是为了提高网页性能而使用它。<br /> C. 当访问该页面时，只需要载入一次图片。<br /> D. 利用“background-image”、“background- repeat”、“background-position”组合进行背景定位，将一张大图片中的某个部分显示到网页的固定位置。<br /> 我的答案:ABD 正确答案: ABCD<br /> 3. (多选题,5.0分)<br /> CSS3中可用于动画制作的属性有（ ）。</p>
<p>A. transition（过渡）<br /> B. transform（变形）<br /> C. animation（动画）<br /> D. background<br /> 我的答案:ABC 正确答案: ABC<br /> 4. (多选题,5.0分)<br /> 在定义动画时，关键帧选择器用来指定当前关键帧要应用到整个动画过程中的位置值，关键帧选择器可以是（ ）。</p>
<p>A. 一个百分比<br /> B. from，它和0%效果相同表示动画的开始<br /> C. 任意名称<br /> D. to，它和100%效果相同表示动画的结束<br /> 我的答案:ABD 正确答案: ABD<br /> 5. (多选题,5.0分)<br /> 关于3D变形，以下说法正确的是（ ）。</p>
<p>A. perspective属性定义3D转换元素的透视视图。<br /> B.<br /> perspective函数的参数值是一个代表透视深度的数值。</p>
<p>C. 使用skew函数实现立体效果。<br /> D. 3D变形是指某个元素围绕其x轴、y轴、z轴进行旋转、缩放、平移等变换。<br /> 我的答案:ABD 正确答案: ABD<br /> 6. (多选题,5.0分) CSS3的变形属性transform是与动画相关的一个属性，2D形状变换可分为（ ）几种类型。<br /> A. 旋转<br /> B. 倾斜<br /> C. 缩放 <br /> D. 移动<br /> 我的答案:ABCD 正确答案: ABCD<br /> 7. (多选题,5.0分)<br /> 元素的变形都有一个原点，元素围绕着这个点进行变形或者旋转，有关原点的下述描述正确的有（ ）。</p>
<p>A. 默认的原点起始位置是元素的中心位置。 <br /> B. 使用transform-origin属性指定元素变形基于的原点。<br /> C. transform-origin最多接受三个值，分别是x轴、y轴、z轴的偏移量。<br /> D. z轴的偏移量除了可以给具体的长度值，还可以有其它多种给值方式。<br /> 我的答案:ABC 正确答案: ABC<br /> 8. (多选题,5.0分)<br /> 在设置过渡的语法 {transition:property duration timing-function delay;}中，表述有误的有（ ）。</p>
<p>A. property：应用过渡的CSS属性的名称，只能取值为none或all。<br /> B. delay：过渡效果开始之前需要等待的时间。<br /> C. duration：过渡效果花费的时间，取任何值都可以看到过渡效果。<br /> D. timing-function：过渡效果的时间曲线。<br /> 我的答案:ABD 正确答案: AC<br /> 9. (多选题,5.0分)<br /> 关于渐变设置的参数color stop描述正确的是（ ）。</p>
<p>A. 两个color stop之间的区域为颜色过渡区。<br /> B. color stop用于设置颜色边界。<br /> C. color stop中color为边界的颜色，stop为该边界的位置。<br /> D. stop为百分比且小于0%或大于100%，则表示该边界位于可视区域外。<br /> 我的答案:ABCD 正确答案: ABCD</p>
<h3><br /> 二. 单选题</h3>
<p><br /> 10. (单选题,5.0分) CSS3用（ ）属性来使用已定义好的动画。<br /> A. @keyframes<br /> B. animation<br /> C. transition<br /> D. transform<br /> 我的答案:B 正确答案: B<br /> 11. (单选题,5.0分)<br /> CSS3过渡采用（ ）属性进行设置。</p>
<p>A. linear-gradient<br /> B. radial-gradient<br /> C. border-radius<br /> D. transition<br /> 我的答案:D 正确答案: D<br /> 12. (单选题,5.0分)<br /> 关于圆角边框，下面描述不正确的是（ ）。</p>
<p>A. 圆角边框实际上是在矩形的四个角分别做内切圆，通过设置内切圆的半径来控制圆角的弧度。<br /> B. 使用border-radius属性来实现圆角边框设置。<br /> C. 设置半径时，如果没有“/”，则表示水平和垂直半径相等。<br /> D.<br /> 设置半径时，“/”前面的表示垂直半径。</p>
<p>我的答案:D 正确答案: D<br /> 13. (单选题,5.0分) CSS3中的渐变使用（ ）属性来设置。<br /> A. background-color<br /> B. background-attachment<br /> C. background-image<br /> D. background-position<br /> 我的答案:C 正确答案: C<br /> 14. (单选题,5.0分)<br /> CSS3中设置元素（盒子）的阴影使用（ ）属性。</p>
<p>A. text-shadow<br /> B. shadow<br /> C. border-shadow<br /> D. box-shadow<br /> 我的答案:D 正确答案: D<br /> 15. (单选题,5.0分) 关于background属性的默认设置，下面不正确的是（ ）。<br /> A. background-color为transparent<br /> B. background-repeat为repeat <br /> C. background-attachment为fixed<br /> D. background-image为none<br /> 我的答案:C 正确答案: C</p>
<h3><br /> 三. 判断题</h3>
<p><br /> 16. (判断题,5.0分) 用@keyframes规则创建动画时，可以不指定动画的名称。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 17. (判断题,5.0分) 径向渐变的圆心坐标默认是在元素的中心（center）。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 18. (判断题,5.0分) 线性渐变与径向渐变一样，颜色都是向着某一个方向逐渐变化。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 19. (判断题,5.0分) 径向渐变默认的渐变形状是椭圆形。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 对<br /> 20. (判断题,5.0分) 线性渐变中side-or-corner参数是通过关键词来确定渐变的方向，默认值为top（从上往下）。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 对<br /> 21. (判断题,5.0分) HTML页面中，通常坐标系是以参考元素对应的盒子的左上角为坐标原点，水平向右为x轴正方向，垂直向上为y轴的正方向。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 错<br /> 22. (判断题,5.0分) 元素阴影扩展半径为正值，则整个阴影都延展扩大，反之值为负值时，则缩小。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 对</p>
<p></p>
<h3 id="%E5%93%8D%E5%BA%94%E5%BC%8F%E8%AE%BE%E8%AE%A1%E5%9F%BA%E7%A1%80%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95">响应式设计基础单元测试</h3>
<p></p>
<h3>一. 多选题</h3>
<p><br /> 1. (多选题,5.0分) 关于设置了float属性的元素，下面描述正确的是（ ）。<br /> A. 设置float会导致元素脱离文档流；<br /> B. 设置了float属性的元素漂浮在文档流的上层；<br /> C. 设置了float属性的元素，能遮挡下层元素的空间，但不会遮挡下层元素的内容；<br /> D. 设置了float属性的元素会遮挡下层元素的内容。<br /> 我的答案:AC 正确答案: ABC<br /> 2. (多选题,5.0分)<br /> HTML5技术是哪些核心技术的集合？（ ） 。</p>
<p>A. HTML5<br /> B. Java<br /> C. Flash<br /> D. CSS3<br /> E. JavaScript <br /> 我的答案:ADE 正确答案: ADE<br /> 3. (多选题,5.0分)<br /> 响应式Web设计得以实现的基础技术是（ ）。</p>
<p>A. 视口<br /> B. CSS<br /> C. HTML<br /> D. 媒体查询 <br /> 我的答案:BC 正确答案: AD</p>
<h3><br /> 二. 判断题</h3>
<p><br /> 4. (判断题,5.0分) 视口（viewport）就是设备屏幕的大小。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5. (判断题,5.0分) 媒体查询技术是CSS3新提出的。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 6. (判断题,5.0分) HTML5就只是HTML的最新版本。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 7. (判断题,5.0分) CSS3引入HTML文档与CSS引入HTML文件完全一样，也有3种方式。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 对<br /> 8. (判断题,5.0分) position: absolute会导致元素脱离文档流，被定位的元素等于在文档中不占据任何位置，在另一个层呈现。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 对</p>
<h3><br /> 三. 单选题</h3>
<p><br /> 9. (单选题,5.0分) 不是HTML5中常用的语义化标签的是（ ）。<br /> A. <section><br /> B. <article><br /> C. <br /> D. <aside><br /> 我的答案:C 正确答案: C<br /> 10. (单选题,5.0分) 在一个网页中，关于文档流下述说法正确的是（ ）。<br /> A. 默认情况下块级元素独占一行，是自上而下排列，行内元素自左向右排列。<br /> B. 默认情况下行内元素自上而下排列。<br /> C. 行内元素也独占一行。<br /> D. 行内块元素也是独占一行的。<br /> 我的答案:A 正确答案: A</p>
<p></p>
<p></p>
<h3 id="HTML5%E8%A1%A8%E5%8D%95%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95%E9%AA%8C">HTML5表单单元测试验</h3>
<p></p>
<h3>一. 单选题</h3>
<p><br /> 1. (单选题,10.0分) 下列input标签的type属性值选项中，不是HTML5新增加的是（ ）。<br /> A. color<br /> B. email <br /> C. number<br /> D. file<br /> 我的答案:A 正确答案: D<br /> 2. (单选题,10.0分) 当用户选择某文本（如性别单选按钮的"男"或"女"）时，浏览器就会自动将焦点转到和标签相关的表单控件上，使用下列哪个标签？（ ）<br /> A. datalist<br /> B. output<br /> C. label<br /> D. input<br /> 我的答案:C 正确答案: C<br /> 3. (单选题,10.0分) 网页中，用于收集用户信息并向后端发送数据处理请求的主要方式是（ ）。<br /> A. 表格<br /> B. 表单<br /> C. 超链接<br /> D. 按钮<br /> 我的答案:B 正确答案: B</p>
<h3><br /> 二. 判断题</h3>
<p><br /> 4. (判断题,10.0分) datalist标签可以为input标签提供数据选项列表，它与select标签一样会直接显示数据到网页上。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 5. (判断题,10.0分) 表单的method属性用于设置表单数据的提交方式，就安全性而言，其取值为get或post是一样的。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 6. (判断题,10.0分) 可以使用<input>标签的list属性引用<datalist>标签的id属性，来为<input>标签提供选项数据源。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对</p>
<h3><br /> 三. 多选题</h3>
<p><br /> 7. (多选题,10.0分)<br /> 下列属于HTML5为表单（form）标签新增的属性有（ ）。</p>
<p>A. autocomplete<br /> B. action<br /> C. novalidate<br /> D. method <br /> 我的答案:AC 正确答案: AC<br /> 8. (多选题,10.0分) 下列属于HTML5新增加的表单相关标签的是（ ）。<br /> A. <datalist><br /> B. <keygen><br /> C. <label><br /> D. <output><br /> 我的答案:AB 正确答案: ABD<br /> 9. (多选题,10.0分) 关于表单中的<>元素，下面表述正确的是（ ）。<br /> A. <textarea>标签用于定义多行文本输入框<br /> B. 可以通过cols和rows属性来规定文本区域内可见的列数和行数<br /> C. 具体的尺寸可以通过width和height来设置<br /> D. <textarea>标签不能定义单行文本输入框<br /> 我的答案:ABCD 正确答案: ABC<br /> 10. (多选题,10.0分) HTML5自带表单验证功能有（ ）。<br /> A. 通过required属性校验输入框填写内容不能为空。<br /> B. 通过自编JavaScript脚本进行校验。<br /> C. 通过pattern属性规定用于验证input 域的模式（pattern）。<br /> D. type为email或url的输入控件没有内置相关正则表达式。<br /> 我的答案:AC 正确答案: AC</p>
<p></p>
<h3 id="HTML5%E7%94%BB%E5%B8%83%E5%8D%95%E5%85%83%E6%B5%8B%E9%AA%8C">HTML5画布单元测验</h3>
<p></p>
<h3>一. 多选题</h3>
<p><br /> 1. (多选题,10.0分) 通过JavaScript来创建动态的HTML，主要表现在哪些方面？（ ）。<br /> A. JavaScript能够改变页面中的所有HTML元素。<br /> B. JavaScript能够改变页面中的所有HTML属性。<br /> C. JavaScript能够改变页面中的所有CSS样式。<br /> D. JavaScript能够对页面中的所有事件做出反应。<br /> 我的答案:ABCD 正确答案: ABCD<br /> 2. (多选题,10.0分) document对象获取HTML元素对象的常用方法有（ ）。<br /> A. getElementById()<br /> B. getElementsByName()<br /> C. getElementsByTagName()<br /> D. getBoundingClientRect()<br /> 我的答案:ABC 正确答案: ABC<br /> 3. (多选题,10.0分) canvas中分别使用（ ）方法来绘制矩形边框和填充矩形。<br /> A. strokeRect()<br /> B. stroke()<br /> C. fillRect()<br /> D. fill()<br /> 我的答案:AC 正确答案: AC</p>
<h3><br /> 二. 单选题</h3>
<p><br /> 4. (单选题,10.0分) 要获得页面中某个元素的坐标，使用元素的（ ）方法。<br /> A. getRect<br /> B. getBoundingClientRect() <br /> C. getContext<br /> D. get<br /> 我的答案:B 正确答案: B<br /> 5. (单选题,10.0分)<br /> HTML5提供了（ ）标签，使用户可以在网页上随意作画。</p>
<p>A. img<br /> B. image<br /> C. canvas<br /> D. background-image<br /> 我的答案:C 正确答案: C<br /> 6. (单选题,10.0分)<br /> 从原始画布剪切任意形状和尺寸区域的方法是（ ）。</p>
<p>A. drawImage<br /> B. arc()<br /> C. clip() <br /> D. restore()<br /> 我的答案:C 正确答案: C<br /> 7. (单选题,10.0分)<br /> canvas绘制图形的基本步骤是（ ）。</p>
<p>①创建画布，②准备画笔，③开始路径规划，④移动起始点，⑤绘制线条，⑥闭合路径，⑦绘制描边</p>
<p>A. ①②③④⑤⑦⑥ <br /> B. ②①③④⑤⑥⑦<br /> C. ①②③④⑤⑥⑦<br /> D. ①②③⑤④⑥⑦<br /> 我的答案:C 正确答案: C</p>
<h3><br /> 三. 判断题</h3>
<p><br /> 8. (判断题,10.0分) 用画笔在画布（canvas）上使用lineTo()方法绘制线条后，画布上就显示出该线条。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 错<br /> 9. (判断题,10.0分) 绘制复杂路径，必须使用路径开始（context.beginPath()）和路径结束（context.closePath()）进行路径规划。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 10. (判断题,10.0分) 不能把一幅图片绘制到canvas上。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错</p>
<p></p>
<h3 id="HTML5%E5%A4%9A%E5%AA%92%E4%BD%93%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95">HTML5多媒体单元测试</h3>
<p></p>
<h3>一. 单选题</h3>
<p><br /> 1. (单选题,10.0分) 为<video>元素指定多个视频源使用（ ）标签（元素）。<br /> A. select<br /> B. datalist<br /> C. source<br /> D. src<br /> 我的答案:C 正确答案: C<br /> 2. (单选题,10.0分)<br /> 判断浏览器是否支持指定的媒体类型需用到audio或video对象的（ ）方法。</p>
<p>A. load() <br /> B. play() <br /> C. pause()<br /> D. canPlayType()<br /> 我的答案:D 正确答案: D</p>
<h3><br /> 二. 多选题</h3>
<p><br /> 3. (多选题,10.0分)<br /> HTML5新增了强大的多媒体的功能，主要体现在（ ）2个方面。</p>
<p>A. 视频<video>元素<br /> B. 图像<img>元素<br /> C. 音频<audio>元素<br /> D. 动画<flash>元素<br /> 我的答案:AC 正确答案: AC<br /> 4. (多选题,10.0分)<br /> 下列关于<video>元素的常用属性的描述正确的有（ ）。</p>
<p>A. 如果出现autoplay属性，则视频在就绪后马上播放。<br /> B. 如果出现controls属性，则向用户显示播放控件面板。<br /> C. 如果出现loop属性，则当媒体文件播放完后再次开始播放。<br /> D.<br /> src属性可以指定多个要播放的视频的URL。</p>
<p>我的答案:ABCD 正确答案: ABC<br /> 5. (多选题,10.0分) <source>标签适用于给（ ）元素提供多个媒体源。<br /> A. <video><br /> B. <input><br /> C. <audio><br /> D. <select><br /> 我的答案:AC 正确答案: AC<br /> 6. (多选题,10.0分)<br /> 使用自动<audio>自动循环播放音乐需要使用到（ ）属性。</p>
<p>A. autoplay<br /> B. controls<br /> C. loop<br /> D. preload<br /> 我的答案:AC 正确答案: AC</p>
<h3><br /> 三. 判断题</h3>
<p><br /> 7. (判断题,10.0分) <video>元素的播放控件，实现了包括播放、暂停、进度和音量控制、全屏等功能，并允许自定义控件的功能和样式。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 8. (判断题,10.0分) <video> 与 </video> 之间插入的内容是不会在浏览器显示的。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 错<br /> 9. (判断题,10.0分) 目前为止已有让所有浏览器都支持的视频格式。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 10. (判断题,10.0分) Audio对象和Video对象的DOM操作功能都是由HTMLMediaElement对象统一定义的核心功能。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对</p>
<p></p>
<p></p>
<h3 id="%E5%93%8D%E5%BA%94%E5%BC%8FWeb%E8%AE%BE%E8%AE%A1%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95">响应式Web设计单元测试</h3>
<p></p>
<h3>一. 单选题</h3>
<p><br /> 1. (单选题,5.0分) 用于配置视口属性的标签是（ ）。<br /> A. <meta><br /> B. <title><br /> C. <link><br /> D. <script><br /> 我的答案:A 正确答案: A<br /> 2. (单选题,5.0分)<br /> 配置视口时，元数据标签的name属性值应为（ ）。</p>
<p>A. view<br /> B. view port <br /> C. viewport<br /> D. view-port<br /> 我的答案:C 正确答案: C<br /> 3. (单选题,5.0分) 将固定布局转化为百分比布局的换算公式正确的是（ ）。<br /> A. 目标元素宽度/子盒子宽度=百分数宽度<br /> B. 目标元素宽度/父盒子宽度=百分数宽度<br /> C. 父盒子宽度/目标元素宽度=百分数宽度<br /> D. 目标元素宽度/网页宽度=百分数宽度<br /> 我的答案:B 正确答案: B<br /> 4. (单选题,5.0分) 用于指定元素为弹性盒容器的属性是（ ）。<br /> A. flex<br /> B. display<br /> C. order<br /> D. align<br /> 我的答案:A 正确答案: B<br /> 5. (单选题,5.0分) 下列不属于flex-wrap属性值的项有（ ）。<br /> A. nowrap<br /> B. wrap<br /> C. wrap-reverse<br /> D. center<br /> 我的答案:D 正确答案: D<br /> 6. (单选题,5.0分) 设置弹性元素扩展比率为0、收缩比率为1和宽度居中的缩写形式为（ ）。<br /> A. flex: 1 0 auto; <br /> B. flex: 0 1 auto;<br /> C. flex: 0, 1, auto; <br /> D. flex: 1, 0, auto;<br /> 我的答案:B 正确答案: B<br /> 7. (单选题,5.0分) 用于设置子元素出现顺序的属性是（ ）。<br /> A. display<br /> B. flex<br /> C. order<br /> D. align-self<br /> 我的答案:C 正确答案: C<br /> 8. (单选题,5.0分) 设置子元素如何在当前轴方向排列的属性为（ ）。<br /> A. flex-wrap<br /> B. align-items<br /> C. justify-content<br /> D. flex-direction<br /> 我的答案:D 正确答案: D</p>
<h3><br /> 二. 多选题</h3>
<p><br /> 9. (多选题,5.0分) 视口是针对移动端浏览器的，通常分为（ ）。<br /> A. 可见视口，即设备屏幕大小<br /> B. 隐藏视口 <br /> C. 视窗视口，即网页大小<br /> D. 固定视口<br /> 我的答案:AC 正确答案: AC<br /> 10. (多选题,5.0分) 常见的响应式Web设计方式有（ ）。<br /> A. 百分比布局<br /> B. 栅格系统<br /> C. DIV布局<br /> D. 弹性盒布局<br /> 我的答案:ABD 正确答案: ABD<br /> 11. (多选题,5.0分) 关于弹性盒布局，下面叙述正确的是（ ）。<br /> A. 弹性盒由容器、子元素和轴组成。<br /> B. 弹性盒改进了块模型，既不使用浮动，也不会在弹性盒容器与其内容之间合并外边距。<br /> C. 增加了盒状模型的灵活性。<br /> D. 在适应不同设备能力上不如栅格系统。<br /> 我的答案:ABC 正确答案: ABC<br /> 12. (多选题,5.0分) 下列属于flex-direction属性的可取值的项有（ ）。<br /> A. row<br /> B. wrap<br /> C. column<br /> D. row-reverse<br /> 我的答案:ACD 正确答案: ACD<br /> 13. (多选题,5.0分) 在使用弹性盒布局时，以下描述正确的是（ ）。<br /> A. 弹性容器的每一个子元素变为一个弹性子元素，弹性容器直接包含的文本变为匿名的弹性子元素。<br /> B. 多列布局中的column-*属性对弹性子元素无效。<br /> C. float属性和clear 属性对弹性子元素无效，使用float会导致display属性计算为block。<br /> D. vertical-align属性对弹性子元素的对齐无效。<br /> 我的答案:ABCD 正确答案: ABCD</p>
<h3><br /> 三. 判断题</h3>
<p><br /> 14. (判断题,5.0分) 媒体查询不可以根据视口宽度、设备方向等差异来改变页面的显示方式。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 15. (判断题,5.0分) 媒体查询由媒体类型和条件表达式组成，用@media规则定义。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 16. (判断题,5.0分) 在定义媒体查询时，媒体类型与条件表达式都不能省略。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 17. (判断题,5.0分) 把固定像素的宽度换算为百分比宽度，可以将固定布局转化为百分比布局。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 18. (判断题,5.0分) 栅格系统采用固定的格子进行网页布局，以适应不同设备。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对<br /> 19. (判断题,5.0分) 在弹性盒布局中，元素的排列顺序是由元素书写的顺序来决定的。<br /> A. 对<br /> B. 错<br /> 我的答案: 错 正确答案: 错<br /> 20. (判断题,5.0分) 要将子元素按自然书写顺序排列，则order属性都设置成同一个值。<br /> A. 对<br /> B. 错<br /> 我的答案: 对 正确答案: 对</p>
<p></p> </p>
<p><br /><pre><code style="font-size:16px;">本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击<a
href="https://shimo.im/forms/N2A1gvJRpPh7K9qD/fill" target="_blank" rel="nofollow">【内容举报】</a>进行投诉反馈！</code></pre></p>
<!-- E 正文 -->
<link href="https://qiniu.techgrow.cn/readmore/dist/readmore.css" type="text/css" rel="stylesheet">
<script src="https://qiniu.techgrow.cn/readmore/dist/readmore.js" type="text/javascript"></script>
<script>
var regex = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
var isMobile = navigator.userAgent.match(regex);
if (!isMobile) {
try {
var plugin = new ReadmorePlugin();
plugin.init({
id: "readmore-container",
blogId: "55721-7689706765131-406",
name: "财经早读",
keyword: "666",
qrcode: "https://www.imspm.com/assets/img/caijingzaodu.jpg",
type: "website",
height: "auto",
expires: "7",
interval: "60",
random: "1"
})
} catch (e) {
console.warn("readmore plugin occurred error: " + e.name + " | " + e.message);
}
}
</script> </div>
<!-- S 付费阅读 -->
<!-- E 付费阅读 -->
<!-- S 点赞 -->
<div class="article-donate">
<a href="javascript:" class="btn btn-primary btn-like btn-lg social-share-icon icon-heart addbookbark" data-type="archives" data-aid="672319" data-action="/addons/cms/ajax/collection.html">收藏</a>
</div>
<!-- E 点赞 -->
<div class="entry-meta">
<ul>
<!-- S 归档 -->
<li>标签：<a href="/dev.html" class="tag" rel="tag" target="_blank">技术</a></li>
<!-- S 归档 -->
</ul>
<ul class="article-prevnext">
<!-- S 上一篇下一篇 -->
<li>
<span>上一篇 ></span>
<a href="/dev/672318.html" target="_blank">websocket html5 客户端测试代码</a>
</li>
<li>
<span>下一篇 ></span>
<a href="/dev/672320.html" target="_blank">从零开始搭建一个完整的服务器包含监控，自动化部署，容器管理，内网穿透等</a>
</li>
<!-- E 上一篇下一篇 -->
</ul>
</div>
<div class="related-article">
<div class="row" style="margin: 0 -15px;">
<!-- S 相关文章 -->
<div class="col-xs-12">
<h3 style="font-size: 1.1em;">相关文章</h5>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747938.html" target="_blank">Duilib中list控件支持ctrl和shif多行选中的实现</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747937.html" target="_blank">[ICML2015]Batch Normalization:Accelerating Deep Network Training by Reducing Internal Covariate Shif</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747936.html" target="_blank">win10系统 微软输入法 于eclipse ctrl+shif+f冲突间接处理办法</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747935.html" target="_blank">Codeforces Round #259 (Div. 2) B. Little Pony and Sort by Shif</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747934.html" target="_blank">读LDD3，内存映射与DMA--PAGE_SHIF…</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747933.html" target="_blank">VMware虚拟机安装XP【要先分区，再设置BOOT 启动CD，shif+上移】</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747932.html" target="_blank">更换iBus五笔的左与右Shif</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747931.html" target="_blank">sublime ctrl+shif+f 没用解决办法</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747930.html" target="_blank">idea 对 ctrl + z 的撤销 是 ctrl + shif + z</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747929.html" target="_blank">计算机最早的设计师应用于,计算机应用基础选择题doc.doc</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747928.html" target="_blank">win10自带截图神器：Win+Shift+S</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747927.html" target="_blank">Python基础之文件目录操作</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747926.html" target="_blank">python简述目录_Python基础之文件目录操作(示例代码)</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747925.html" target="_blank">tp5 如何做数据采集</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747924.html" target="_blank">任务2-7(服务器字体+阿里巴巴矢量库)</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747923.html" target="_blank">html标签（1)：h1~h6,p,br,pre,hr</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747922.html" target="_blank">TI 电量计介绍与芯片选型指南</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747921.html" target="_blank">几款TI电源芯片简介</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747920.html" target="_blank">TI DSP芯片C2000系列读取FLASH数据</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747919.html" target="_blank">德州仪器(Ti)平台嵌入式开发基础</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747918.html" target="_blank">TI三相电机智能栅极驱动芯片特点分类</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747917.html" target="_blank">省选模拟（12.08） T3 圈圈圈圈圈圈圈圈</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747916.html" target="_blank">Hadoop生态圈技术栈（上）</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747915.html" target="_blank">大数据开发基础入门与项目实战（三）Hadoop核心及生态圈技术栈之6.Impala交互式查询</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747914.html" target="_blank">小猿圈之Linux下Mysql 操作命令</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747913.html" target="_blank">大数据Hadoop生态圈常用面试题</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747912.html" target="_blank">大数据开发基础入门与项目实战（三）Hadoop核心及生态圈技术栈之4.Hive DDL、DQL和数据操作</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747911.html" target="_blank">备战Noip2018模拟赛11（B组）T3 Monogatari 物语</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747910.html" target="_blank">【智能优化算法-圆圈搜索算法】基于圆圈搜索算法Circle Search Algorithm求解单目标优化问题附matlab代码</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747909.html" target="_blank">NYOJ 78 圈水池</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747908.html" target="_blank">递归问题 跑道 汽车 绕圈问题 Python实现</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747907.html" target="_blank">Hadoop生态圈（三）：MapReduce</a></p>
</div>
<!-- E 相关文章 -->
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</main>
<aside class="col-xs-12 col-md-4">
<!--@formatter:off-->
<!--@formatter:on-->
<!-- S 内容推荐 -->
<div class="panel panel-default hot-article">
<div class="panel-heading">
<h3 class="panel-title">内容推荐</h3>
</div>
<div class="panel-body">
<div class="media media-number">
<div class="media-left">
<span class="num tag">1</span>
</div>
<div class="media-body">
<a class="link-dark" href="/jiaohutiyan/753475.html" title="大厂出品！保姆级教程帮你掌握「用户体验要素」" target="_blank">大厂出品！保姆级教程帮你掌握「用户体验要素」</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">2</span>
</div>
<div class="media-body">
<a class="link-dark" href="/jiaohutiyan/753348.html" title="大厂实战案例！设计师如何助力京东快递业务增长？" target="_blank">大厂实战案例！设计师如何助力京东快递业务增长？</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">3</span>
</div>
<div class="media-body">
<a class="link-dark" href="/jiaohutiyan/753116.html" title="总监干货！5个常见的UI设计规范创建误区" target="_blank">总监干货！5个常见的UI设计规范创建误区</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">4</span>
</div>
<div class="media-body">
<a class="link-dark" href="/kaifagongju/752540.html" title="数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)" target="_blank">数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">5</span>
</div>
<div class="media-body">
<a class="link-dark" href="/jiaohutiyan/750353.html" title="进阶必学！快速掌握10种国际主流设计模型" target="_blank">进阶必学！快速掌握10种国际主流设计模型</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">6</span>
</div>
<div class="media-body">
<a class="link-dark" href="/jiaohutiyan/750352.html" title="春节期间，10个大厂的产品细节走心设计" target="_blank">春节期间，10个大厂的产品细节走心设计</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">7</span>
</div>
<div class="media-body">
<a class="link-dark" href="/jiaohutiyan/747940.html" title="如何帮助用户度过新人期？来看雪球APP的实战总结！" target="_blank">如何帮助用户度过新人期？来看雪球APP的实战总结！</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">8</span>
</div>
<div class="media-body">
<a class="link-dark" href="/ruanjianzixun/42357.html" title="Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)" target="_blank">Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">9</span>
</div>
<div class="media-body">
<a class="link-dark" href="/ruanjianzixun/42356.html" title="Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)" target="_blank">Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">10</span>
</div>
<div class="media-body">
<a class="link-dark" href="/chanpinsheji/42343.html" title="嘘！SaaS产品的差异化设计细节，一般人我不告诉他" target="_blank">嘘！SaaS产品的差异化设计细节，一般人我不告诉他</a>
</div>
</div>
</div>
</div>
<!-- E 内容推荐 -->
<div class="panel panel-blockimg">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6421005227861480"
crossorigin="anonymous"></script>
<!-- 右侧正方形 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6421005227861480"
data-ad-slot="1989994359"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="panel panel-default lasest-update">
<!-- S 最近更新 -->
<div class="panel-heading">
<h3 class="panel-title">最新更新</h3>
</div>
<div class="panel-body">
<ul class="list-unstyled">
<li>
<span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
<a class="link-dark" href="/chanpinjingli/758173.html" title="3分钟绘制流程图！这个AI+绘图工具的神仙组合，学完老板直呼内行" target="_blank">3分钟绘制流程图！这个AI+绘图工具的神仙组合，学完老板直呼内行</a>
</li>
<li>
<span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
<a class="link-dark" href="/chanpinjingli/758172.html" title="商业潜规则：打败你的不是AI，而是人性" target="_blank">商业潜规则：打败你的不是AI，而是人性</a>
</li>
<li>
<span><a href="/chanpinsheji.html" target="_blank">[产品设计]</a></span>
<a class="link-dark" href="/chanpinsheji/758171.html" title="DeepSeek+智能派单系统的实践分享" target="_blank">DeepSeek+智能派单系统的实践分享</a>
</li>
<li>
<span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
<a class="link-dark" href="/chanpinjingli/758170.html" title="一文读懂本年实际损益借(贷)方发生额" target="_blank">一文读懂本年实际损益借(贷)方发生额</a>
</li>
<li>
<span><a href="/chuangyexueyuan.html" target="_blank">[创业学院]</a></span>
<a class="link-dark" href="/chuangyexueyuan/758169.html" title="大客户 vs 中小企业：需求竟天差地别？以企业培训数字化为例" target="_blank">大客户 vs 中小企业：需求竟天差地别？以企业培训数字化为例</a>
</li>
<li>
<span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
<a class="link-dark" href="/chanpinjingli/758168.html" title="不要将员工的“猴子”背到自己身上：职场管理中的权责划分" target="_blank">不要将员工的“猴子”背到自己身上：职场管理中的权责划分</a>
</li>
<li>
<span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
<a class="link-dark" href="/chanpinjingli/758167.html" title="人工智能的三层架构：从应用层到基础服务层，解密智能革命" target="_blank">人工智能的三层架构：从应用层到基础服务层，解密智能革命</a>
</li>
<li>
<span><a href="/chanpinsheji.html" target="_blank">[产品设计]</a></span>
<a class="link-dark" href="/chanpinsheji/758166.html" title="一文讲清楚iOS的SKAN4.0" target="_blank">一文讲清楚iOS的SKAN4.0</a>
</li>
</ul>
</div>
<!-- E 最近更新 -->
</div>
<!-- S 热门标签 -->
<div class="panel panel-default hot-tags">
<div class="panel-heading">
<h3 class="panel-title">热门标签</h3>
</div>
<div class="panel-body">
<div class="tags">
<a href="/channel/数量.html" class="tag" target="_blank"> <span>数量</span></a>
<a href="/channel/AI技术趋势.html" class="tag" target="_blank"> <span>AI技术趋势</span></a>
<a href="/channel/用户角色.html" class="tag" target="_blank"> <span>用户角色</span></a>
<a href="/channel/心智游移.html" class="tag" target="_blank"> <span>心智游移</span></a>
<a href="/channel/自然生态系统.html" class="tag" target="_blank"> <span>自然生态系统</span></a>
<a href="/channel/会员权益.html" class="tag" target="_blank"> <span>会员权益</span></a>
<a href="/channel/AirDrop.html" class="tag" target="_blank"> <span>AirDrop</span></a>
<a href="/channel/hashmap.html" class="tag" target="_blank"> <span>hashmap</span></a>
<a href="/channel/小龙虾.html" class="tag" target="_blank"> <span>小龙虾</span></a>
<a href="/channel/焦虑.html" class="tag" target="_blank"> <span>焦虑</span></a>
<a href="/channel/危机处理.html" class="tag" target="_blank"> <span>危机处理</span></a>
<a href="/channel/发展.html" class="tag" target="_blank"> <span>发展</span></a>
<a href="/channel/微信群折叠.html" class="tag" target="_blank"> <span>微信群折叠</span></a>
<a href="/channel/toast.html" class="tag" target="_blank"> <span>toast</span></a>
<a href="/channel/测评新算法.html" class="tag" target="_blank"> <span>测评新算法</span></a>
<a href="/channel/改版.html" class="tag" target="_blank"> <span>改版</span></a>
<a href="/channel/wireshark.html" class="tag" target="_blank"> <span>wireshark</span></a>
<a href="/channel/投放方式.html" class="tag" target="_blank"> <span>投放方式</span></a>
<a href="/channel/音频播放动效.html" class="tag" target="_blank"> <span>音频播放动效</span></a>
<a href="/channel/timer.html" class="tag" target="_blank"> <span>timer</span></a>
<a href="/channel/女性商业.html" class="tag" target="_blank"> <span>女性商业</span></a>
<a href="/channel/古典自媒体.html" class="tag" target="_blank"> <span>古典自媒体</span></a>
<a href="/channel/海外博主.html" class="tag" target="_blank"> <span>海外博主</span></a>
<a href="/channel/repeater.html" class="tag" target="_blank"> <span>repeater</span></a>
<a href="/channel/转账.html" class="tag" target="_blank"> <span>转账</span></a>
<a href="/channel/万能钥匙.html" class="tag" target="_blank"> <span>万能钥匙</span></a>
<a href="/channel/秋招.html" class="tag" target="_blank"> <span>秋招</span></a>
<a href="/channel/快服务.html" class="tag" target="_blank"> <span>快服务</span></a>
<a href="/channel/个人演讲.html" class="tag" target="_blank"> <span>个人演讲</span></a>
<a href="/channel/客户共识.html" class="tag" target="_blank"> <span>客户共识</span></a>
</div>
</div>
</div>
<!-- E 热门标签 -->
</aside>
</div>
</div>
</main>
<footer>
<div id="footer">
<div class="container">
<div class="row footer-inner">
<div class="col-xs-12">
<div class="footer-logo pull-left mr-4">
<a href="/"><i class="fa fa-bookmark"></i></a>
</div>
<div class="pull-left">
Copyright © 2025 All rights reserved. 超级产品经理 <a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">浙ICP备14026978号-4</a>
<ul class="list-unstyled list-inline mt-2">
<li><a href="/p/aboutus.html" target="_blank">关于网站</a></li>
<li><a href="/contactus.html" rel="nofollow" target="_blank">联系我们</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<div id="floatbtn">
<!-- S 浮动按钮 -->
<a class="hover" href="/index/cms.archives/post.html" target="_blank">
<i class="iconfont icon-pencil"></i>
<em>立即<br>投稿</em>
</a>
<div class="floatbtn-item floatbtn-share">
<i class="iconfont icon-share"></i>
<div class="floatbtn-wrapper" style="height:50px;top:0">
<div class="social-share" data-initialized="true" data-mode="prepend">
<a href="#" class="social-share-icon icon-weibo" target="_blank"></a>
<a href="#" class="social-share-icon icon-qq" target="_blank"></a>
<a href="#" class="social-share-icon icon-qzone" target="_blank"></a>
<a href="#" class="social-share-icon icon-wechat"></a>
</div>
</div>
</div>
<a href="javascript:;">
<i class="iconfont icon-qrcode"></i>
<div class="floatbtn-wrapper">
<div class="qrcode"><img src="https://www.imspm.com/assets/img/gongzhonghao.jpg"></div>
<p>微信公众账号</p>
<p>微信扫一扫加关注</p>
</div>
</a>
<a id="back-to-top" class="hover" href="javascript:;">
<i class="iconfont icon-backtotop"></i>
<em>返回<br>顶部</em>
</a>
<!-- E 浮动按钮 -->
</div>
<script type="text/javascript" src="/assets/libs/jquery/dist/jquery.min.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/libs/bootstrap/dist/js/bootstrap.min.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/libs/fastadmin-layer/dist/layer.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/libs/art-template/dist/template-native.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/jquery.autocomplete.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/swiper.min.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/share.min.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/cms.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/common.js?v=1.0.10"></script>
</body>
</html>