前言 本文主要整理了一些最近遇到的前端面试题，方便大家在面试前有所准备，文中给出了详细的解答，下面话不多说了，来看看详细的介绍吧。 1、标签属性中title和alt的区别 答: title是设置鼠标移动到图片上时显示的内容，而alt是用于当图片没有正常显示时出现的提示文字，另外alt还用于在seo中针对图片的优化说明. 2、隐藏元素的几种方法 答:      1.display:none;      2.visibility:hidden;      3.opacity:0;      4.position:absolute;         left:-10000px; 3、Ja

之前在基于Vue实现后台系统权限控制一文中提到路由权限的实现思路，因为不喜欢在每次路由跳转的before钩子里做判断，所以在初始化Vue实例前对路由做了筛选，再用实际路由初始化Vue实例，代价是登录页需要从Vue实例中独立出来，实现上倒没什么问题，不过这种做法需要在登录和首页之间通过url跳转，感觉总是不太”优雅”，实际上只要能在登录后动态修改当前实例的路由就行了，之前确实没办法，但vue-router 2.2版本新增了一个router.addRoutes(routes)方法，让动态路由得以实现。 想当然的实现方案 用动态路由实现路由权限控制貌似是一个完美的方案，初始路由只有登录和404，登录

HTML5 提供的本地存储功能，使得web应用可以将数据存储在用户的本地浏览器。在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。 在客户端存储的方法有两种： 1. localStorage: 没有时间限制的存储，而且容量大，至少5M大小；所有相同域名的页面都可以存储和获取相同的数据。 2. sessionStorage: 针对一个session的数据存储，该tab关掉就会消失。 目前大部分浏览器都已经很好地支持了 HTML5 ，但了为安全，使用前还是应该做客户端检测： if (typeof(Storage)

将json对象使用JSON.stringify(JsonObject)方式转换为字符串，存入到 sessionStorage或localStorage 中；然后从 sessionStorage或localStorage 中取出对应的字符串，使用eval或JSON.parse将字符串转换为json对象。其中使用eval做转换时，需要在字符串的前后加入"("和")"

安全存储 Monkeypatch 在私有浏览模式下持久化到 localStorage 或 sessionStorage 时避免 DOM 22 异常。

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