搜集的前端面试题,慢慢补充完答案

 

1、举个例子,以下几个的异同。

line-height:15px;
line-height:150%;
line-height:1.5;
line-height:1.5em;
答案:15px明确的设置行高是15px,150%是当前元素文字大小*150%,既是设置的行高,1.5也是当前元素文字大小*1.5,即为行高,同理也适用于1.5em。

2、css盒子模型

答案:在盒子模型中,页面上所有元素被看作一个一个盒子,他们占据一定的页面空间,每一个盒子都包括width、padding、border、margin四个部分,盒子模型分为标准盒模型和IE盒模型,大部分浏览器都是标准盒模型,只有ie5\6是IE盒模型,在标准盒模型模型中给元素设置width和height并不包括padding和border,但在IE盒模型里面width和height是包括padding和border的,现在想要浏览器兼容这些样式,解决方案是回避这些问题,尽量不给元素设置内边距padding,而是通过父元素或子元素的padding与margin来实现。

3、页面加载如何优化

答案:

4、url->页面加载完成的整个流程

答案:

5、优雅降级与渐进增强

6、xhtml是什么

7、ajax的优缺点

8、js组成部分

9、解释一下变量声明提升

10、如何跨域访问

11、js如何判断一个数组

12、阐述一下js严格模式

13、负载均衡你了解吗?阐述一下

14、linux环境你熟悉吗?说一些你用过的指令

15、webpack了解吗?用过哪些功能

16、对css预编译器有所了解吗?

17、完整概述一个你感觉最你自己做过最棒的项目

18、你在这个项目中用到了express,那你能说说express的特点是什么吗?

19、有考虑过如何对项目进行优化吗?从那方面入手?

20、你在昨天/本周学到了什么?

21、编写代码的哪些方面能够使你兴奋或感兴趣?

22、你最近遇到过什么技术挑战?你是如何解决的?

23、在制作一个网页应用或网站的过程中,你是如何考虑其 UI、安全性、高性能、SEO、可维护性以及技术因素的?

24、请谈谈你喜欢的开发环境。

25、你最熟悉哪一套版本控制系统?

26、你能描述当你制作一个网页的工作流程吗?

27、假若你有 5 个不同的样式文件 (stylesheets), 整合进网站的最好方式是?

28、你能描述渐进增强 (progressive enhancement) 和优雅降级 (graceful degradation) 之间的不同吗?

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

30、浏览器同一时间可以从一个域名下载多少资源?

31、有什么例外吗?

32、请说出三种减少页面加载时间的方法。(加载时间指感知的时间或者实际加载时间)

33、如果你参与到一个项目中,发现他们使用 Tab 来缩进代码,但是你喜欢空格,你会怎么做?

34、请写一个简单的幻灯效果页面。

35、如果今年你打算熟练掌握一项新技术,那会是什么?

36、请谈谈你对网页标准和标准制定机构重要性的理解。

37、什么是 FOUC (无样式内容闪烁)?你如何来避免 FOUC?

38、请解释什么是 ARIA 和屏幕阅读器 (screenreaders),以及如何使网站实现无障碍访问 (accessible)。

39、请解释 CSS 动画和 JavaScript 动画的优缺点。

40、什么是跨域资源共享 (CORS)?它用于解决什么问题?

41、doctype(文档类型) 的作用是什么?

42、浏览器标准模式 (standards mode) 、几乎标准模式(almost standards mode)和怪异模式 (quirks mode) 之间的区别是什么?

43、HTML 和 XHTML 有什么区别?

44、如果页面使用 'application/xhtml+xml' 会有什么问题吗?

45、如果网页内容需要支持多语言,你会怎么做?

46、在设计和开发多语言网站时,有哪些问题你必须要考虑?

47、使用 data- 属性的好处是什么?

48、如果把 HTML5 看作做一个开放平台,那它的构建模块有哪些?

49、请描述 cookiessessionStorage 和 localStorage 的区别。

50、请解释 

你可能感兴趣的:(面试,javascript,xhtml)