前端开发遇到的坑

1.元素消失的方案

• (1)Visibility:hidden；元素隐藏但保留位置，
• (2)display: none；元素隐藏且不保留位置。

2.vue中v-if和v-show的区别

• (1)v-if的原理是根据判断条件来动态的进行增删DOM元素，
• (2)v-show是根据判断条件来动态的进行显示和隐藏元素。
• (3)v-for比v-if优先级高，

3.Css中px，em，rem的区别

• (1)px像素（Pixel），相对长度单位，相对于屏幕分辨率而言。
• (2)em：相对长度单位，相对于当前容器内的文本的字体尺寸；如果当前容器字体没设置字体大小，则以浏览器的默认字体尺寸（16px）来计算，
• (3)rem：也是相对长度单位，它相对于html的根元素，一般是body的字体设置值。
• (4)通常在H5开发中，我们使用rem做单位，不同尺寸的设备会得到较好的展示协调性，换算方式：16px=1em; 12px=0.75em;10px=0.625em；为了方便换算font-size，我们在body里设置 font-size：62.5%；使得以后的字体使用中用1em=10px来计算；

4.Js中var，let，const的区别

• var 变量可以提升，let，const变量不可以提升
• var 没有暂时性死区，let，const有暂时性死区
• var 和let可以修改声明的变量，const不可以修改
• var 没有块级作用域，let和const有块级作用域

变量提升：变量可以先使用再声明
暂时性死区：在代码块内，使用let、const命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）

5.Cookie，localstorage，session，sessionStorage的区别

• (1)cookie是由服务端主导的，主要用于存储用户身份验证信息。Cookie会随着请求头和响应头往返于服务器和浏览器之间；
• (2)localstorage是由前端js控制的，主要用于缓存业务逻辑数据。
• (3)cookie数据存放在客户的浏览器上，session数据放在服务器上。
• (4)localstorage和sessionStorage都是本地存储，sessionStorage是页面关闭时存储的数据会被清除，而localstorage只要不主动删除，会一直存储。

6.Js的模块化技术都有哪些

• (1)CommonJS，同步模块化标准，NodeJS采用的就是这套标准。
• (2)AMD，异步模块化，requireJS使用的标准。
• (3)ES6模块化，ES官方的标准，本质上也是一种同步模块化。
  

7.问题：数据变化后，页面不重新渲染，

• (1)通过调用 $set(array, index, value)
• (2)传参：1. 要操作的数组/对象 2. 下标值 3. 修改的值
  ①this.$set(this.list, 0, ‘aa’);
  ②Vue.$set(this.list, 0, ‘aa’);
• (3)删除数组/对象元素
  this.$delete(this.list, index); // index 下标值