- 什么是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 |
理由 | 字面量相等。 |