又开始找工作了，最近面试了一些公司，把问到的问题记录如下：

口述题

1. typescript和javascript有什么区别、特性和优势？
2. es6有什么新特性？
3. 请简述Promise的使用，主要解决什么问题？
4. 响应式布局的实现方式有哪些？
5. 垂直居中的实现方式
6. vue的生命周期有哪些？
7. vuex有哪些属性，如何引入组件？mutation和action的区别？
8. 父子组件传值的方式、兄弟组件的传值方式？
9. 对vue中Provide和inject的理解？
10. EventBus的实现原理？
11. 请简述如何手写实现一个事件订阅和发布？
12. 简述vue响应式原理？
13. npm发布一个包的过程？
14. IM聊天了解多少？有使用过哪些第三方库？本地聊天数据如何维护？
15. Docker了解多少？
16. seo优化了解多少？
17. 举例uin-app开发过程中遇到哪些问题？
18. uin-app中有无遇到视频全屏播放造成样式混乱问题？是如何解决的？
19. react项目都用到了哪些库？
20. 简述uin-app iOS上架过程？
21. jwt是如何在项目中使用的，详细描述如何续期的？
22. uin-app对接硬件了解多少？
23. vue函数式组件了解多少？
24. 请说一下slot的使用方式、slot-scope的使用？
25. 父子组件生命周期执行顺序是什么包括创建、更新和销毁过程？
26. 图表库有用到哪些？甘特图有哪些库可以使用？
27. 大屏展示有接触过吗？
28. httpcode有哪些，都表示什么？
29. http2有哪些新特点？
30. ssl签名加密的过程，电子签名加密原理？
31. 加密算法有哪些，md5是否可逆，有哪些对称加密，有哪些是非对称加密，能描述相应的原理吗？
32. 请简述你对前端发展趋势的看法和观点？
33. WebAssembly了解多少，列举用途？
34. 浏览器中的事件循环过程？
35. 实现拓扑图有什么技术？节点之间的线条如何布局和优化？
36. vue中computed和watch的区别？
37. Promise和async-await的区别，分别解决了什么问题？
38. 举例迭代器有哪些用途？
39. angularjs和vue有什么区别？
40. 微前端的实现原理？
41. 前端缓存技术有哪些？如何在应用发布后保持页面能够及时到达用户浏览器？
42. 描述浏览器缓存机制过程？200和304的区别？
43. 请举例做过的最有趣的个人项目？
44. 请举例做过哪些非二次封装的公共组件？
45. 跨域产生的原因？
46. XSS和CSRF的方式和防范办法？
47. 前端还有哪些安全防范方法？为什么使用https？
48. webpack是做什么的，loader和plugin的区别是什么？
49. webpack有写过插件吗，大致讲一下？
50. 前端使用各种框架是为什么，和单纯写js、html、css有什么区别？

笔试题

1. 请写出控制台输出内容

var a = 'str'
console.log(a)
function m1() {
    console.log(a)
    m2()
}

function m2(){
    a = 'str2'
    var a = ''
    console.log(a)
    console.log(b)
    var b = 'str3'
    console.log(b)
}

m1()

2. 请写出运算结果

var num = 1
num.a = 2
console.log(num+num.a)

var str = 'hello'
str.b = 'word'
console.log(str+str.b)

3. 请写出执行结果

cosole.log('hello')

new Promise(function(){
    console.log(1)
}).then(function(){
    console.log(2)
})

setTimeout(function(){
    console.log(3)
    new Promise(function(){
        console.log(4)
    }).then(function(){
        console.log(5)
    })
},0)

4. 请实现回文数字判断函数？

// 12321，123321 都有一个共同的特征，无论从左到右读还是从右向左读，都是相同的。这样的数字叫做：回文数字。
// 如 121 11211 12321 是回文数
// 如 -121 不是回文数
// 请实现函数返回true或false来判断一个数字是否是回文数

function isPalindrome(x){

}

5. 请实现重试函数？

// 请用延时器实现一个可以重试多次的函数
function trySetTimeout(fu, delay, times){

}

trySetTimeout(()=>{
    console.log(1)
},1000,4)

6. 请实现版本号比较方法？

// 1.2 和 1.2.1 返回 false
// 1.1.1 和 1.2.1 返回 false
// 1.3 和 1.2 返回 true

function versionCompare(v1,v2){

    return // 返回true或false
}

7. 幼儿园分班问题

https://blog.nowcoder.net/n/c9ccf01cca8f47a8b54b0e6a70fb8c71

8. 字符串加密问题

https://blog.nowcoder.net/n/a1b39358f0ca429cb1ea4b53ca89bc14

9. 贪吃蛇问题

https://blog.nowcoder.net/n/42420d1a2d324c32838f7f23e4da45f3