前端口试中，肯定都会被问过项目中的难点，但是许多人都答不出来。为了让各人接下来的口试中有富足的准备，给各人整理了一些有难度又高频的口试题，渴望你们求职顺遂。
我们先来汇总JavaScript的笔试题：
（1）介绍一下JS的根本数据范例：
Undefined、Null、Boolean、Number、String（2）介绍一下JS有哪些内置对象：
Object 是 JavaScript 中全部对象的父对象数据封装类对象：Object、Array、Boolean、Number、String其他对象：Function、Argument、Math、Date、RegExp、Error（3）摆列JS的根本代码规范：
（1）不要在同一行声明多个变量（2）如果你不知道数组的长度，使用 push（3）请使用 ===/!== 来比力 true/false 大概数值（4）对字符串使用单引号 ''(由于大多时间我们的字符串。特殊html会出现")（5）使用对象字面量替换 new Array 这种情势（6）绝对不要在一个非函数块里声明一个函数，把谁人函数赋给一个变量。欣赏器允许你这么做，但是它们剖析差异（7）不要使用全局函数（8）总是使用 var 来声明变量，如果不这么做将导致产生全局变量，我们要制止污染全局定名空间（9）Switch 语句必须带有 default 分支（10）使用 /***/ 举行多行解释，包罗描述，指定范例以及参数值和返回值（11）函数不应该偶然候有返回值，偶然候没有返回值（12）语句竣事肯定要加分号（13）for 循环必须使用大括号（14）if 语句必须使用大括号（15）for-in 循环中的变量应该使用 var 关键字明白限定作用域，从而制止作用域污染（16）制止单个字符名，让你的变量名有描述意义（17）当定名对象、函数和实例时使用驼峰定名规则（18）给对象原型分配方法，而不是用一个新的对象覆盖原型，覆盖原型会使继续出现题目（19）当给事故附加数据时，传入一个哈希而不是原始值，这可以让反面的贡献者参加更多数据到事故数据里，而不用找出并更新谁人事故的事故处理惩罚器流式结构怎样实现，相应式结构怎样实现？
流式结构：也叫fluid，
上面一行的空间不敷容纳新的 TextView 时间才开发下一行的空间。场景：重要用于关键词搜刮大概热门标签等场景；他重要是按照页面元素的宽度按照屏幕分辨率举行适配调解，但团体结构稳固,使用%百分比界说宽度，高度多数是用 px 来固定，可以根据可视地区和父元素的实时尺寸来调解，尽大概顺应各种分辨率。
相应式结构：重要是实现差异屏幕分辨率的终端上欣赏网页的差异展示方式， 通过相应式计划能使网站在手机平静板电脑上有更好的欣赏阅读体验；起首设置meta标签，通过媒体查询来设置样式Media Queries,然后再设置多种视图宽度。
什么是 “use strict”,长处和弊端是什么？
ECMAscript 5 添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得 Javascript 在更严格的条件下运行。
长处：消除 Javascript 语法的一些不公道、不严谨之处，镌汰一些怪异活动;消除代码运行的一些不安全之处，包管代码运行的安全；进步编译器服从，增长运行速度；为将来新版本的 Javascript 做好铺垫。 注：颠末测试 IE6,7,8,9 均不支持严格模式。
缺点：如今网站的 JS 都会举行压缩，一些文件用了严格模式，而另一些没有。这时这些原来是严格模式的文件，被 merge 后，这个串就到了文件的中心，不光没有指示严格模式，反而在压缩后浪费了字节。
介绍一下websocket
websocket 是一种网络通讯协议，是HTML5 开始提供的一种在单个 TCP 毗连上举行全双工通讯的协议，这个对比着 http 协议来说，http 协议是一种无状态的、无毗连的、单向的应用层协议，通讯哀求只能由客户端发起，服务端对哀求做出应答处理惩罚。http 协议无法实现服务器主动向客户端发起消息，Websocket 毗连允许客户端和服务器之间举行全双工通讯，以便任一方都可以通过创建的毗连将数据推送到另一端。WebSocket 只必要创建一次毗连，就可以不停保持毗连状态。
单页面应用有什么SEO方案？
缘故原由：较之于传统页面，单页应用必要先下载框架（数据 / 模板），然后才能开始加载数据、
方案：服务器端渲染首屏（SSR 基于 vue 的服务端下载）；让服务端把首屏的数据渲染在页面上；举行根本的 css 模板 js 的编译归并；镌汰哀求次数，使用 gulp 工具，把 css 打包成一个文件, js 打包成一个文件, 模板打包成一个 js 文件($templateCache) 可以和 js 文件打包成一起（促使模板 JS 文件和 JS 文件一次性哀求）；代码分块，如果首屏不必要的块，就不用加载了；路由组件懒加载。当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把差异路由对应的组件分割成差异的代码块，然后当路由被访问的时间才加载对应组件，如许更加高效；如果有大量图片使用懒加载。
口试官扣问项目中的难点和亮点的目标，是渴望通过这个题目，相识你前面应对过什么样的复杂题目，重要的是面对题目标办理思绪
回到之前练习电面的时间，口试官也问了这个。然后立刻就想起来之前有个比力大的项目里的头部下拉功能的实现。当时项目里下拉除了复杂交互和复杂的下拉界面之外，尚有个失常的需求是移动端（相应式）的交互和样式是完全别的一套，同样的结构搞两套完全差异的交互和样式，做了两三天才搞定。然后
简单的跟口试官介绍需求，跟他说线上地址，可以让他看下现实效果，然后介绍自己办理题目标思绪。
比如说我的简历上是vue的项目，然背口试官经常会问项目遇到过哪些题目或困难，印象比力深刻的地方。
像这种题目该怎么复兴呢？感觉遇到的题目都是刚打仗框架初期遇到的小题目，也不是多大的技能难点啊，说出来怕比力简单，算不上难点，显的没有水平。
复兴：
这种一样平常就是稽核你办理、处理惩罚题目标能力，固然，有的也是跟风恣意问问。
你可以例举一些项目中遇到的坑，大概耗时较长的一些部分，以及自己的办理方案。
重要涉及到，题目标提出，题目标处理惩罚，以及处理惩罚方式(是看官方文档，讨教他人，团队办理 照旧其他)。
如果业务确实太简单，可以如实告知，比如 「由于之前的业务相对通例，没有遇到过大的困难，但是也比力等待再以后工作中遇到一些难题，由于如许才会有发展。」 |
