javascript
-
HTML5实现无刷新修改URL的方法
下面是详细的HTML5实现无刷新修改URL的方法的攻略： 1. 使用HTML5 History API HTML5 History API 可以让我们在不刷新页面的情况下更新 URL 地址。使用方式如下： 1.1 修改URL window.history.pushState(state, title, url); 其中： state: 存储当前状态的 Jav…
-
详解vue-router基本使用
当我们构建一个Vue.js的单页应用时，通常需要对页面进行路由设置，即根据不同的URL地址，展示不同的页面内容，这时候就需要使用Vue官方提供的vue-router插件。 1. 安装vue-router vue-router是一个独立的插件，需要先行安装。 可以使用npm安装： npm install vue-router –save 也可以使用yarn安…
-
js代码实现点击按钮出现60秒倒计时
实现点击按钮出现60秒倒计时，需要使用JavaScript代码进行编写。下面是实现的完整攻略。 第一步：准备HTML文件 首先，要准备一个HTML文件，其中需要包含一个按钮和一个显示倒计时的 标签。可以像下面这样设置HTML代码： <!DOCTYPE html> <html> <head> <meta charset…
-
Vue-Router基础学习笔记(小结)
下面是针对“Vue-Router基础学习笔记(小结)”的完整攻略： Vue-Router基础学习笔记(小结) 什么是Vue-Router Vue-Router是Vue.js的路由管理库，专门提供路由功能实现SPA(Single Page Application, 单页应用)。它去掉了传统的同步方式，采用异步加载组件，一定程度上提高了web应用的速度和流畅度。…
-
跨站攻击之实现Http会话劫持的手法
跨站攻击（Cross-Site Attack）又称为XSS攻击，是指攻击者在网页中插入恶意脚本，使受害者在访问网页时，网页中的恶意脚本被执行从而攻击受害者。跨站攻击有很多种形式，其中之一就是Http会话劫持，下面我们来看看这种手法的攻略。 什么是Http会话劫持 Http会话劫持是指攻击者在网站上注入一段代码，通过劫持用户已经建立的会话从而获取用户的权限、获…
-
突破IE安全限制获取iframe子框架内的本地cookie
突破IE安全限制获取iframe子框架内的本地cookie，通常可以通过以下几个步骤来实现： 1. 构造iframe 通过在页面中插入一个iframe，并指定其src属性为本地地址，可以让iframe加载同源的页面。例如，下面的代码创建了一个iframe，用于加载同目录下的example.html文件： <iframe id="frame&q…
-
javascript判断网页是关闭还是刷新
要判断网页是被关闭还是被刷新，需要使用onbeforeunload事件和event.currentTarget.performance.navigation.type属性。 onbeforeunload事件会在页面关闭或者刷新时被触发，可以作为判断依据。而event.currentTarget.performance.navigation.type属性在页面…
-
vue3.0之Router的使用你了解吗
当涉及到Vue.js应用的路由管理时，Vue.js社区提供了许多路由插件，其中最受欢迎的是Vue Router。Vue Router是Vue.js官方支持的路由管理器，它能够让你基于Vue.js创建SPA（单页应用）非常方便。 Vue Router 3.0相对于Vue Router 2.0的主要更新内容有以下几点： 路由器构造函数改为createRouter…
-
Egg Vue SSR 服务端渲染数据请求与asyncData
Egg Vue SSR 是一个基于 Egg.js 和 Vue.js 的服务端渲染项 目，它能够将 Vue.js 组件在服务端渲染完成之后再返回给客户端，在一定程度上可以提高页面的首屏渲染速度和搜索引擎的爬取效果。为了更好的支持服务端渲染，Egg Vue SSR 提供了异步数据请求方法 asyncData。 asyncData 是在服务端执行的方法，而非在浏览…
-
浅谈Vue页面级缓存解决方案feb-alive (下)
针对“浅谈Vue页面级缓存解决方案feb-alive (下)”这篇文章，我可以提供以下完整攻略： 1. 简述文章主旨 本文主要介绍了一种Vue页面级缓存的解决方案，即使用<keep-alive>的一个替代方案–<feb-alive>。文章中着重介绍了<feb-alive>的实现原理、使用方法以及与<keep-ali…
