前端实习笔记

实习面试题

1. 说一些HTML5的语义化标签 （详见：http://www.daqianduan.com/6549.html）

2. JS数组有哪些常用的方法（push, pop, unshift, splice等等这些）

3. 简单说说Vue的生命周期 （包括生命周期的过程描述，钩子函数等等，具体如下图：原图来自大前端http://www.daqianduan.com 网站，侵删）

Vue的生命周期详解
4. 简单说说Vue的双向绑定原理

5. 说说Vue的响应式原理 （详见：https://cn.vuejs.org/v2/guide/reactivity.html）

6. Vuex有用过吗，Vuex的作用，Vuex有哪些常用方法

7. Vue中的v-show和v-if有什么区别（这道题问的最多）

8. VueRouter的导航守卫

9. JS的深浅拷贝的区别，分别实现深浅拷贝 （详见：https://blog.csdn.net/a715167986/article/details/90440794）

10. Promise有用过吗，说说Promise有几个状态，分别是什么意思 （详见：http://es6.ruanyifeng.com/#docs/promise）

11. 说说ES6 ES7的一些新特性

12. JS中0.1 + 0.2 等于几（被问烂了这道题，然而当时笔者答不上来）

13. 说说HTTP的几个状态码，各自的含义，304是什么意思？

14. 手写一个防抖函数

15. Ajax请求过程叙述

16. 浏览器在输入url到看到网页发生的过程（很经典常考的一道题）

17. HTTP1.0 HTTP1.1 HTTP2.0的区别，http和https的区别

18. JS如何实现继承

19. JS数组去重，取交集、并集、差集各自怎么实现

20. 说一说HTML5和CSS3的新特性

21. 说一说Vue的Render函数的作用

22. CSS实现如下的圆环效果 （略难）

23. JS let和var的区别

24. JS的基本数据类型有哪些

25. 说说常用的算法和数据结构

26. 说说快排，快排是稳定的吗？为什么？

27. 说说二叉树结构和使用场景
 

使用js获取数组中的元素
面试官提问：现在有一个包含10个元素的数组，你有什么方法能够取出其中的第二个和第三个元素吗

1、slice函数
Array.slice()，接收两个参数，起始位置（包含起始元素），结束位置，返回一个新数组

const arr=[1,2,3,4,5,6,7,8,9,10]

const arr2=arr.slice(1,3)

console.log(arr2);

slice(1,3)，从下标1的元素开始截取（包含该元素），截取到下标为3的元素（不包含该元素）

输出：[2, 3]

如果传入的参数为负数，截取是从后面开始的

const arr=[1,2,3,4,5,6,7,8,9,10]

const arr2=arr.slice(-3,-1)

console.log(arr2);

输出：[8,9]

slice(-3,-1)，从倒数第三个（包含该元素）开始截取，截取到倒数第一个（不包含该元素）

2、splice函数
该函数操作原数组，可以执行数组的删除和插入，返回一个新数组

用作删除的时候，接收两个参数：起始下标，删除的个数；函数返回删除的元素数组

用作插入的时候，接收两个以上参数：起始下标，删除的个数，插入的元素；函数返回删除的元素数组，插入的元素会在删除的元素的位置开始插入

const arr=[1,2,3,4,5,6,7,8,9,10]

const arr2=arr.splice(1,2)

console.log(arr2);

输出：[2,3]

splice(1,2)，从下标1开始，删除两个元素，返回以这两个元素作为元素的数组

执行之后，原数组被改变，变为[1, 4, 5, 6, 7, 8, 9, 10]

参数可以为负数，第一个参数为负数时，从数组后面开始删除，第二个参数依旧为删除的个数，如果第二个参数为负数，则第二个参数视为0

const arr=[1,2,3,4,5,6,7,8,9,10]

const arr2=arr.splice(-2,-100)

console.log(arr2);

输出：[]

splice(-2,100)，从倒数第二个开始，删除0个元素
 

map遍历数组的用法

将数组中所有id变为code，所有title变为name

 this.lists = res.results.map(data =>{return{name:data.orgName,id:data.orgId}});