前端cookie封装

2024-08-24

cookie 详解与封装实用的cookie

在WEB前端开发中,cookie是必不可少的,网上也有很多开源的库可以使用,不过我还是想自己总结一下,做个笔记并封装一个实用的库.(1)什么是cookie? 从web 角度 cookie是用于存储信息为下次访问或者与服务器之间传递信息的, 它可以记住用户上次操作了什么,操作到哪里了,为智能的操作提供基础. 它有自己的操作方式,有自己的大小,不过它的操作方式不太方便,可以依赖第三方库(下面我自己封装了一个). (2)cookie的基础知识点: 它有大小限制,一般不超过4kb,超出的将不再保存.

第一百八十七节，jQuery，知问前端--cookie 插件，注册成功后生成cookie，显示登录状态

jQuery,知问前端--cookie 插件学习要点: 1.使用 cookie 插件 2.注册直接登录 Cookie 是网站用来在客户端保存识别用户的一种小文件.一般来用库可以保存用户登录信息.购物数据信息等一系列微小信息. 一．使用 cookie 插件官方网站:http://plugins.jquery.com/cookie/ cookie()生成cookie文件,3个参数,参数1cookie名称,参数2cookie值,参数3是一个对象设置cookie 生成一个 cookie: $.co

cookie封装函数（添加，获取，删除）

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //添加cookie(封装) encodeURI()中文编码,decodeURI()中文解码 function addcookie(key,value,day){ var date=ne

前端cookie操作用到的一些小总结

前后端完全分离的是目前web开发的大趋势,包括现下流行的前端框架的应用vue,angular,在不同页面跳转时,前端需要对用户登录状态进行判断,拿到用户的id,除了Ajax从服务器端获取数据外,对cookie的操作亦必不可少. 设置cookie每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie:document.cookie="userId=666";如果要一次存储多个名/值对,可以使用分号加空格(; )隔开,例如: document.coo

web前端socket封装库--giraffe

摘要: 最近在做前端的socket消息推送,使用了socket.io.js的最新版本.使用过的都知道socket.io.js是基于消息类型来通信的,如果消息类型多了就很难维护.所以本人就对socket.io.js进行了应用层的封装.命名为giraffe.js,giraffe的含义是长颈鹿,意为能够望的远. 源码:https://github.com/baixuexiyang/Giraffe 欢迎fork和star 使用: giraffe.js同时支持AMD和CMD以及node.js环境

cookie封装函数与使用方法（转）

函数封装: var Cookie = function(name, value, options) { // 如果第二个参数存在 if (typeof value != 'undefined') { options = options || {}; if (value === null) { // 设置失效时间 options.expires = -1; } var expires = ''; // 如果存在事件参数项,并且类型为 number,或者具体的时间,那么分别设置事件 if (opti

JS-记住用户名【cookie封装引申】

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>调用封装好的cookie文件来制作小案例</title> <script src="cookie.js" type="text/javascript" charset="utf-8"></script> </

前端cookie、localStorage、sessionStorage缓存技术总结

转载自:https://www.cnblogs.com/belove8013/p/8134067.html 1.Cookie JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的.而cookie是运行在客户端的,所以可以用JS来设置cookie. cookie的结构:简单地说,cookie是以键值对的形式保存的,即key=value的格式.各个cookie之间一般是以“;”分隔. cookie是浏览器提供的一种机制,它将docume

知问前端——cookie插件

Cookie是网站用来在客户端保存识别用户的一种小文件.一般可以保存用户登录信息.购物数据信息等一系列微小信息. 一.使用cookie插件官方网站:http://plugins.jquery.com/cookie/ 从官网下载cookie插件——jquery.cookie.js插件. 1.生成一个cookie,名称为user,内容为liayun: $.cookie("user","liayun"); 2.cookie的参数设置: $.cookie("us

cookie封装

//设置cookie function setCookie(name,value,days){ //如果不设置天数 , 默认为30天 days=days?days:30; var exp=new Date(); exp.setTime(exp*1+days*(24*60*60*1000)); document.cookie=name+'='+escape(value)+';expires='+exp; } setCookie("marray"

前端Cookie与Session的区别

我们在实际生活中总会遇到这样的事情,我们一旦登录(首次输入用户名和密码)某个网站之后,当我们再次访问的时候(只要不关闭浏览器),无需再次登录.而当我们在这个网站浏览一段时间后,它会产生我们浏览的记录,而且有的网站还提供购物车的功能.这些简单实用的功能就是通过Cookie与Session实现的,接下来,让我们一起探讨一下它们是如何运行的. 1.概念 Cookie 有时也用其复数形式Cookies,指某些网站为了辨别用户身份.进行session跟踪而储存在用户本地终端上的数据(通常经过加密). Se

2-9 js基础 cookie封装

// JavaScript Document 'use strict'; function setCookie(sName,sValue,iDay){ if(iDay){ var oDate = new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=sName+'='+sValue+'; PATH=/; EXPIRES='+oDate.toGMTString(); }else{ document.cookie=sName

cookie 封装

1.代码 ;(function (factory) { var registeredInModuleLoader; if (typeof define === 'function' && define.amd) { define(factory); registeredInModuleLoader = true; } if (typeof exports === 'object') { module.exports = factory(); registeredInModuleLoader

仅前端cookie之记住密码

参考文章给忘了...,我就在他基础上修改了一些,但至于安全性,我没弄md5,所以安全系数应该为0 <!DOCTYPE html> <html lang="en"> <head> </head> <body class="no-skin" onload="checkCookie()"> <form action="" name="userForm&quo

前端Map封装源码

源于后台思路,简单封装了一下Map插件,方便以后使用. function Map() { this.elements = new Array(); //获取MAP元素个数 this.size = function() { return this.elements.length; }; //判断MAP是否为空 this.isEmpty = function() { return (this.elements.length < 1); }; //删除MAP所有元素 this.clear = func

微信小程序前端function封装

funtion的封装 utils =>http.js var tips = { 1: "没有网络", 999: "无效的请求", 5000: "没有这些电影" } function http(params) { /*params 对象包含 url,success,method,data */ if(!params.method){ params.method ="GET"; } wx.request({ url:para

微信小程序前端promise封装

config.js const config = { base_url_api : "https://douban.uieee.com/v2/movie/", } export {config} http.js import { config } from "../config"; class HTTP { requset({ url, method = "GET", data = {} }) { const promise = new Prom

[前端] Vue封装播放器、打包、上传NPM

一.使用icomoon 1.生成和下载图标相关文件先使用icomoon获取我们要使用的图标,例如播放.暂停.停止.全屏等图标. icomoon网站:https://icomoon.io/app/#/select 在其中选择我们需要的图标: 然后点击右下角的 "Generate Font": 将我们图标的名字修改成自己想要的. 然后点击右下角的 "Download".会帮我们下载一个zip压缩包. 解压,获取以下文件: 2.使用style.css 将style.cs

cookie 和 session 基本使用以及封装

Cookie: 是一小段文本信息,用户请求页面的时候,在浏览器和服务器之间传递.用户每次访问的时候都会记录cookie,cookie里可以包含用户信息,浏览的历史记录等等:Cookie是由服务器端生成,但是它是属于客户端的,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie). 基本语法: 编写cookie 存: ---创建cookie对象,分配自定

简单的cookie读写封装

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简单的cookie封装</title> </head> <body> </body> <script> var cookies={ name:this.name, value:this.value, day:t

cookie方法封装

将cookie封装主要是为了方便使用,可通过修改参数直接引用在其他需要的地方,不用重新写. 1.添加,删除,修改cookie /** * @param name name:cookie的name * @param val val:cookie的value * @param time time:存储时间 */ function add(name, val,time) { var d=new Date(new Date().setTime(new Date().getTime() + time)).

前端cookie封装

热门专题