1. 标签上 alt与 title属性的区别是什么？
alt ：搜索引擎识别，在图像无法显示时的替代文本；
title ：元素注释信息，主要给用户解读。当鼠标放到文字或是图片上时有 title 文字显示。

（因为 IE 不标准）在 IE 浏览器中 alt 起到了 title 的感化，酿成文字提示。
在界说 img 东西时，将 alt 和 title 属性写全，可以保证在各类浏览器中都能正常使用。

2. DIV+CSS 构造较 table 有什么优势？
DIV+CSS 构造：速率快，页面体积小，，浏览速度快；便于被搜索引擎收录；样式丰富，页面更灵活；便于改削，效率高；

1、速率更快，页面体积变小，浏览速度变快，这就使得对付某些控制主机流量的网站来说是最大的优势了；
2、更好地被搜索引擎收录，大部分 html 页面的样式写入了 CSS 文件中，便于被搜索引擎收罗收录；
3、对浏览者和浏览器更具优势，由于 CSS 富含丰富的样式，使页面越发灵活性，它可以按照差此外浏览器，而到达显示效果的统 一和不乱形；
4、改削更有效率，由于使用了 DIV+CSS 制作要领，在改削页面的时候越发容易省时，提高事情效率；

（table在企业中极少用！！！）

3. 介绍一下标准的 CSS 的盒子模型？与低版本 IE 的盒子模型有什么差此外？
有两种， IE 盒子模型、W3C 盒子模型；
CSS盒模型常用的属性： 内容(content)、填充(padding)、界限(margin)、 边框(border)；
区 别： IE 的 content 部分把 border 和 padding 计算了进去;

1.网页设计中常用的属性名：内容(content)、填充(padding)、边框(border)、界限(margin)， CSS盒子模式都具备这些属性。
2.这些属性我们可以用日常生活中的常见事物——盒子作一个比方来理解，所以叫它盒子模式。
3.CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。
想象一个盒子，它有：外边距（margin）、边框（border）、内边距（padding）、内容（content）四个属性；
让我们俯视这个盒子，它有上下摆布四条边，所以每个属性除了内容（content），都包孕四个部分：上下摆布；这四部分可同时设置，也可分袂设置；内边距可以理解为盒子里装的对象和边框的距离，而边框有厚薄和颜色之分，内容就是盒子中间装的对象，外边距就是边框外面自动留出的一段空白。

4. CSS 选择符有哪些？
id选择器、类选择器、标签选择器、属性选择器、通配符选择器、子选择器

1.id 选择器（ #myid）
2.类选择器（.myclassname）
3.标签选择器（div,h1,p） ,用逗号支解，可多个
4.相邻选择器（h1+p） ，兄弟节点
5.子选择器（ul>li） ，
6.儿女选择器（lia）
7.通配符选择器（ * ）
8.属性选择器（a[rel=“external”]） ，jQuery常用
9.伪类选择器（a:hover,li:nth-child）

5. JS 的数据类型有哪些？
数据类型主要包孕两部分：
根基数据类型：Undefined、Null、Boolean、Number 和 String
引用数据类型：Array 、Object

6. null，undefined 的区别?
null 暗示一个东西被界说了，值为“空值”；
undefined 暗示不存在这个值。

7. 描述下 JSON 东西的两个很重要的要领
JSON.parse() //JSON 字符串转换为 JSON 东西
JSON.stringify() //JSON 东西转化为字符串

8. eval 是做什么的？
把对应的字符串解析成js代码并运行（不建议使用，不安适，耗性能）；
把 json字符串 转换成 json东西 时可用eval，var obj = eval(’(’+str+’)’)

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

9. 简述下为何通过 ajax 发送的请求会呈现乱码问题，如何解决？
编码格局斗嘴，直接在传输中文数据前加 encodURL() 编码

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

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

————————————————
版权声明：本文为CSDN博主「止南」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文来由链接及本声明。
原文链接：https://blog.csdn.net/qq_44641053/article/details/103809926

常问的 web前端 问题