Java前端面试

目录

一、简单说一下HTML，CSS，javaScript在网页开发中的定位？

1.什么是 Bootstrap？以及为什么要使用 Bootstrap？

2.简要说一下CSS的元素分类 

        2.1CSS隐藏元素的几种方法（至少说出三种） 

        2.3CSS清除浮动的几种方法（至少两种） 

        2.4. CSS 选择符有哪些？ 

3.JavaScript： 

4.JQuery： 

5.bootstrap：

6. easyui：

二、前后端分离

vue：

ElementUI： 

 jwt

三、其他 

---

一、简单说一下HTML，CSS，javaScript在网页开发中的定位？

HTML：超文本标记语言，定义网页的结构

CSS：层叠样式表，用来美化页面

JavaScript：主要用来验证表单，做动态交互(其中AJAX)

1.什么是 Bootstrap？以及为什么要使用 Bootstrap？

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。 Bootstrap 是基于 HTML 、 CSS 、 JAVASCRIPT 的。

Bootstrap 具有移动设备优先、浏览器支持良好、容易上手、响应式设计等优点，所以 Bootstrap 被广泛应用。

 

2.简要说一下CSS的元素分类 

1. 块级元素：div,p,h1,form,ul,li;
2. 行内元素 : span>,a,label,input,img,strong,em;

        2.1CSS隐藏元素的几种方法（至少说出三种） 

1. Opacity:元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互;
2. Visibility:与 opacity 唯一不同的是它不会响应任何用户交互。此外，元素在读屏软件中也会被隐藏; 
3. Display:display 设为 none 任何对该元素直接与用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。这种方式产生的效果就像元素完全不存在; 

        2.3CSS清除浮动的几种方法（至少两种） 

1. 使用带clear属性的空元素 
2. 使用CSS的overflow属性； 
3. 使用CSS的:after伪元素； 
4. 使用邻接元素处理； 

        2.4. CSS 选择符有哪些？ 

1.  id选择器（ # myid）
2. · 类选择器（.myclassname）
3. · 标签选择器（div, h1, p）
4. · 相邻选择器（h1 + p）
5. · 子选择器（ul > li）
6. · 后代选择器（li a）
7. · 通配符选择器（ * ）
8. · 属性选择器（a[rel = “external”]）
9. · 伪类选择器（a: hover, li: nth – child）
10. · 可继承的样式： font-size font-family color, UL LI DL DD DT;
11. · 不可继承的样式：border padding margin width height ;
12. · 优先级就近原则，同权重情况下样式定义最近者为准;

3.JavaScript： 

给网页增加交互效果