vue面试题总结

在最后一题有：json.parse和json.stringify的区别

vue双向数据绑定原理

前言

• Vue内部通过Object.defineProperty
• 作用：给属性赋值
• 特点：有监听赋值的方法
• 参数1：要赋值属性所属的对象
• 参数2：要赋值的属性(string)
• 参数3：

prototype和proto的区别？

• prototype和proto都指向原型对象，任意一个函数（包括构造函数）都有一个prototype属性，指向该函数的原型对象，同样任意一个构造函数实例化的对象，都有一个proto属性
• 结论：prototype属性可以给函数和对象调价可共享(继承)的方法和属性，而proto是查找函数和对象的原型方式

es6新特性？

class继承 有兼容性问题
template模板、和模板继承
箭头函数：没有this指向的问题
Promise：
// hhtp机制：缓存
// 跨域 常用cors
// 页面输入url 发生了什么
// 页面优化： 图片懒加载 压缩体积
// vue组件里的样式改不了

以下是关于前端面试题的汇总：
1、prototype和proto的关系是什么？
2、meta viewport原理是什么？
3、域名收敛是什么？
4、float和display:inline-block的区别是什么？
5、前端优化策略列举
6、首屏、白屏时间如何计算？
7、解释一下闭包
8、解释一下作用域链
9、ajax如何实现，readyState的五种状态的含义？
10、jsonp如何实现？
11、怎么处理跨域？
12、restful的method解释？
13、get和post的区别？
14、事件模型解释
15、编写一个元素拖拽的插件
16、CSS，JS代码压缩，以及代码CDN托管，图片整合
17、如何利用webpack把代码上传服务器以及转码测试？
18、项目上线流程是怎样的？
19、工程化怎么管理的?
20、webpack 和 gulp对比 webpack打包文件太大怎么办?
21、不想让别人盗用你的图片，访问你的服务器资源该怎么处理？
22、精灵图和base64如何选择？
23、webpack怎么引入第三方的库？
24、如果线上出现bug git怎么操作？
25、用过Nginx吗？都用过哪些？
26、UIWebView和JavaScript之间是怎么交互的?
27、混合开发桥接api是怎么调用的，需要引入类库嘛?调用的对象是什么?

28、说一下你对支付，推送（远程，本地）的理解
29、什么是代理和通知，写一下他们基本的实现方
30、UIViewController的生命周期
31、rem布局字体太大怎么处理?
32、如何调用原生的接口？
33、微信支付怎么做？说说流程
34、混合开发的注意点
35、说说你对手机平台的安装包后缀的理解
36、谈谈你对Socket编程的理解，及实现原理，Socket之间是怎么通讯的37、WEB应用从服务器主动推送Data到客户端有哪些方式?
38、简述Node.js的适用场景？
39、什么是HTTPS，做什么用的呢？如何开启HTTPS？
40、你们原来公司如何发送的新消息推送？
41、如何用NodeJS搭建中间层？
42、vue与react的对比,如何选型？从性能，生态圈，数据量，数据的传递上，作比较
43、vue slot是做什么的?
44、vue和angular的优缺点以及适用场合?
45、vue路由实现原理?
46、你们vue项目是打包了一个js文件，一个css文件，还是有多个文件？47、vue遇到的坑，如何解决的？
48、vue的双向绑定的原理，和angular的对比
49、vue-cli，脚手架
50、Vue里面router-link在电脑上有用，在安卓上没反应怎么解决？

1、JSON.parse(“要转换的数据”)

2、JSON.stringify(“要转化的数据”)

3、首先，两个方法的用法是有差别的：

①.JSON.stringify是从一个对象中解析出字符串

②.JSON.parse是从一个字符串中解析出json(键值对)

4、所以在使用的时候如果参数不对应，就不能正确转换：

一.JSON.parse()【从一个字符串中解析出json对象】

例子：

1.定义一个字符串，var data='{"name":"goatling"}'

2.解析对象，JSON.parse(data)

3.结果是：

name:"goatling"

二.JSON.stringify()【从一个对象中解析出字符串】

1.var data={name:'goatling'}

2.JSON.stringify(data)

3.结果是：

'{"name":"goatling"}'