海康威视财务面试题及答案.docx

1、海康威视财务面试题及答案海康威视财务面试题及答案1. 闭包是什么？有什么优点和缺点？2. css中怎么使盒子上下居中（面试官说水平居中太简单了orz.）？3. js中本地存储有哪些？有什么不同？4. cookie中的session了解吗？5. 跨域了解吗？6. this的指向问题？7. vue使用的UI框架？8. npm中的工具了解过吗？（yarn）9. Node.js了解吗？详细讲一下项目？后端调用？1. 闭包是什么？有什么优点和缺点？ 解答：闭包是指有权访问另一个函数作用域中的变量的函数。 优点： 能够读取函数内部的变量；让这些变量一直存在于内存中，不会在调用结束后被垃圾回收机制回收； 缺

2、点：由于闭包会使用函数中的变量存在在内存中，内存消耗很大，所以不能滥用闭包；解决的办法是退出函数之前，将不使用的局部变量删除；2. css中怎么使盒子上下居中（面试官说水平居中太简单了）？解答：方法一： 设置垂直居中的时候要注意，先给祖先元素html和body的高度设置为100%（默认是0）；并且清除默认样式（margin和padding都设置为0，否则浏览器就会出现滚动条），然后给子盒子相对定位和位移position：relative;top:50%;，然后减去本身宽度的一半即可（margin-top：负自身高度的一半 / transform：translateY(-50%) 向上偏移自身高

3、度的一半； 注意：top、bottom、left、right的百分比值都是相对于包含块的高度、宽度的；方法二： 弹性盒子。给父元素设置display:flex; align-items:center;设置body里的元素垂直居中；（justify-content:center;定义body里的元素水平居中）3. js中本地存储有哪些？有什么不同？cookie、localStorage、sessionStorage； 相同点：都保存在浏览器端； 不同点： 传递方式不同 cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。 sessionStor

4、age和localStorage不会自动把数据发给服务器，仅在本地保存。 数据大小不同 （cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。） 存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。 sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。 数据有效期不同 sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持； localStorage：始终有效，窗口或浏览器

5、关闭也一直保存，因此用作持久数据； cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。 作用域不同 sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面； localStorage 在所有同源窗口中都是共享的； cookie也是在所有同源窗口中都是共享的。4. cookie中的session了解吗？cookie和sessiom是两种保持会话状态的方法。 cookie就是指客户端在向服务端发起请求的时候，服务端会在进行response的时候给当前客户端的一小段文本信息，并保存在当前的客户端的浏览器中，这一小段cookie文本信息也就是这个客户端去访

6、问服务端的通行证，有了这个通行证，以后当这个客户端再去访问服务端的时候，服务端便知道是谁拿着通行证去进行访问了。 session和cookie的功能类似，也是一种保持会话状态的方式，在用户使用浏览器发起会话时，服务器会为每一个用户浏览器提供一个单独的session对象来保存用户的数据，并将它保存在服务端，而当用户访问其他web资源的时候，则可以从保存用户数据的session对象中把用户数据抽取出来并进行访问。 区别： 1. cookie的用户数据是保存在用户浏览器的cookie中的； session的用户数据是保存在服务器为用户浏览器单独创建的session对象中的。 2. 数据的读取和调用，

7、cookie可以采用request.getCookies这种方法； session则可以用request.Session的方法。 3. 安全性，cookie是存储在用户浏览器中的； 而session是存储在服务器上的，所以session比cookoe要相对安全；5. 跨域了解吗？跨域，指的是浏览器不能执行其他网站的脚本。浏览器执行javascript脚本时，会检查这个脚本属于哪个页面，如果不是同源页面，就不会被执行。 解决办法： JSONP：注意JSONP只支持GET请求，不支持POST请求。 原理：ajax请求受同源策略影响，不允许进行跨域请求，而script标签src属性中的链接却可以访问

8、跨域的js脚本，利用这个特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的js代码，在src中进行了调用，这样实现了跨域。 代理：写后端接口，在后端调用页面拿到返回值返回给html文件。相当于绕过了浏览器，就不会存在跨域问题。 PHP端修改header header(Access-Control-Allow-Origin:*);/允许所有来源访问 header(Access-Control-Allow-Method:POST,GET);/允许访问的方式6. this的指向问题？this的最终指向的是那个调用它的对象。 改变this指向的方法： 1. 使用箭头函数； 2. 在函数

9、内部使用_this=this; 3. 使用apply、call、bind； 4. new实例化一个对象；7. vue使用的UI框架？animate.css是一款前端动画库，相似的有velocity-animate；使用步骤： 1. 首先npm install animate.css -save； 2. 然后在vue文件的script中引入import animate from animate.css； 3. 最后绑定元素使用，如下： hello methods: fade:function() $(#f).addClass(animated bounceOutLeft) 部分api常见：fad

10、e: title: 淡入淡出, fadeIn: 淡入, fadeOut: 淡出,bounce: title: 弹跳类, bounceIn: 弹跳进入, bounceOut: 弹跳退出,zoom: title: 缩放类, zoomIn: 放大进入, zoomOut: 缩小退出,rotate: title: 旋转类, rotateIn: 顺时针旋转进入, rotateOut: 顺时针旋转退出,flip: title: 翻转类, flipInX: 水平翻转进入, flipInY: 垂直翻转进入, flipOutX: 水平翻转退出, flipOutY: 垂直翻转退出,strong: title: 强调

11、类, bounce: 弹跳, flash: 闪烁, pulse: 脉冲, rubberBand: 橡皮筋, shake: 左右弱晃动, swing: 上下摆动, tada: 缩放摆动, wobble: 左右强晃动, jello: 拉伸抖动8. npm中的工具了解过吗？（warn）npm就是JavaScript的包管理工具。npm主要用来下载，安装，管理第三方模块。 创建一个包描述文件：npm init -y 查看包的信息 npm info 查看包的版本信息 npm info versions 安装指定的包：npm install 默认会安装在当前目录下的 node_modules 目录下，如果

12、 node_modules 不存在，则会自动创建。 本地安装包，如果包里有可执行文件，则npm会把可执行文件安装到 node_modules/.bin 目录下。 安装指定版本的包：npm install 安装包并记录依赖，会在 package.json 中 dependencies 属性记录依赖npm install -save 卸载包：npm uninstall 更新包：npm update 全局安装包，把包安装在全局目录，供所有项目使用:npm install -g 全局安装包，如果包里有可执行文件，则npm会把可执行文件安装到 node_modules 上一级目录中。 查看全局目录：np

13、m root -g 修改全局目录的路径：npm config set prefix 新路径默认情况下全局安装的包不能直接在项目中加载，如果要直接加载，需要在系统环境变量中添加一个名为 NODE_PATH 的变量，值为全局安装目录下 node_modules 位置。 查看npm配置 npm config list9. Node.js了解吗？根据官方文档可以知道，node就是一个给予谷歌v8引擎的一个javascript的运行时，可以理解为运行js的一个虚拟机。他使用的是一个事件驱动，非阻塞I/O模型 ，他是将js的运行环境搬到了服务器端，和客户端没有一点关系。是一个纯服务端的东西，node只是为

14、js提供了一个平台。 node里面其实还分了两块，一是封装了v8引擎，目的是为了执行es（如定义变量，定义函数等），另外一个提供了大量的工具库，是帮助node实现各种功能的，提供了一些以前js的环境办不到的事情，比如文件操作，网络操作，操作系统的操作。 既然node是一个平台（所谓的平台就是用来运行特定语言的），也就意味着node是用来运行语言的，那么java也是语言，node能运行java吗？据nodejs创始人Ryan Dahl回忆，他最初是选择了Ruby这门语言，但是Ruby这门语言的虚拟机效率不怎么样最终放弃了，按照这种思路，貌似node将java的虚拟机集成进来应该可以运行java，

15、但node作者最终选择了javascript。 这样js就实现了在服务端运行的可能，js运行在node平台上（分为v8部分，用来执行es，和大量的工具库组件（API）称之为libuv，提供了以前js的环境办不到的事，如文件操作，网络操作等等）。 用途： （1）node可以接受客户端用户的所有请求，并且能够快速的给出响应，因此node可以用来做网站。 （2）node可以作为一个中间层来来分发调用数据接口，比如有一个网站数据是有java提供的，我们可以让node作为一个中间层，来接受用户的请求，然后通过node来调用java数据接口，获取到数据后直接在node层面做html的封装，然后将渲染好的页面直接给用户。为什么要这样做，直接请求java接口不行吗，这是因为node被称之为高性能的web服务器，在并发和抗压方面都比传统的平台要好很多，因此这样一包装可以极大的减轻服务器的开发。 通过上面的两点，可以总结出，node在web中要么从前端页面到后端服务全包了，一个是只做其中的一点。 一言以蔽之，node就是一个javascript的运行环境（平台），他不是一门语言，也不是javascript的框架。可以用来开发服务端应用程序，web系统。其特点是体积小，快速，高性能。