【校招】前端校招考点之router-懒加载和路由

11月16日 收藏 0 评论 0 前端开发

【校招】前端校招考点之router-懒加载和路由

考点介绍:

我们在路由中通常会定义很多不同的页面。如果不应用懒加载的话,很多页面都会打包到同一个js文件中,文件将会异常的大。造成进入首页时,需要加载的内容过多,时间过长,在浏览器中可能会出现短暂的空白页,从而降低用户体验,而运用路由懒加载是将各个模块分开打包,用户查看的时候再加载对应的模块,减少加载用时。也就是说:一开始进入页面时不需要一次性把资源都加载完,需要时再加载对应的资源。

本期分享的内容分为试题、文章以及视频三部分。

答案详情解析和文章内容可扫下方二维码或链接即可查看!

一、考点题目

1、懒加载的特点

解答:减少无用资源的加载:使用懒加载明显减少了服务器的压力和流量,同时也减小了浏览器的负担。提升用户体验: 如果同时加载较多图片,可能需要等待的时间较长,这样影响了用户体验,而使用懒加载就能大大的提高用户体验......

2、 懒加载的实现原理

解答:图片的加载是由src引起的,当对src赋值时,浏览器就会请求图片资源。根据这个原理,我们使用HTML5 的data-xxx属性来储存图片的路径,在需要加载图片的时候,将data-xxx中图片的路径赋值给src,这样就实现了图片的按需加载,即懒加载.....

3、vue-router 中常用的路由模式

解答:hash模式,location.hash 的值实际就是 URL 中#后面的东西 它的特点在于:hash 虽然出现 URL 中,但不会被包含在 HTTP 请求中,对后端完全没有影响,因此改变 hash 不会重新加载页面.....

二、考点文章

1、 【校招VIP】何为懒加载

懒加载也叫做 延迟加载、按需加载 ,指的是在长网页中延迟加载图片数据,是一种较好的网页性能优化的方式。在比较长的网页或应用中,如果图片很多,所有的图片都被加载出来,而用户只能看到可视窗口的那一部分图片数据,这样就浪费了性能……

2、【校招VIP】[vue路由(router)的基本使用]

①.路由就是一组key – value的对应关系②.多个路由,需要经过管理者的管理③.路由的存在就是为了实现单页面应用……

3、【校招VIP】路由懒加载及实现方式(vue-router)

我们在路由中通常会定义很多不同的页面。如果不应用懒加载的话,很多页面都会打包到同一个js文件中,文件将会异常的大。造成进入首页时,需要加载的内容过多,时间过长,在浏览器中可能会出现短暂的空白页,从而降低用户体验,而运用路由懒加载是将各个模块分开打包,用户查看的时候再加载对应的模块,减少加载用时……

4、【校招VIP】vue-Router 常见面试题

钩子函数种类有:全局守卫、路由守卫、组件守卫。全局钩子:beforeEach、beforeResolve、afterEach。beforeEach 全局前置守卫 初始化时执行,每次路由切换前执行。全局前置守卫通常用来进行路由跳转的一些信息判断,判断是否登录,是否拿到对应的路由权限等等......

三、考点视频

1、直接插入排序和最佳复杂度

本题是校招的常见考点之一,这里考察的是简单排序的直播插入排序。首先要对熟悉排序算法本身,不要把选择和插入搞混…...

移动端链接:https://m.xiaozhao.vip/dTopic/detail/1372

PC端链接:https://xiaozhao.vip/dTopic/detail/1372

C 0条回复 评论

帖子还没人回复快来抢沙发