前言 本文主要整理了一些最近遇到的前端面试题,方便大家在面试前有所准备,文中给出了详细的解答,下面话不多说了,来看看详细的介绍吧。 1、标签属性中title和alt的区别 答: title是设置鼠标移动到图片上时显示的内容,而alt是用于当图片没有正常显示时出现的提示文字,另外alt还用于在seo中针对图片的优化说明. 2、隐藏元素的几种方法 答:      1.display:none;      2.visibility:hidden;      3.opacity:0;      4.position:absolute;         left:-10000px; 3、Ja
2023-05-03 18:35:14 136KB jquery jquery事件 sessionstorage
1
之前在基于Vue实现后台系统权限控制一文中提到路由权限的实现思路,因为不喜欢在每次路由跳转的before钩子里做判断,所以在初始化Vue实例前对路由做了筛选,再用实际路由初始化Vue实例,代价是登录页需要从Vue实例中独立出来,实现上倒没什么问题,不过这种做法需要在登录和首页之间通过url跳转,感觉总是不太”优雅”,实际上只要能在登录后动态修改当前实例的路由就行了,之前确实没办法,但vue-router 2.2版本新增了一个router.addRoutes(routes)方法,让动态路由得以实现。 想当然的实现方案 用动态路由实现路由权限控制貌似是一个完美的方案,初始路由只有登录和404,登录
2022-09-05 16:21:45 77KB add dd sessionstorage
1
HTML5 提供的本地存储功能,使得web应用可以将数据存储在用户的本地浏览器。在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。 在客户端存储的方法有两种: 1. localStorage: 没有时间限制的存储,而且容量大,至少5M大小;所有相同域名的页面都可以存储和获取相同的数据。 2. sessionStorage: 针对一个session的数据存储,该tab关掉就会消失。 目前大部分浏览器都已经很好地支持了 HTML5 ,但了为安全,使用前还是应该做客户端检测: if (typeof(Storage)
2021-12-15 18:41:57 40KB html5 OR session
1
将json对象使用JSON.stringify(JsonObject)方式转换为字符串,存入到 sessionStorage或localStorage 中;然后从 sessionStorage或localStorage 中取出对应的字符串,使用eval或JSON.parse将字符串转换为json对象。其中使用eval做转换时,需要在字符串的前后加入"("和")"
2021-12-15 18:32:06 861B json
1
安全存储 Monkeypatch 在私有浏览模式下持久化到 localStorage 或 sessionStorage 时避免 DOM 22 异常。
2021-07-12 19:08:32 2KB JavaScript
1
Web存储缓存 语言 见 WebStorageCache对HTML5 localStorage和sessionStorage进行了扩展,添加了超时时间,序列化方法。可以直接存储json对象,同时可以非常简单的进行超时时间的设置。优化: WebStorageCache自动清除访问的过期数据,避免了过期数据的累积。另外也提供了清除全部过期数据的方法: wsCache.deleteAllExpires(); 用法 最新的WebStorageCache。 npm下载 npm install web-storage-cache --save-dev 使用WebStorageCache,只要在页面上发布以下代码即可。 < script src =" src/web-storage-cache.js " > </ script > < script > // create WebStorageCac
1