2017年-Web前端面试题(HTML至Nodejs)
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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新增的
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的使用过程是怎样的（怎样搭建一个模块化项目）？
以上是关于2017年-Web前端面试题(HTML至Nodejs)的主要内容，如果未能解决你的问题，请参考以下文章