掌握这10大面试考点，助你快人一步入职名企！

达妹说相信大家在web前端的面试中都遇到很多技术问题吧！比如：入职需要做技术测试试卷，项目经理面试技术知识考...





达妹说

相信大家在web前端的面试中都遇到很多技术问题吧！比如：入职需要做技术测试试卷，项目经理面试技术知识考点，等等一系列考点。

今天达妹给大家分享10个常见的web前端面试题，希望大家能够在面试时更加从容不迫。

1、HTML5 为什么只需要写 ？



       html5不基于SGML(标准通用语言)，因此不需要对DTD（文档类型定义）进行引用，但需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式运行）

而html4.01基于SGML，所以需要对DTD进行应用，才能告知浏览器文档所使用的文档类型。

2、页面导入样式时，使用link和@import有什么区别？



1）.link属于XHTML标签，而@import是CSS提供的；

2）.页面被加载的时，link会同事被加载，而@import引用的CSS会等到页面被加载完再加载；

3）.import只有在IE5以上才能被识别，而link是XHTML标签，无兼容问题;

4）.link 方式的样式的权重>@import的权重

3、常见的浏览器内核有哪些？



IE浏览器的内核：Trident、

Mozilla的Gecko、

Chrome的Blink（WebKit的分支）、

Opera内核原为Presto，现为Blink

4、简述一下你对HTML语义化的理解？



HTML语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

HTML语义化的主要目的是：

1).为了在没有css的情况下，页面也能呈现出很好地内容结构、代码结构

2).有利于用户体验

3).有利于SEO和搜索引擎建立良好的沟通。

4).方便其他设备解析以意义的方式来渲染网页、

5).便于团队开发和维护，增加可读性。

5、xhtml和html有什么区别



HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言

最主要的不同：

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素

6、行内元素有哪些?块级元素有哪些?CSS的盒模型?



块级元素：div p h1 h2 h3 h4 form ul

行内元素: a b br i span input select

Css盒模型:内容，border ,margin，padding

7、前端页面有哪三层构成，分别是什么?作用是什么?



结构层 Html 表示层 CSS 行为层 js

8、标签上title与alt属性的区别是什么?



Alt 当图片不显示是 用文字代表。

Title 为该属性提供信息

9、你如何对网站的文件和资源进行优化?



文件合并

文件最小化/文件压缩

使用CDN托管

缓存的使用

10、解释jsonp的原理，以及为什么不是真正的ajax



动态创建script标签，回调函数

Ajax是页面无刷新请求数据操作

希望今天的分享可以帮到你们，对于想要学web前端，或者刚学习web前端的你们，达妹祝你们有个好的未来，如果你有更好的前端开发经验，欢迎文末右下角留言与我们互动。

    戳下方文字，更多精彩内容&干货

程序员面试必备锦囊，懂了这些工资轻松过万

这妹子在达内学Web前端4个月，月薪12K！

初入职场程序员面试谈薪资的6大技巧

达内web前端毕业班再传就业捷报，最高月薪19000元！！

面试官教你如何快速入职企业（内含谈薪资技巧）


版权声明：推送文章除非确实无法确认，我们都会注明作者和来源。部分文章推送时未能与原作者取得联系，若涉及版权问题，烦请原作者联系我们。


“阅读原文”

    关注 达内web前端课程培训