前端面试宝典大全

写在前面

CSDN话题挑战赛第1期

• 活动详情地址：CSDN

• 参赛话题：前端面试宝典

• 话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的solo面试官，如果你是面试官：你就可以将应聘者拷问到骨子里！
  总之我们大家一起将自己的面试经验以及学习到的知识点汇聚于此，形成一套体系的前端面试宝典。让读者无论是面试还是学习都能够有非常大的收获。就让我们携手共筑前端面试宝典吧！！！

• 创作模板：

携手共筑前端面试宝典

• 题目一
  • 考点
  • 答案
  • 扩展

题目一

html元素的id跟class什么区别

考点

html元素的id跟class什么区别

Ajax是什么？

答案

html元素的id跟class什么区别

id和class是网页中两个通用属性，他们协同工作使整个页面丰富多彩，当我们为一个元素定义样式时，二者都可用，但有区别？

• 1、在css样式表中书写时，id选择符前缀应加"#"，class选择符前缀应加"."
• 2、id属性在一个页面中书写时只能使用一次，而class可以反复使用
• 3、id作为元素标签用于区分不同结构和内容，而class作为一个样式，可以应用到任何结构和内容当中去
• 4、布局上的一般原则：id先确定结构和内容再为它定义样式。而class正好相反，是先定义样式，然后在页面中根据不同需求把样式应用到不同结构和内容上
• 5、目前浏览器都允许同一个页面出现多个相同属性值的id，一般情况能正常显示，不过当javascript通过id来控制元素时就会出错
• 6、在实际应用中，class常被用到文字版块和页面修饰上，而id多被用在宏伟布局和设计包含块，或包含框的样式。

Ajax是什么？

Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。Ajax包括：

• 1、XHTML和CSS
• 2、使用文档对象模型(Document Object Model)作动态显示和交互
• 3、使用XML和XSLT做数据交互和操作
• 4、使用XMLHttpRequest进行异步数据接收
• 5、使用JavaScript将它们绑定在一起

扩展

行内元素有哪些？块级元素有哪些？CSS的盒模型？

• 行内元素有：a b span I em img input select strong
• 级元素有：div ul ol li dl dt dd h1 h2 h3 h4 p
• 盒模型：margin border padding width

写在最后

CSDN话题挑战赛第1期

• 活动详情地址：CSDN