前端面试题(2)

mac2024-01-29  35

导航

1. v-show 和 v-if区别

2. vue中key的作用

3. assets和static的区别

4. computed 和 methods的区别

5. computed 和 watch的区别

现在是23:05,俺还没有洗漱,只为了让俺的两位美女同桌能够背上新鲜出炉的周考题。马冬梅好好背,萝卜加油。

废话不多说,开始更新!今天有点难受哦,bug多的不得了,一直解决不了还老是出现新的bug,还好我有用60年寿命换来的两位同桌,是她们让我有了坚持下去的动力,要不然变得和她们一样可太惨了。

废话不多说,开始更新!今天早上吃了一个鸡蛋,一根油条,喝了一杯豆浆。

废话不多说,

开始更新

黑人的时间不值钱

第一题,v-show 和 v-if区别

v-if用于判断是否有dom v-show用于显示和隐藏dom v-if 有更高的切换开销,不频繁切换状态用它 v-show 有更高的初始渲染开销,频繁切换状态用它

明天就是万圣节了,我这鬼样子就不需要化妆了吧!

第二题,vue中key的作用

(理解)当 Vue.js 用 v-for 正在更新已渲染过的元素列表时,它默认用“就地复用”策略。如果数据项的顺序被改变,Vue 将不会移动 DOM 元素来匹配数据项的顺序, 而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。key的作用让每个item有一个唯一的识别身份,可以下标值index或者id, 主要是为了vue精准的追踪到每一个元素,高效的更新虚拟DOM。

(背诵)key的作用让每个item有一个唯一的识别身份,可以下标值index或者id, 主要是为了vue精准的追踪到每一个元素,高效的更新虚拟DOM。

四哥叫小四,我次于他,那我当个小三有错吗?

第三题,assets和static的区别

(理解)相同点:

assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片,字体图标,样式文件等都可以放在这两个文件下,这是相同点

不相同点: assets中存放的静态资源文件在项目打包时,也就是运行npm run build时会将assets中放置的静态资源文件进行打包上传,所谓打包简单点可以理解为压缩体积,代码格式化。而压缩后的静态资源文件最终也都会放置在static文件中跟着index.html一同上传至服务器

static中放置的静态资源文件就不会要走打包压缩格式化等流程,而是直接进入打包好的目录,直接上传至服务器。因为避免了压缩直接进行上传,在打包时会提高一定的效率,但是static中的资源文件由于没有进行压缩等操作,所以文件的体积也就相对于assets中打包后的文件提交较大点。在服务器中就会占据更大的空间。所以简单点使用建议如下:

将项目中template需要的样式文件js文件等都可以放置在assets中,走打包这一流程。减少体积。而项目中引入的第三方的资源文件如iconfoont.css等文件可以放置在static中,因为这些引入的第三方文件已经经过处理,我们不再需要处理,直接上传。

(背诵)共同点:两个都是存放静态资源文件的 区别:assets里面的静态资源文件,在打包时,压缩的静态资源文件最终也会放到static文件夹中跟着index.html一起上传到服务器 static中的静态资源文件,就不会走打包压缩程序,而是直接进入打包好的目录,直接上传至服务器。

最后一题,敲完熬夜通宵睡觉

第三题和第四题,computed 和 methods的区别 computed 和 watch的区别

(理解) (背诵) computed:计算属性,计算结果会缓存,只有当依赖值数据发生改变时才会重新计算, watch:监听属性,一个值的改变,需要另一个值的改变而改变,结果不会缓存 methods:事件方法,只有调用才能执行,结果不会缓存。

23:38了,洗澡再见。

最新回复(0)