有关于Java前端的相关知识点

1. 标签上 title 与 alt 属性的区别是什么？

alt 是给搜索引擎识别，在图像无法显示时的替代文本；title 是关于元素的注释信息，主要是给用户解读。当鼠标放到文字或是图
片上时有 title 文字显示。（因为 IE 不标准）在 IE 浏览器中 alt 起到了 title 的作用，变成文字提示。在定义 img 对象时，将 alt 和 title 属性写全，可以保证在各种浏览器中都能正常使用。&和&&的区别。

1. DIV+CSS 布局较 table 有什么优势？
   1、速率更快，页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了；
   2、更好地被搜索引擎收录，大部分 html 页面的样式写入了 CSS 文件中，便于被搜索引擎采集收录；
   3、对浏览者和浏览器更具优势，由于 CSS 富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统

一和不变形；
4、修改更有效率，由于使用了 DIV+CSS 制作方法，在修改页面的时候更加容易省时，提高工作效率；

1. 介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？

（1）有两种， IE 盒子模型、W3C 盒子模型；
（2）盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)；
（3）区 别： IE 的 content 部分把 border 和 padding 计算了进去;

1. 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）
2. JS 的数据类型有哪些？

数据类型主要包括两部分：
基本数据类型： Undefined、Null、Boolean、Number 和 String
引用数据类型： Array 、Object

1. null，undefined 的区别?

null 表示一个对象被定义了，值为“空值”；
undefined 表示不存在这个值。

1. 描述下 JSON 对象的两个很重要的方法

JSON.parse() //JSON 字符串转换为 JSON 对象
JSON.stringify() //JSON 对象转化为字符串

1. eval 是做什么的？

它的功能是把对应的字符串解析成 JS 代码并运行；
应该避免使用 eval，不安全，非常耗性能（2 次，一次解析成 js 语句，一次执行）。
由 JSON 字符串转换为 JSON 对象的时候可以用 eval，var obj =eval('('+ str +')');

1. 简述下为何通过 ajax 发送的请求会出现乱码问题，如何解决？

乱码的问题就是编码格式冲突，我们需要传输中文数据前面加一个 encodeURI()编码，例如：encodeURI(j$("#fk_info").val())；在接受参数的页面对传过来的编码过后的内容用后端语言进行解码

10.HTML5、CSS3 里面都新增了那些新特性？
新的语义标签
本地存储
离线存储
Websocket
2d，3d 变换
Transition,animation 媒体查询
新的单位（rem,vw，vh 等）

11.什么是响应式设计？
它是关于网站的制作或网页制作的工作。不同的设备有不同的尺寸和不同的功能。响应式设计是让所有的人能在这些设备上让网
站运行正常。一部分是媒体查询和不同的视觉效果。一部分是不同的资源（如不同的 Javascript 来处理触摸与点击自动适应屏幕的对比）。

12.为什么我们要弃用 table 标签
table 的缺点在于服务器把代码加载到本地服务器的过程中，本来是加载一行执行一行，但是 table 标签是里面的东西全都下载完
之后才会显示出来，那么如果图片很多的话就会导致网页一直加载不出来，除非所有的图片和内容都加载完。如果要等到所有的图片
全部加载完之后才显示出来会影响网页的性能，所以 table 标签现在我们基本放弃使用了

13.iframe 有哪些缺点
iframe 会阻塞主页面的 Onload 事件
搜索引擎的检索程序无法解读这种页面，不利于 SEO
iframe 和主页面共享连接池，而浏览器对相同域的链接有限制，所以会影响页面的并行加载
使用 iframe 之前需要考虑这两个缺点，如果需要使用 iframe，最好是通过 JavaScript
动态给 iframe 添加 src 属性值，这样可以绕开以上两个问题。

14.meta viewport 是做什么用的，怎么写？
控制页面在移动端不要缩小显示。

15.json 和 xml 数据的区别
1，数据体积方面：xml 是重量级的，json 是轻量级的，传递的速度更快些。。
2，数据传输方面：xml 在传输过程中比较占带宽，json 占带宽少，易于压缩。
3，数据交互方面：json 与 javascript 的交互更加方便，更容易解析处理，更好的进行数据交互
4，数据描述方面：json 对数据的描述性比 xml 较差
5，xml 和 json 都用在项目交互下，xml 多用于做配置文件，json 用于数据交互。