HCJMJ测试

什么是HTML，请说出对超文本的解释及HTML语义化的作用是什么？

问题	解答
HTML	运行于浏览器上，创建网页的超文本标记语言（Hyper Text Markup Language）
解释	可以超链接（链接）文档（其他资源）。
作用	增强可读性，易于维护、读写。

请书写至少3种表单标签（包括关键属性），3种布局标签

解答：

<!----------------- 3种表单标签 ------------------->
<form method="传输方式get/post" action="服务器文件">
  <input type="text" id="" name="username" />
  <input type="password" id="" name="psw" hoderspace="请输入密码" />
  <input type="submit" name="sub" value="提交" />
  <input type="reset" name="res" value="重置" />
  <input type="radio" checked="checked" />
  <input type="checkbox" checked="checked" />
</form>
<!----------------- 3种布局标签 ------------------>
<h1> ... </h1>
<div>
  <header>
     页面标题部分，常包含标题、logo、导航
     <nav>用来定义导航栏、目录、超链接</nav>
  </header>
  <aside>侧边栏</aside>
  <article>定义独立的内容区块，如文章、评论、新闻消息等 </article>
  <section>页面内容分块。</section>
  <footer>页面底部区域</footer>
</div>

什么CSS，一个HTML元素如何赋予其样式，请说出3种方式，并解释什么是层叠？

问题	解答
CSS	层叠样式表（）
内联样式	如<div style=“width: 400px; height: 400px”>…</div>。
内部样式表	样式代码块写于本网页的<head>标签内部。
外部样式表	使用<link href = “样式URL” rel =“stylesheet” />。
层叠	一个标签可以引用多个样式。

JavaScript运行在什么环境中，请说出JavaScript的变量数据类型有哪些？

问题	解答
运行环境	浏览器或 Node.js
基本数据类型	数字型、字符串型、布尔型、空值（null）、未定义（undefined）、Symbol
引用数据类型	数组型、对象型、函数型

什么是DOM，JavaScript中对于DOM的操作有哪些，请举例说明，至少说出5种DOM操作方法，并进行描述。

问题	解答
DOM	文档对象模型（Document Object Model）
标签	document.getElementById(“test”).appendChild(“p”);
属性	document.getElementsByClass(“test”).setAttribute(“属性”,“属性值”);
文本	document.getElementsByTagName(“p”).innerHTML(“插入新文本”);
样式	document.getElementById(“test”).className = “样式名”;
方法	document.getElementById(“test”).classList.add(“colorRED”);

分析代码，得出正确的结果。

var a=10, b=20 , c=30;
++a;
a++;
e=++a+(++b)+(c++)+a++;
alert(e);

解答：

var a=10, b=20 , c=30; 
++a; // 结果：a = 11。
a++; // 结果：a = 12
e=++a+(++b)+(c++)+a++; // 结果：e = 13 + 21 + 30 + 13 = 77。
alert(e);

求y和z的值是多少？

<script type="text/javascript">
   var x = 1;
   var y = 0;
   var z = 0;
   function test(n){n=n+1;}
   y = test(x);
   function add(n){n=n+3;}
   z = add(x);
</script>

解答：

<script type="text/javascript">
   var x = 1;
   var y = 0;
   var z = 0;
   function test(n){n=n+1;} // 无返回值。
   y = test(x); // 结果： undefined。
   function add(n){n=n+3;} // 无返回值。
   z = add(x); // 结果：undefined。
</script>

javascript的常用对象有哪些？

解答：String、Array、Boolean、Math、Date、Number、DegExp

jQuery是什么？如何使用jQuery？

解答：
jQuery：JavaScript Query，辅助JavaScript开发的函数库。
使用：

// 引用jQuery
<script type="text/javascript" src="jQuery的URL"></script>
//  编写jQuery代码
<script type="text/javascript">
  $(document).ready(function(){
    // jQuery代码块
  });
</script>

jQuery中的选择器是什么？选择器分为哪几大类，分别的语法是什么？(5分)

解答：
选择器：获取HTML标签，以供后续操作。

选择器	语法
ID	$(“ID名”)
class	$(“class名”)
属性	$(“属性名[属性值]”)
标签	$(“标签名”)
this	$(this)

编程题

有一个关于公司员工信息的数据库empinfo。部门表和员工基本信息表是其中的两个表，表中信息如下：
部门表depts （ dept_id、dept_name、description）
说明：dept_id 部门编号 dept_name 部门名称 description 部门描述

员工表employees（id、name、gender、dept_id、join_time、salary、address、age、des）
说明：id员工号 name员工姓名gender性别 dept_id所在部门join_time加入时间salary工资 address地址 age年龄des描述
1) 分析各个表之间的关系，写出建表语句

use empinfo;
-- 部门表depts
create table depts(
  dept_id int primary key,
  dept_name varchar(20),
  description varchar(50)
)
-- 员工表employees
create table employees(
  id int primary key,
  name varchar(20),
  gender varchar(20),
  dept_id int,
  join_time date,
  salary decimal(6,2),
  address varchar(50),
  age int,
  des text
)

2) 为员工表employees添加一个字段image用于记录员工头像

alter table employees add image varchar(50);

3) 查询除了名字叫张三以外的员工的记录

select * from employees where name != "张三";

4) 查询薪水在2000-5000之间的员工记录

select * from employees where salary between 2000 and 5000;

5) 查询部门编号是1、3、5的员工的记录

-- 方法一
select * from employees where dept_id = 1 or dept_id = 3 or dept_id = 5;
-- 方法二
select * from employees where dept_id in(1,3,5);

6) 查询名字以“张”开头的员工的记录

select * from employees where name = "张%";

7) 查询性别为“M”且在2008年1月1日入职的员工的记录

select * from employees where gender = "M" and join_time = "2008-01-01";

8) 更新以“张”开头的员工的年龄为22

update employees set age = 22 where name = "张%";

9) 创建视图,包括10号部门的信息和所有职员信息

create view v_name as 
select * from employees as e 
left join depts as d on e.dept_id = d.dept_id and e.dept_id = 10;

10) 查询出各部门平均薪水，最低薪水，最高薪水

select dept_id,avg(salary),min(salary),max(salary) from employees group by dept_id;

12、 JDK是什么，在下载的JDK包中，bin、jre、lib目录分别存放什么文件？

问题	解答
JDK	Java 开发工具包（Java Development Kit）。
bin	以“.exe”结尾的运行程序。
jre	Java运行时环境文件
lib	核心类库文件

13、 JAVA跨平台的最主要原因是什么，可以用图示解释。

解答：
java源文件 → 通过javac.exe工具翻译 → 源文件（.class）→ 通过包含不同编译器的JVM的解释 → 运行在不同的平台上

14、编写在控制台打印HelloWorld!字样的Test类，并编写编译和运行的脚本。

public class HelloWorld{
 public static void main(String[] args){
   System.out.println("Hello World!");
 }
}
/* 命令提示符窗口中执行步骤
 * 1. 使用dir和cd命令找到 HelloWorld.java 文件所在的位置。
 * 2. 通过“javac HelloWorld.java”把源文件转化为字节码文件“HellWorld.class”。
 * 2. 通过“java HelloWorld”展示输出内容。
 *
 */

15、 Java的注释有哪几种？请书写一个规范的类文档注释。

解答：

/**
 * 文本注释
 * @author 张三
 * @version 1.2
 */
 // 单行注释
 /*
  * 多行注释
  * 这是多行注释
  */

16、 Java的基本数据类型有哪些，除boolean类型外，请用图示方式表示各数据类型表示范围的大小关系。

解答：

关键字	含义	范围
byte	整型	(-2^7 - 1) ~ (2^7 - 1)
short	整型	(-2^15 - 1) ~ (2^15 - 1)
int	整型	(-2^31 - 1) ~ (2^31 - 1)
long	整型	(-2^63 - 1) ~ (2^63 -1)
float	单精度型	32位
double	双精度型	64位
char	字符型	16位
boolean	布尔型	true/false

17、 Java的逻辑运算符和比较运算符分别有哪些？

问题	解答
逻辑运算符	与（ && 和 & ）、或（ \|\| 和 \|）、非（!）
比较运算符	大于（>）、不小于（>=）、小于（<）、不大于（<=）、不等于（!=）、等于（==）

18、用三目运算符结构书写一个判断年龄是否大于18岁的方法，注意是方法，大于18岁在控制台输出“已成年”，否则“未成年”。

解答：

public static void judgeAge( int age ){
  String result = age > 18 ? "已经成年" : "未成年";
  System.out.println(result);
}

19、使用Java，书写从控制台打印乘法口诀表的方法。

解答：

public static void multiplicationTable(){
  for(int i = 1; i <= 9; i++){
    for(int j = 1; j <= i; j++){
      System.out.print(i + " × " + j + " = " + i * j + " ");
    }
    System.out.println();
  }
}

20、 String s = “java”;String s2 = “java”;boolean flag = (s == s2); 请问flag的值是多少，请说明理由。

问题	解答
flag	true
理由	字面量相等。

猜你喜欢