2017年-Web前端面试题(HTML至Nodejs)

【原】2017年-Web前端面试题(HTML → Nodejs)

  出自作者小矮人Web前端,博文地址:http://www.cnblogs.com/itlkNote/  文中有少许重复问题!

第一阶段 HTML、CSS、HTML5、CSS3

1、XHTML与HTML的有何异同?

2、介绍一下CSS的盒子模型?弹性盒子模型是什么?

3、Doctype的作用?标准模式与兼容模式各有什么区别?

4、HTML5 为什么只需要写 <!DOCTYPE HTML>?

5、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

6、页面导入样式时,使用link和@import有什么区别?

7、介绍一下你对浏览器内核的理解?

8、常见的浏览器内核有哪些?

9、HTML5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

10、简述一下你对HTML语义化的理解?

11、iframe有那些缺点?

12、列出display的值,说明他们的作用?position的值, relative和absolute定位原点是?

13、一个满屏 品 字布局 如何设计?

14、常见兼容性问题?

15、如果需要手动写动画,你认为最小时间间隔是多久,为什么?(阿里面试题)

16、列举IE 与其他浏览器不一样的特性?

17、99%的网站都需要被重构是哪本书上写的?

18、如何设计突发大规模并发架构?

19、说说最近最流行的一些东西吧?常去哪些网站?

20、介绍一个你最得意的作品吧?

21、你的优点是什么?缺点是什么?

22、如何管理前端团队?

23、最近在学什么?能谈谈你未来3,5年给自己的规划吗?

24、想问公司的问题?

25、cssSprite是什么 ?有什么优缺点?

26、CSS引入的方式有几种?  link和import的区别是什么?

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

28、介绍一下CSS的盒子模型

29、如何用CSS分别单独定义ie6 IE7 IE8 IE9 IE10的width属性

30、在CSS中哪些属性可以同父元素继承。

31、谈谈以前端的角度出发做好seo需要做什么

32、css选择符有哪些?哪些属性可以继属性承?优先级算法如何计算?css3新增的

33、移动端(Android IOS)怎么做好用户体验?

34、你在现在的团队处于什么样的角色,起到了什么明显的作用?

35、你认为怎样才是全端工程师(Full Stack developer)?

36、css基本语句的构成

37、document load  和document ready 的区别

38、什么是html5?有什么特点?

39、哪些浏览器支持html5?

40、css 中的使用列布局是什么? 为了实现列布局我们需要指定哪些内容?

41、描述css reset的作用和用途?

42、写出5 种以上ie6 bug 的解决方法,哪些你认为是解决起来最麻烦的?

43、哪些浏览器支持html5?这些浏览器的内核分别是什么?

44、什么是Web workers?为什么我们需要他?

45、前端页面有那三部分构成,其作用是什么。

46、写出至少三个CSS3中新添加的样式属性的名字及参数。

47、给一个元素添加CSS样式有哪几种方法说说他们的优先级。

48、多人项目中,你如何规划css文件样式命名。

49、为了让网页更快的加载,你会如何处理你的css文件和js文件,以及图片文件,页面性能优化你还知道哪些方法。

50、你经常遇到的浏览器兼容性有哪些?通常是怎么处理的。

51、HTML中div与span区别;

52、HTML5 存储类型有哪些,以及与他们的区别;

53、css实现垂直水平居中(口语描述)。

54、浏览器内核分别是什么;

55、列举5种以上表单元素中input的type类型;

56、alt和title分别表示什么含义以及具体应用体现;

57、css中position的属性值都有哪些?并描述其含义及具体解释;

58、对html语义化理解,以及语义化有哪些优点。

59、经常使用的页面开发工具级测试工具。

60、经常使用什么脚本库,开发或使用什么应用或组件;

61、使用css如何让一个宽度为200px的div水平居中,(要求兼容ie,可提供多种方法);

62、简要画出盒模型,并描述关键要素的含义;

63、页面构造中你遇到过什么样的兼容问题,如何解决

64、Doctype作用?标准模式与兼容模式有什么区别;

65、html5有哪些新特性,移除了哪些元素;

66、介绍一下标准css盒子模型;

67、什么事css预处理器;

68、css3中你最常用的有哪些?说明用法。

69、document.write、innerHTML和innerText 的区别?

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

71、请描述你曾使用过的css预处理器的优缺点

72、实现 class为test的div 在屏幕宽为400一下的宽度为200,屏幕宽为400~800的情况下宽 度为350;

73、实现当屏幕宽度大雨700,小于800是时引用外部样式style-7-9.css

74、HTML中input的6个新属性

75、列一个手机端可以实现手势滑动的插件或类库

76、对WEB标准以及W3C的理解与认识

77、xhtml和html有什么区别

78、Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?

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

80、CSS引入的方式有哪些? link和@import的区别是?

81、CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先 级高?

82、标签选择符 类选择符 id选择符

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

84、描述css reset的作用和用途

85、解释css sprites,如何使用。

86、浏览器标准模式和怪异模式之间的区别是什么?

87、你如何对网站的文件和资源进行优化?期待的解决方案包括:

88、清除浮动的几种方式,各自的优缺点

89、CSS3有哪些新特性?

90、CSS中的class和id有什么区别。

91、请说一下移动端常见的适配不同屏幕大小的方法。

92、一个高宽未知的图片如何在一个比他大的容器内水平居中。

93、Table标签的作用是什么。

94、定义链接四种状态的伪类的正确书写顺序是?

95、你知道的css选择器有哪些。

96、遇到疑难问题时,你通常时如何解决的?

97、Inline,inline-block和block的区别是。

98、页面导入样式时,使用link和@import有什么区别。

99、CSS超过宽度的文字显示点点,必须要设置的属性。

100、设置文字阴影属性。设置表格边框合并属性。

101、文本强制换行。

102、display:none与visibility:hidden的区别是什么?

103、超链接访问过后hover样式后会出现什么问题?如何解决。

104、前端页面有那三部分构成,其作用是什么。

105、写出至少三个css3中新添加的样式属性的名字及参数。

106、给一个元素添加css样式有哪几种方法说说他们的优先级。

107、多人项目中,你如何规划css文件样式命名。

108、为了让网页更快的加载,你会如何处理你的css文件和js文件,以及图片文件,页面性 能优化你还知道哪些方法。

109、你经常遇到的浏览器兼容性有哪些?通常是怎么处理的。

110、HTML中div与span区别;

111、HTML5 存储类型有哪些,以及与他们的区别;

112、css实现垂直水平居中。

113、浏览器内核分别是什么;

114、列举5种以上表单元素中input的type类型;

115、alt和title分别表示什么含义以及具体应用体现;

116、css中position的属性值都有哪些?并描述其含义及具体解释;

117、对html语义化理解,以及语义化有哪些优点。

118、经常使用的页面开发工具级测试工具。

119、经常使用什么脚本库,开发或使用什么应用或组件;

120、使用css如何让一个宽度为200px的div水平居中,(要求兼容ie,可提供多种方法);

121、简要画出盒模型,并描述关键要素的含义;

122、页面构造中你遇到过什么样的兼容问题,如何解决

123、Doctype作用?标准模式与兼容模式有什么区别;

124、html5有哪些新特性,移除了哪些元素;

125、介绍一下标准css盒子模型;

126、什么事css预处理器;

127、css3有哪些新特性;

128、html5 中的应用缓存是什么?

129、本地存储和cookies‘之间的区别是什么

130、简单介绍boostrap栅格系统

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

132、ie 和标准下有哪些兼容性的写法

133、get和post区别?

134、Doctype的作用是什么?

135、浏览器标准模式和怪异模式的区别是什么。

136、解释一下浮动和它的工作原理。

137、列举不同的清除浮动的方法,并指出他们各自适用的场景。

第二阶段 JavaScript、jQuery、ECMAScript、JSON

1、jQuery this与this区别

2、input name a与p name a 这两个如何用jQuery定位到input

3、请描述一下 cookies,sessionStorage 和 localStorage 的区别?

4、对BFC规范的理解?

5、JavaScript原型,原型链 ? 有什么特点?

6、说几条写JavaScript的基本规范?

7、null,undefined 的区别?

8、谈谈This对象的理解。

9、事件是?IE与火狐的事件机制有什么区别? 如何阻止冒泡?

10、什么是闭包(closure),为什么要用它?

11、new操作符具体干了什么呢?

12、JavaScript中的作用域与变量声明提升?

13、如何编写高性能的Javascript?

14、那些操作会造成内存泄漏?

15、你遇到过比较难的技术问题是?你是如何解决的?

16、常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件?

17、页面重构怎么操作?

18、什么叫优雅降级和渐进增强?

19、WEB应用从服务器主动推送Data到客户端有那些方式?

20、编程实现javascript在String中写一个trim,要求能够去除一个字符串开始和结尾的空格

21、json的了解及用法,与xml有何不同?

22、一个页面从输入url 到页面加载显示完成,这个过程中都发生什么了

23、javascript如何创建一个对象,?{画出次对象的内存图}

24、juery中如何将数组转化为json字符串,然后在转化回来

25、说一说 最近流行的一些新的东西 》常去哪些网站?

26、给juery扩展一个新的空方法,方法名称为newFunc

27、编程实现使用JavaScript实现一个深拷贝方法

28、请写出超链接的顺序或你在初级样式中的连接方法

29、函数几种定义方法

30、JavaScript的typeof 返回哪些数据类型

31、写一个获取非行间样式的函数

32、时间委托是什么 有什么好处

33、jquery 中哪几种类型选择器?

34、闭包是什么 有什么特性 对页面有什么影响

35、如何阻止事件冒泡和默认事件

36、添加 删除 替换 插入 到某个节点的方法

37、解释json 的原理 以及为什么不是真正的ajax

38、JavaScript的本地对象,内置对象和宿主对象

39、js编写一个数组去重的方法

40、split()join()的 区别 数组方法pop()push()unshift()shift()

41、事件绑定和普通绑定有什么区别

42、ECMAScript和JavaScript的区别?

43、break和continue区别?

44、字符串中substring、substr、slice区别?

45、清除字符串前后空格,要兼容所有浏览器?

46、push、pop、shift和unshift 区别?

47、数组和字符串之间的转换方式?

48、数组排序?

49、自执行函数两种写法?

50、取10-100之间的一个随机数?取“a-zA-Z”中的4个随机数?

51、输出当前日期的前一天?(2016-5-17,则输出2016-5-16)

52、js中选择器的几种方法?

53、创建节点方法?

54、DOM 0级和2级事件的写法、清除方法及优缺点?

55、target和currentTarget区别?

56、数组去重方法?

57、回流和重绘的解释、关系及区别?

58、怎样能减少页面的回流和重绘?

59、两种定时器的写法及清除?

60、判断是手机还是PC?

61、获取数组中的最大值?

62、写一个改变this指向的闭包?

63、使用正则写一个验证邮箱的表达式?

64、sessionStorage、localStorage、cookie的区别?

65、添加、删除、替换、插入到某个节点的方法?

66、写一个继承方法?

67、写出this指向的几种情况?

68、XTMHTTPRequest的readystate的五种状态?

69、status返回的窗口状态栏文本类型?(或http的状态码?)

70、写一个ajax使用get请求数据的全套代码?

71、URL参数截取?

72、js中如何对特殊符号进行转码与编码。

73、在什么情况下你会用ajax请求来代替通常的跳转。

74、谈谈你对跨域访问的认识,写出两个实现跨域访问页面的的方法。

75、列出你所知道的设计模式并简述。

76、javascr中有哪些数据类型;

77、截取字符串abcde中的cde;

78、什么是闭包,请举例说明;

79、一个dom节点被点击的时候,我们希望能够执行一个函数,应该怎么做;

80、请写一个javascript函数parseQueryString,他的用途是吧url参数解析为一个对象,如:

  var url = "http://www.test.com/index.php?key0=0&key1=1&key2=2"

81、怎样添加移除、移动、复制、创建和查找节点?

82、在javascript中什么是伪数组,如何将伪数组转化为标准数组;

83、手写数组快速排序;

84、统计字符号串“aaaabbbccccddfggh”中字母个数或统计最多字母数;

85、写一个function,清楚字符串前后的空格(兼容所有浏览器)

86、实现一个函数clone,可以对javascript中5种主要的数据类型(包括number string object array boolean)进行值复制;

87、将数组【“a”,“b”,“c”】转化为字符串;

88、获取enent目标对象的方法(要求兼容性);

89、介绍js基本数据类型;

90、null  undefined  的区别;

91、javascript中“use strict”是什么意思,为什么要使用;

92、描述一下javascript 的作用域链;

93、什么是闭包,为什么要使用它;

94、谈谈对this对象的理解;

95、判断一个字符串中各个字符出现的次数;例如字符串:hello 处理后:h:1  e:1 l:2 0:1

96、编写一个方法,判断字符串是否是这样组成的,第一个必须为数字,最后一个必须为 字母

97、编写一个方法,出去数组中的重复的元素:例如数字【“ab”,“ab”,“ac”,“cd”】  处 理后、:【“ab”,“ac”,“cd”】

98、如何隐藏一个dom元素

99、javascript 中有哪些基础数据类型

100、如何添加HTML事件,有几种方法?(至少两种方式)

101、javascript 面向对象中继承实现方式

102、javascript 中如何让对一个对象进行深拷贝?

103、为什么异步加载js文件?加载方式?(至少两种方式)

104、前端常规开发优化策略(至少两种方式)

105、如何控制网页在网络传输过程中的数据量

106、var stringArray = [ "this","is","chunchujie"],请在控制台输出“this is chunchujie”。

107、请写一个函数去除数组的重复项、;如[2008,34,78,2,45,34,78,90,90,12,34]处理后为[20 0 8.34,78,2,45,90,12]

108、用js或jQuery获取id为chuchujie的div里边的所有a标签,并把字体大小设置为18px;同 时把第三个a标签设置为块级元素,并把他的宽高分别设置为300px和500px;

109、请在网页上输出九九乘法表;

110、call 和apply的区别是什么?

111、请解释jsonp的工作原理

112、请简要说明javascript 中this 是如何让工作的的

113、请谈谈你都使用过哪些javascript模板

114、你怎么看AMD vs.Commonjs?

115、使用Promises 而非回调(callbacks)优缺点是什么?

116、如何实现下列代码:

var number  =[ 1,2,3,4,5];

number.square();//[1,4,9,16,25]

number.average();//3

number.sum();//15

number.even()://[2,4]

117、请实现一个为数组去重的函数

118、请使用任意一种mvvm框架演示如何实现双向绑定

119、svg 与canvas的不同

120、localhost与sessionStorage的不同

121、js获取来源页地址显示在页面上;

122、jQuery  Mobile 是什么

123、输出今天的日期,以YYYY-MM-DD的方式,比如今天是2016年10 月26日,则输出2016- 10-26.

124、怎样添加、移除、移动、复制、创建和查找结点(原生js)。

125、原生JS的window.onload与jquery的$(document).ready(function(){}) 有什么不同?

126、想实现一个对页面某个结点的拖拽?如何做?(使用原生JS)。

127、JavaScript原型,原型链?

128、jquery与jQuery UI有什么区别?

129、对Node的有点和缺点提出自己的看法?

130、一个div宽高100px,点击变大,当它的宽高等于400px开始缩小,当宽高缩小至100px时, 开始放大;再次点击暂定缩小或放大,再再次点击,div继续放大或缩小。

131、静态资源CDN如何使用。

132、用JS手写快速排序

133、Postcss是啥

134、Java和Javascript的共同点

135、截取abcdefg的efg

136、判断一个字符串中出现次数最多的字符,统计这个次数。

137、规避javascript多人开发函数重名问题

138、Javascript面向对象中继承实现

139、编写一个方法,去掉一个数组的重复元素

140、Javascript中如何检测一个变量事一个string类型?请写出函数实现

141、请尽可能详尽的解释AJXA的工作原理

142、 下面这段代码的运行结果是什么?

 Function hi(){

   Var a;

   Alert(a);

}

143、下面这段代码的运行结果是什么?

Var b;

Function a(){

Var a=”a”;

B = function(){

Return  a+”B”;

}

Return a;

}

Alert(a());

Alert(B());

144、下面这段代码的运行结果是什么?

(1)console.dir(0==false);

(2)Console.dir(1==true);

(3)Console.dir(2=={valueOf: function( ){return 2}});

(4)Console.dir(a==NaN);

(5)Console.dir(NaN==NaN);

(6)Console.dir(8==undefined);

(7)Console.dir(1==undefined);

(8)Console.dir(2=={toString:function(){return2}});

(9)Console.dir(undefined==null);

(10)Console.dir(null==1);

(11)Console.dir({toString:function(){return1},valueOf:function(){return []}});

(12)Console.dir(1==”1”);

(13)Console.dir(1===”1”);

145、Null,undefined的区别?

146、[2,6,7]和[3,5,8]  =>  [2,3,5,6,7,8]

至少两种方法实现

147、将一个十六进制字符串转换为十进制数

`ABC123`

148、比较一下jQuery,Angular.js,React.js 等框架的优缺点。

149、请描述一下cookies,sessionStorage和localStorage的区别?

150、下面这段代码的运行结果是什么?

 var a =3;

Function test(){

var b = 2;

c = 5;

Alert(a);

}

alert(c)//结果是什么:

test()//结果是什么:

151、下面这段代码的运行结果是什么?

var arr = [1,2,3,4,ture,’abc’,new Date()];

arr.length = 5;

alert(arr);

152、下面这段代码的运行结果是什么?

var arr=[1,2,3,4,5];

arr.splice(1,2,3,4,5);

alert(arr);

153、输出字符‘asdfaasfgpojgajgagjk’中出现次数最多的字符及出现的 次数。

154、合并数组[4,1,3,9,6,2]和[8,5,3,2,1,4,7],然后去重,取出偶数倒排。

155、简述什么是面向对象。

156、简述ajax过程。

157、解释下时间代理。

158、解释下javascript中this是如何工作的。

159、解释下原型继承的原理。

160、Call和.apply的区别是什么。

161、什么是”use strict”,使用它的好处是什么。

162、事件绑定和普通事件有什么区别

163、请用jquery和原生js分别实现添加、移除、移动、复制、创建和查找DOM结点。

164、实时监测用户在input内输入的字符数应该监听哪个事件。

165、介绍下javascript原型,原型链的特点。

166、1、单项链表逆序

a) 创建一个单项链表。每一节点包含一个整数作为其数据内容。

b) 打印输出这个链表(每一个结点的数据内容)

c) 通过适当的操作使这个链表反序(不能另外创建新的链表)。并打印输出反序后的结果。

d) 销毁这个链表

167、判断一个字符串中出现次数最多的字符,统计这个次数。

168、JS判断数据类型的方法。

169、jquery怎样获取div的id为‘content’的文本内容。

170、如何阻止事件冒泡和默认事件,用js原生代码说明。

171、js中如何对特殊符号进行转码与编码。

172、谈谈你对跨域访问的认识,写出两个实现跨域访问页面的的方法。

173、列出你所知道的设计模式并简述。

174、javascr中有哪些数据类型;

175、截取字符串abcde中的cde;

176、什么是闭包,请举例说明;

177、一个dom节点被点击的时候,我们希望能够执行一个函数,应该怎么做;

178、请写一个javascript函数parseQueryString,他的用途是吧url参数解析为一个对象, 如:var url = "http://www.test.com/index.php?key0=0&key1=1&key2=2"

179、怎样添加移除、移动、复制、创建和查找节点?

180、在javascript中什么是伪数组,如何将伪数组转化为标准数组;

181、手写数组快速排序;

182、统计字符号串“aaaabbbccccddfggh”中字母个数或统计最多字母数;

183、写一个function,清楚字符串前后的空格(兼容所有浏览器)

184、实现一个函数clone,可以对javascript中5种主要的数据类型(包括number string object array boolean)进行值复制;

185、将数组【“a”,“b”,“c”】转化为字符串;

186、获取enent目标对象的方法(要求兼容性);

187、介绍js基本数据类型;

188、null  undefined  的区别;

189、javascript中“use strict”是什么意思,为什么要使用;

190、描述一下javascript 的作用域链;

191、写一个正则,验证电话号码:格式为:“区号-号码”其中区号是010或者20N、0NNN, 电话号码是7-8位数字。

192、编写一个方法,出去数组中的重复的元素:例如数字【“ab”,“ab”,“ac”,“cd”】  处 理后、:【“ab”,“ac”,“cd”】

193、如何隐藏一个dom元素

194、document.write、innerHTML和innerText 的区别?

195、javascript 中有哪些基础数据类型

196、如何添加HTML事件,有几种方法?(至少两种方式)

197、javascript 面向对象中继承实现方式

198、javascript 中如何让对一个对象进行深拷贝?

199、为什么异步加载js文件?加载方式?(至少两种方式)

200、用js或jQuery获取id为chuchujie的div里边的所有a标签,并把字体大小设置为18px;同 时把第三个a标签设置为块级元素,并把他的宽高分别设置为300px和500px;

201、请在网页上输出九九乘法表;

202、call 和apply的区别是什么?

203、请解释jsonp的工作原理

204、请简要说明javascript 中this 是如何让工作的的

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

206、请描述你曾使用过的css预处理器的优缺点

207、请谈谈你都使用过哪些javascript模板

208、你怎么看AMD vs.Commonjs?

第三阶段 WebApp、jQuery、Ajax、JSONP、MVVM框架、Nodejs

1、什么是Web workers?为什么我们需要他

2、列一个手机端可以实现手势滑动的插件或类库

3、请说一下移动端常见的适配不同屏幕大小的方法。

4、本地存储和cookies之间的区别是什么

5、input name a与p name a 这两个如何用jQuery定位到input

6、请描述一下 cookies,sessionStorage 和 localStorage 的区别?

7、异步加载的方式有哪些?同步和异步的区别?如何解决跨域问题

8、Web应用从服务器主动推送Data到客户端有那些方式

9、jQuery中如何将数组转化为json字符串,然后在转化回来

10、给jQuery扩展一个新的空方法,方法名称为newFunc

11、ajax请求时,如何解释json数据

12、sessionStorage、localStorage、cookie的区别

13、XTMHTTPRequest的readystate的五种状态?

14、status返回的窗口状态栏文本类型?(或http的状态码?)

15、写一个ajax使用get请求数据的全套代码?

16、工作中使用过哪些框架(移动端和PC端)?

17、Express是什么?工作中用它做什么?

18、在什么情况下你会用ajax请求来代替通常的跳转

19、谈谈你对跨域访问的认识,写出两个实现跨域访问页面的的方法

20、列出你所知道的设计模式并简述

21、Ajax 交换模型?同步和异步区别

22、用js或jQuery获取id为chuchujie的div里边的所有a标签,并把字体大小设置为18px;同 时把第三个a标签设置为块级元素,并把他的宽高分别设置为300px和500px;

23、请解释jsonp的工作原理

24、你怎么看AMD vs.Commonjs?

25、请谈谈你都使用过哪些javascript模板

26、svg 与canvas的不同

27、localhost与sessionStorage的不同

28、jQuery  Mobile 是什么

29、原生JS的window.onload与jquery的$(document).ready(function(){}) 有什么不同?

30、jquery与jQuery UI有什么区别?

31、静态资源CDN如何使用

32、请尽可能详尽的解释AJXA的工作原理

33、ajax 是什么?Ajax的交互模型?同步和异步的区别?如何解决跨域问题?

34、请用jquery和原生js分别实现添加、移除、移动、复制、创建和查找DOM结点

35、jquery怎样获取div的id为‘content’的文本内容。

36、ajax请求的时候get和post方式的区别,并写出ajax的对象创建,发送,返回数据的过程。

37、谈谈你对跨域访问的认识,写出两个实现跨域访问页面的的方法

38、用js或jQuery获取id为chuchujie的div里边的所有a标签,并把字体大小设置为18px;同 时把第三个a标签设置为块级元素,并把他的宽高分别设置为300px和500px

39、你如何对网站的文件和资源进行优化?期待的解决方案包括

40、为了让网页更快的加载,你会如何处理你的css文件和js文件,以及图片文件,页面性能优化你还知道哪些方法。

41、Node.js的适用场景

42、对Node的优点和缺点提出了自己的看法

43、node.js、Mongodb、npm、MVVM、MEAN、three.js

44、使用Promises 而非回调(callbacks)优缺点是什么

45、请使用任意一种mvvm框架演示如何实现双向绑定

46、对Node的有点和缺点提出自己的看法

47、比较一下jQuery,Angular.js,React.js 等框架的优缺点

48、介绍下let,var,和const的区别

49、ECMAScript5和6有什么区别?

50、Requirejs的使用过程是怎样的(怎样搭建一个模块化项目)?

时间: 2024-10-05 14:35:35

2017年-Web前端面试题(HTML至Nodejs)的相关文章

2017年-Web前端面试题(HTML至Nodejs)(转)

[原]2017年-Web前端 面试题(HTML → Nodejs)   出自作者小矮人Web前端,博文地址:http://www.cnblogs.com/itlkNote/  文中有少许重复问题! 第一阶段 HTML.CSS.HTML5.CSS3 1.XHTML与HTML的有何异同? 2.介绍一下CSS的盒子模型?弹性盒子模型是什么? 3.Doctype的作用?标准模式与兼容模式各有什么区别? 4.HTML5 为什么只需要写 <!DOCTYPE HTML>? 5.行内元素有哪些?块级元素有哪些

Web前端面试题集锦

Web前端面试题集锦 前端开发面试知识点大纲: 注意 转载须保留原文链接(http://www.cnblogs.com/wzhiq896/p/5927180.html )作者:wangwen896 HTML&CSS: 对Web标准的理解.浏览器内核差异.兼容性.hack.CSS基本功:布局.盒子模型.选择器优先级及使用.HTML5.CSS3.移动端适应. JavaScript: 数据类型.面向对象.继承.闭包.插件.作用域.跨域.原型链.模块化.自定义事件.内存泄漏.事件机制.异步装载回调.模板

web前端面试题系列:(一)

1.作用域问题 var a = 6; setTimeout(function () { alert(a); a = 666; }, 1000); a = 66; 结果:66 2.语义化标签 1)tite与h1的区别 2)b与strong的区别 3)i与em的区别 PS:不要小看这些题,80%人答不上来 3.事件绑定 addEventListener,第三个参数是用来表示事件是以事件冒泡还是事件捕获这个各位都知道!但是他问的问题是: 我们给一个dom同时绑定两个点击事件,一个用捕获,一个用冒泡,你

web前端面试题整理(HTML篇)

web前端面试题整理(HTML篇)需要web前端课程工具和电子书,可以加: 33群105601600;  22群1203428331. h5的改进:新元素画布canvas: HTML5 <canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成音频audio视频video语义性: article,  nav ,  footer, section, aside, hgroup等.时间time 新属性拖放: draggable   <img draggable=&q

Web前端面试题-1

Web前端面试题 Web前端面试题 1 HTML/CSS部分 4 1.什么是盒子模型?有几种? 4 2.行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 4 3.CSS实现垂直水平居中 4 4.简述一下src与href的区别 5 5.什么是CSS Hack? 5 6.简述同步和异步的区别 6 7.px和em的区别 6 8. 什么叫优雅降级和渐进增强? 6 9.浏览器的内核分别是什么? 7 10.XHTML和HTML有什么区别 7 12.前端页面有哪三层构成,分别是什么?作用是什么?

最全的web前端面试题及答案整理 你不得不看

面试web前端开发,不管是笔试还是面试,都会涉及到各种专业技术问题,今天小编整理了一些常见的web前端面试题及答案,希望对大家有所帮助. 1.常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera. (Q2) 内核:Trident,Gecko,Presto,Webkit. 2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下) (Q1) 行内元素:会在水平方向排列,不能包含块级元素,设

金三银四,磨砺锋芒;剑指大厂,扬帆起航(2020年最全大厂WEB前端面试题精选)下

金三银四,磨砺锋芒:剑指大厂,扬帆起航(2020年最全大厂WEB前端面试题精选)下 引言 元旦匆匆而过,2020年的春节又接踵而来,大家除了忙的提着裤子加班.年底冲冲冲外,还有着对于明年的迷茫和期待!2019年有多少苦涩心酸,2020年就有更多幸福美好,加油,奥利给!怀着一颗积极向上的心,来面对未来每一天的挑战! 所谓"兵马未动,粮草先行",我们打响明天的战役也需要精神食粮来做后勤保障才是.在此我整理了多位从业者和我在2019年底至2020年初的一厂面试精选题,希望对磨砺锋芒.奋发向上

【web前端面试题整理02】前端面试题第二弹袭来,接招!(转)

前言 今天本来准备先了解下node.js的,但是, 看看我们一个小时前与一个小时后的差距: 既然如此,我们继续来搜集我们的前端 面试题大业吧!!! 特别感谢玉面小肥鱼提供哟,@玉面小飞鱼 题目一览 JavaScript编程题1.实现输出document对象中所有成员的名称和类型:2.如何获得一个DOM元素的绝对位置?(获得元素位置,不依赖框架)3.如何利用JS生成一个table?4.实现预加载一张图片,加载完成后显示在网页中并设定其高度为50px,宽度为50px:5.假设有一个4行td的tabl

web前端面试题

与大家分享一下最近所接触的面试题 1.对WEB标准以及W3C的理解与认识 标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外 链css和js脚本.结构行为表现的分离.文件下载与页面速度更快.内容能被更多的用户所访问.内容能被更广泛的设备所访问.更少的代码和组件,容易维 护.改版方便,不需要变动页面内容.提供打印版本而不需要复制内容.提高网站易用性: 2.xhtml和html有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言 最主要的不同: XHTM