web通信 / 存储 / 安全
文章平均质量分 92
前端通信方式,前端本地存储,前端通信安全
winne雪
记录点滴~帮助你我他❥(づづ)╭❤~
展开
-
web的安全性(XSS、XSRF/CSRF的攻击和防范)
一、XSS跨站脚本攻击(也称为XSS(cross-site scripting 的缩写))指利用网站漏洞从用户那里恶意盗取信息。XSS是一种经常出现在web应用中的计算机安全漏洞,它允许恶意web用户将代码植入到提供给其它用户使用的页面中。比如这些代码包括HTML代码和客户端脚本js。1、攻击方式举例:在文章中发表评论的时候偷偷插入一段< script>…< /scr...转载 2018-12-10 15:55:57 · 891 阅读 · 0 评论 -
js自定义localStorage的过期时间----完整代码解析
前言:我们知道localStorage如果设置了,那么默认是永久有效的,除非手动进行删除。手动删除:可以在谷歌浏览器控制台的Application => Local Storage 中找到自己要删除的文件/域名中的某一项数据双击进行清空删除即可。自定义过期时间:默认localStorage的api中时不支持设置过期时间的,所以我们只能对localStorage进行二次封装。自定义过期时间实现的思路:1、在设置localStorage数据的时候传入过期时间参数,然后自定义个键名来保存过期时间原创 2020-05-14 16:33:51 · 1526 阅读 · 0 评论 -
实用对比cookie、sessionStorage、localStorage
一、cookiecookie是可以用来存储少量数据在本地的,默认情况下关闭浏览器后cookie数据就会被自动清除,仅关闭当前标签页并不会删除cookie。cookie是可读可写的。cookie的注意事项:1、不同的浏览器存放的cookie位置是不一样的,也不能通用2、cookie的存储是以域名形式进行区分的。3、cookie的数据可以设置它的名字,类似于json4、一个域名下存放的co...原创 2018-12-04 13:38:46 · 283 阅读 · 0 评论 -
封装websocket请求-----vue项目实战(完整版)
前言:如果项目中多个组件都使用到WebSocket请求,那么我们需要对WebSocket进行封装,方便我们使用。下面我根据我的项目结构来创建文件和引入文件,大家注意一下自己项目结构。一、在utils目录下创建websocket.js文件import { Message } from 'element-ui'import { getToken } from '@/utils/authTok...原创 2020-04-27 17:48:59 · 21238 阅读 · 38 评论 -
[转]html5: postMessage解决跨域和跨页面通信的问题
平时做web开发的时候关于消息传递,除了客户端与服务器传值,还有几个经常会遇到的问题:1、多窗口之间消息传递(newWin = window.open(..));2、页面与嵌套的iframe消息传递postMessage方法postMessage是html5引入的API可以更方便、有效、安全的解决这些问题。postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以...转载 2018-10-24 15:37:14 · 286 阅读 · 0 评论 -
前端跨页面/ 跨域通信的几种方式(JSONP、hash、postMessage、WebSocket、CORS、代理)
前端跨域通信的五种方式:JSONP、hash、postMessage、WebSocket、cors原创 2018-11-26 15:31:11 · 1063 阅读 · 2 评论 -
实用js/jq的ajax详解
我们都知道在jquery中使用ajax很方便,因为他帮我们封装好了。jquery使用ajax:$.ajax({ url : '请求的接口地址url', data : '需要传回后台的参数', type : 'POST', //默认是get dataType:"json", // 预期服务器返回的数据类型,默认为json success : function(data){ /...原创 2018-12-06 13:40:44 · 892 阅读 · 0 评论 -
vue中使用websocket通信接收后台数据
前言:项目中因为有的数据使用分页后数据加载还是很慢,所以考虑使用websocket来解决。后端获取到数据库数据后就依次返回给前端,这样就不需要等分页数据全部获取后才返回。1、需求概述点击按钮后才开启websocket连接,然后发送数据给后端(相当于post请求中也是需要传递数据给后端使用),在websocket实例对象的onmessage 函数中能获取到后端返回的数据进行处理渲染。2、代码...原创 2019-08-20 16:52:45 · 16352 阅读 · 23 评论