1 在 jQuery 中想要找到所有元素的同辈元素, 下面哪一个是可以实现的?
- A,eq(index)
- B,find(expr)
- C,siblings([expr])
- D,next()
参考答案: C
答案解析:
jQuery siblings() 方法 ----------------------
siblings() 方法返回被选元素的所有同胞元素.
下面的例子返回
的所有同胞元素: ### 实例
- $(document).ready(function(){
- $("h2").siblings();
- });
您也可以使用可选参数来过滤对同胞元素的搜索.
下面的例子返回属于
的同胞元素的所有
元素:
实例
- $(document).ready(function(){
- $("h2").siblings("p");
- });
jQuery next() 方法 ------------------
next() 方法返回被选元素的下一个同胞元素.
该方法只返回一个元素.
下面的例子返回
的下一个同胞元素: ### 实例
- $(document).ready(function(){
- $("h2").next();
- });
jQuery find() 方法
find() 方法返回被选元素的后代元素, 一路向下直到最后一个后代.
下面的例子返回属于
后代的所有 元素: ### 实例
- $(document).ready(function(){
- $("div").find("span");
- });
2. 以下不是 RDBMS 的是()
- A,MySQL
- B,PostgreSQL
- C,oracle
- D,hadoop
参考答案: D
答案解析: RDBMS 是 SQL 的基础, 同样也是所有现代数据库系统的基础, 比如 MS SQL Server, IBM DB2, Oracle, MySQL 以及 Microsoft Access.hadoop 是分布式数据库
3.JavaScript 的基本组成不包括以下 () 选项
- A,DOM
- B,BOM
- C,ECMAScript
- D,jQuery
参考答案: D
答案解析: jQuery 是 JavaScript 写的类库.
JavaScript 的三个主要组成部分是: ECMAScript(核心),DOM(文档对象模型),BOM(浏览器对象模型).
4. 对于 border-radius 标签, 说法错误的是
对于 border-radius, 说法错误的是
A, 表示圆角边框
B,IE8 支持良好
C,IE9 支持良好
D,Firefox 支持良好
参考答案: B
答案解析: Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性. Firefox , Chrome 以及 Safari 支持所有新的边框属性. 注释: 对于 border-image , Safari 5 以及更老的版本需要前缀 -webkit- .
Opera 支持 border-radius 和 box-shadow 属性, 但是对于 border-image 需要前缀 -o-
![]
5. 在做移动开发的时候, 页面上显示了一个数据列表, 要求在页面的左侧显示数据的标...
在做移动开发的时候, 页面上显示了一个数据列表, 要求在页面的左侧显示数据的标题, 右侧显示一张导航图标, 该怎么来做( )
A,<div style="float:left">文本标题 </div> <div style="float:right"> 图标</div>
B,<div > 文本标题</div> <div > 图标</div>
C,<div style="display:box;">文本标题 </div> <div style="display:box"> 图标</div>
D,<div style="float:left">文本标题 </div> <div style="float:left"> 图标</div>
参考答案: A
6. 关于 jQuery 的属性操作方法, 下面描述错误的是:( )
A,addClass( ) : 向匹配的元素添加指定的类名
B,val( ): 设置或返回匹配元素的值
C,html( ): 设置或返回匹配的元素集合中的 HTML 内容
D,removeAttr( ): 设置或返回匹配元素的属性和值
参考答案: D
答案解析: 暂无
7. 下到关于 DoS 攻击的描述中, 错误的是?
A,DoS 攻击通常通过抑制所有或流向某一特定目的端的消息, 从而使系统某一实体不能执行其正常功能, 产生服务拒绝
B,DoS 攻击不需入目标系统, 仅从外部就可实现攻击
C, 只要软件系统内部没有漏洞, DoS 攻击就不可能成功
D, 死亡之 Ping,Land 攻击, UDP 洪水, Smurf 攻击均是常见的 DoS 攻击手段
参考答案: C
答案解析: 服务拒绝: 当一个实体不能执行它的正常功能, 或它的动作妨碍了别的实体执行它们的正常功能的时候, 便发生服务拒绝. 这种攻击不一定需要目标系统存在漏洞, 如 UDP 洪水.
8. 在面向对象软件开发过程中, 采用设计模式 () .
A, 允许在非面向对象程序设计语言中使用面向对象的概念
B, 以复用成功的设计和体系结构
C, 以减少设计过程创建的类的个数
D, 以保证程序的运行速度达到最优值
参考答案: B
答案解析: B.
设计模式的出现就是为了代码复用, 增加可维护性.
9.Java 的核心包中, 提供编程应用的基本类的包是( ).
A, java.lang
B, java.util
C, java.applet
D, java.rmi
参考答案: A
答案解析: 暂无
10. 下列 media queries 的定义方式中, 哪一个是适配 iphone6s 的?
A,.@media(min-device-width:375px) and(max-device-width:667px) and(-webkit-min-device-pixel-ratio:2){}
B,.@media(min-device-width:414px) and(max-device-width:736px) and(-webkit-min-device-pixel-ratio:3){}
- C,@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2){
- }
- D,@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2){
- }
参考答案: A
答案解析: 不要纠结选择 A 或者选择 B 了 主要是在 - webkit-min-device-pixel-ratio:2 这个属性
想知道的去看看这边文章 (解释是对的, 但是这上面的设备像素比率有错)
iPhone6s 是 2 而 plus 是 3 设备像素比率看这个
min-device-width 这个标签和我们平时写的也有 min-width 的区别 我也学到了 好好学习 哈哈哈
11. 在 jQuery 中, 如果想要获取当前窗口的宽度值, 下面哪个是实现该功能的?
- A,width()
- B,width(val)
- C,width
- D,innerWidth()
参考答案: A
答案解析:
- alert($(Windows).height()); <span style="color: rgb(0,128,0);">// 浏览器当前窗口可视区域高度 </span>
- alert($(document).height()); <span style="color: rgb(0,128,0);">// 浏览器当前窗口文档的高度 </span>
- alert($(document.body).height());<span style="color: rgb(0,128,0);">// 浏览器当前窗口文档 body 的高度 </span>
- alert($(document.body).outerHeight(<span style="color: rgb(0,0,255);">true</span>));<span style="color: rgb(0,128,0);">// 浏览器当前窗口文档 body 的总高度 包括 border padding margin </span>
- alert($(Windows).width()); <span style="color: rgb(0,128,0);">// 浏览器当前窗口可视区域宽度 </span>
- alert($(document).width());<span style="color: rgb(0,128,0);">// 浏览器当前窗口文档对象宽度 </span>
- alert($(document.body).width());<span style="color: rgb(0,128,0);">// 浏览器当前窗口文档 body 的高度 </span>
- alert($(document.body).outerWidth(<span style="color: rgb(0,0,255);">true</span>));<span style="color: rgb(0,128,0);">// 浏览器当前窗口文档 body 的总宽度 包括 border padding margin </span>
12. 如下 HTML 代码展示了一个用户列表:-
用户 1 <button data-id="1">删除</button>
- 用户 2 <button data-id="2">删除</button>
- 用户 3 <button data-id="3">删除</button>
- 用户 4 <button data-id="4">删除</button>
- 用户 5 <button data-id="5">删除</button>
HTML
产品经理期望管理员点击 "删除" 按钮时可以删除某个用户, 关于实现该功能哪些描述是正确的:
A, 首先需要为每个 button 元素绑定点击事件:$('button').on('click', removeUser);
B, 通过点击时间获取用户的 ID:$(e.target).attr("data-id");
C, 将列表项从页面上删除之前, 需要先调用后端 API,$.delete('/delete/user/xxx').then(() => { // 将用户从页面上移除 })
D, 在单页应用中, 如果动态添加一条新的用户记录, 需要重新对该记录的删除按钮进行事件绑定.
参考答案: C
答案解析:
13. 关于工厂模式, 说法错误的是?
A, 定义一个创建对象的接口, 让其子类自己决定实例化哪一个工厂类, 工厂模式使其创建过程延迟到子类进行
B, 创建过程在其父类执行
C, 让其子类实现工厂接口, 返回的也是一个抽象的产品
D, 主要解决接口选择的问题
14. 以下关于盒子模型描述正确的是:
A, 标准盒子模型中: 盒子的总宽度 = 左右 margin + 左右 border + 左右 padding + width
B,IE 盒子模型中: 盒子总宽度 = 左右 margin + 左右 border + width
C, 标准盒子模型中: 盒子的总宽度 = 左右 margin + 左右 border + width
D,IE 盒子模型中: 盒子总宽度 = width
15.head 标签中必不少的是( )
head 标签中必不少的是( )
- A,<meta>
- B,<link>
- C,<title>
- D,<script>
16. 下面符号中, 不属于 JavaScript 运算符的是()
- A,$#
- B,&&
- C,==
- D,=
17. 在 HTML 页面中, 插入 CSS 样式表的形式不包括()
A, 嵌入式
B, 索引式
C, 外部式
D, 内联式
18. 下列 HTML 元素当中, 都属于块级元素的是
- A,h3,ul,form,table,p
- B,h2,table,ul,a,input
- C,p,ul,form,div,strong
- D,div,p,h1,table,span
19.JS 闭包使用场景, 错误的是()
A, 迭代器
B, 生成器
C, 数据缓存
D, 释放内存
20. 把鼠标移到按钮并点击时, 会产生一串什么样的事件?
- A,active hover focus
- B,foucs hover active
- C,hover active foucus
- D,hover focus active
21. 下面正则表达式匹配哪个字符串?
- re = /(?<=z)abc(?=:)/
- A,z:abc:z
- B,:abcz
- C,zabc:
- D,:zabc
参考答案: C
答案解析:(?<=z) 表示 匹配以 (z) 开头的字符串, 并且捕获 (存储) 到分组中
(?=:)表示 匹配以 (:) 结尾的字符串, 并且捕获 (存储) 到分组中
二, 多选题(共 8 题, 每题 5 分)
1. 关于 Web 语义化的说法, 正确的有?
A, 语义化的含义就是用正确的标签做正确的事情
B, 语义化让页面的内容结构化, 结构更清晰
C, 语义化便于对浏览器, 便于代码阅读, 便于维护
D, 语义化便于 SEO, 页面中多放置一些 H1 标签, 会提高网页的排名
参考答案: A,B,C
答案解析: h1 拥有最高的权值, 在一个页面中最好指使用 1 个 h1 来突出你的内容, 太多的 h1 会分散其整个页面的权重, 对搜索引擎也是非常的不友好.
2.JavaScript 中 == 运算符的说法正确的有?
A, 如果两个值类型相同, 按照 === 比较方法进行比较
B, 如果其中一个值是 null, 另一个是 undefined, 它们相等
C, 如果一个值是数字另一个是字符串, 将字符串转换为数字进行比较
D, 如果一个值是对象, 另一个是数字或字符串, 将对象转换为原始值然后用 == 规则继续比较
参考答案: A,B,C,D
答案解析:
== 运算符判断相等的流程是怎样的
如果两个值类型相同, 按照 === 比较方法进行比较
如果类型不同, 使用如下规则进行比较
如果其中一个值是 null, 另一个是 undefined, 它们相等
如果一个值是数字另一个是字符串, 将字符串转换为数字进行比较
如果有布尔类型, 将 true 转换为 1,false 转换为 0, 然后用 == 规则继续比较
如果一个值是对象, 另一个是数字或字符串, 将对象转换为原始值然后用 == 规则继续比较
其他所有情况都认为不相等
3. 给定一个正则表达式, 请选择它能匹配成功的项. ( ) re = /^[aeiou]*d$/
- A,d
- B,aeioud
- C,uoiead
- D,aaad
参考答案: A,B,C,D
答案解析:^ 表示以某个字符或字符串开头
* 表示包含前面字符串 0 个或多个
$ 表示以某个字符或字符串结尾.
4. 哪些设计模式是降低资源使用率:
- A,prototype
- B,singleton
- C,flyweight
- D,abstract factory
5. 以下哪些 HTML 标签属于行内元素:
- A,`p`
- B,`span`
- C,`canvas`
- D,`label`
- E,`img`
6.JavaScript 中关于 === 运算符说法正确的有?
A, 如果两个值都是 null 或者都是 undefined, 它们相等
B, 如果两个值都是布尔类型 true 或者都是 false, 它们相等
C, 如果其中有一个是 NaN, 它们不相等
D, 如果都是数值型并且数值相等, 他们相等, -0 等于 0
7. 给定如下 HTML 代码, 以下选择器能选到 P 元素的是?
- <div class="box">
- <div>
- YY
- </div>
- <p>
- 1231
- </p>
- </div>
- HTML A,.box p B,.box> p C,.box + p D,.box,p
8. 常见的浏览器端的存储技术有哪些?
- A,cookie
- B,localStorage
- C,session
- D,userData
参考答案: A,B,D
答案解析:
** 浏览器端:**
- cookie
- WebStorage(localStorage,sessionStorage)
- userData
- indexedDB
** 服务器端:**
session
欢迎一起进群探讨学习和交流哦: 907694362
来源: http://www.jianshu.com/p/f98fdfb7da8c