⾯试官常问的web前端问题⼤全
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.这些属性我们可以⽤⽇常⽣活中的常见事物——盒⼦作⼀个⽐喻来理解，所以叫它盒⼦模式。
originos系统下载安装
3.CSS盒⼦模型就是在⽹页设计中经常⽤到的CSS技术所使⽤的⼀种思维模型。
想象⼀个盒⼦，它有：外边距（margin）、边框（border）、内边距（padding）、内容（content）四个属性；
让我们俯视这个盒⼦，它有上下左右四条边，所以每个属性除了内容（content），都包括四个部分：上下左右；这四部分可同时设置，也可分别设置；内边距可以理解为盒⼦⾥装的东西和边框的距离，⽽边框有厚薄和颜⾊之分，内容就是盒⼦中间装的东西，外边距就是边框外⾯⾃动留出的⼀段空⽩。
4. CSS 选择符有哪些？
shell指令是什么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
python教学视频百度云盘6. null，undefined 的区别?
null 表⽰⼀个对象被定义了，值为“空值”；
undefined 表⽰不存在这个值。
7. 描述下 JSON 对象的两个很重要的⽅法
JSON.parse() //JSON 字符串转换为 JSON 对象
JSON.stringify() //JSON 对象转化为字符串
8. eval 是做什么的？
web前端基础面试题把对应的字符串解析成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 等）
总结
以上所述是⼩编给⼤家介绍的⾯试官常问的web前端问题⼤全，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！
镇江网站制作公司如果你觉得本⽂对你有帮助，欢迎转载，烦请注明出处，谢谢！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。