Java面试题日积月累(WEB前端20道)

目录

1、常见的HTML4/HTML5标签

2、表格标签(行、列合并)

3、frameset框架标签

4、表单标签(*)

5、什么是CSS？以及书写CSS样式的几种方式

6、块级标签与行级标签

7、盒子模型(*)

8、CSS中的选择器(*)

9、CSS3中的一些新特性

10、display与visibility的区别

11、相对定位与绝对定位(*)

12、浮动

13、Web的标准定义及3大组成部分

14、BOM定义(*)

15、DOM定义

16、js语言特点

17、js创建对象的几种方式

18、js中常用的事件类型

19、常用的jquery选择器、文档流(*)

20、如何调用easyui、easyui中常用的控件

---

1、常见的HTML4/HTML5标签

标题标签：h1~h6

段落标签：p

超链接标签：a

图片标签：img

有序标签：ol、li

无序标签：ul、li



HTML5中常见的标签：header、nav、section、footer、video、audio、input[email、url]

2、表格标签(行、列合并)

表格标签：thead(th)、tbody(tr、td)

行合并：通过rowspan属性来实现

列合并：通过colspan属性来实现

3、frameset框架标签

 

4、表单标签(*)

input标签：

1、文本：text

2、密码：password

3、按钮：button

4、日历：date

5、单选：radio

6、复选框：checkbox

7、颜色：color

8、提交：submit

9、重置：reset

10、邮箱：email

 

5、什么是CSS？以及书写CSS样式的几种方式

1.CSS：层叠样式表，给标签起美化作用

2.书写方式：

(1)、行内样式：将css代码书写在标签的style属性中

(2)、内部样式：将css代码书写在style标签中

(3)、外部样式：将css代码单独成立一个文件，然后通过link标签引入

6、块级标签与行级标签

块级标签：块级标签会独占一行(div、p、h1~h6)

行级标签:不会独占一行(a、span、img等)

行级标签与块级标签可以相互转换：

(1)、块级转行级：display:inline

(2)、行级转块级：display:block

7、盒子模型(*)

盒子模型：主要针对的是块级标签

盒子模型的三个特征：border(边框)、padding(内边距、填充、补白)、margin(边界)

8、CSS中的选择器(*)

1、基本选择器：#id值 .class值  标签名

2、层次选择器:> 空格 + ~

3、属性选择器：^ * $

4、伪类结构选择器：first-child、last-child、nth-child

9、CSS3中的一些新特性

border-radiusL:设置圆角

transition：指定缓冲的时间

rotate：旋转效果

10、display与visibility的区别

display与visibility都可以隐藏与显式元素

diplay:none(隐藏)、block(显示)

visibility：hidden(隐藏)、show(显示)

使用display隐藏元素时，元素不占据位置

使用visibility隐藏元素时，元素继续占据原来的位置

11、相对定位与绝对定位(*)

相对定位：参考点是元素自身。

绝对定位：参考点是拥有position属性的父标签，如果父标签没有position，则继续往上查找拥有position属性的标签，如果找不到拥有position属性的标签则body作为参考点

12、浮动

作用：在div+css布局中用来定位盒子

使用方法：float：left(左浮动)/right(右浮动)

13、Web的标准定义及3大组成部分

Web的标准定义：web标准是由w3c和其他标准化组织制定的一套规范集合。

web标准由3部分组成：结构、表现、行为

结构：HTML、XML、XHTML

表现：CSS

行为：DOM(文档对象模型)

14、BOM定义(*)

BOM的定义：浏览器对象模型

 

15、DOM定义

DOM：文档对象模型

16、js语言特点

javascript是一种解释性、基于事件的弱语言。

javascript中只有一种数据类型：var

javascript区分大小写。

17、js创建对象的几种方式

 

18、js中常用的事件类型

onclick在用户用鼠标左键单击对象时触发

ondbclick：双击

onmousedown：鼠标点击时触发

onmouseup：当鼠标点击松开时触发

onmouseout：当鼠标离开对象时

onmousemove：当鼠标移动到对象时

onblur：当失去焦点时触发

onfocus：当获取焦点时触发

onchange:当对象或者选中区域的内容改变时触发

onload：在浏览器完成对象的装载后触发

onsubmit:当表单将要被提交时触发

19、常用的jquery选择器、文档流(*)

jquery选择器种类：

(1)基本选择器：$(“#id值”);  $(“.class值”);  $(“标签名”);

(2)属性选择器：$(“selector[name=abc]”);  $(“input[name^=a]”);  $(“input[name$=a]”); 

              $(“input[name*=a]”);

(3)层次选择器：$(“#abc  span”);  $(“#abc>span”);  $(“#abc+div”);  $(“#abc~div”);

(4)过滤选择器：$(“:selected”);  $(“:checked”);

20、如何调用easyui、easyui中常用的控件

调用easyui的方式：(1) class调用  (2)js调用

easyui中常用的控件：window、datagrid、progressbar、tree、layout、draggble、parginaation