JS-Web-API-存储

最新推荐文章于 2024-05-31 10:04:55 发布
最新推荐文章于 2024-05-31 10:04:55 发布
阅读量85 收藏
点赞数
分类专栏： 面试经 文章标签： 前端 javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60681099/article/details/125063559
版权

1、什么是Cookie

cookie是浏览器和服务端通信的
在累又localStorage和sessionStorage的时候被借用来保存数据
每次请求都会带着cookie
最大只能存4kb
每次请求都会带着cooike，会让网络请求变慢
只能用document.cookie来修改，有了就覆盖，没有就保存，不太好

2、localStorage和sessionStorage

每个网页可以存储最大5M
API简约好用setItem和getItem
不会在每次发送请求时携带
localStorage在浏览器关闭以后不会消失，除非手动或代码删除
sessionStorage在浏览器关闭后就消失啦

Pot Kiss
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS篇 ------ Web API
weixin_62946736的博客
11-12 376
DOM --- Document Object Model （文档对象模型) ，Browser Object Model --- BOM （浏览器对象模型），DOM是一种树形结构的数据结构。DOM的本质：DOM可以理解为浏览器把拿到的html代码，结构化成浏览器能识别并且js可操作的一个模型。
Chrome-Web-Speech-API：Chrome Web语音API
01-31
Chrome Web Speech API 使用Google Chrome Web Speech API进行语音转文本 现场演示 正在安装 将此存储库克隆到本地计算机 git https://github.com/bensonruan/Chrome-Web-Speech-API.git 将您的本地主机指向克隆的...
js web储存
qq_39206971的博客
05-18 125
储存对象 localStorage.colorSetting = '#a4509b'; localStorage['colorSetting'] = '#a4509b'; localStorage.setItem('colorSetting', '#a4509b'); Web 存储中的两种机制如下所示： sessionStorage 为每个给定的源维护一个单独的存储区域，该区域在页面会话期间可用（只要浏览器处于打开状态，包括页面重新加载和还原）。 localStorage 执行相同的操作，但即使关闭并重
js Web存储方式
weixin_30755709的博客
09-10 74
JSON是数据交互中最常用的一种数据格式。 由于各种语言的语法都不同，在传递数据时，可以将自己语言中的数组、对象等转换为JSON字符串》 传递之后，可以讲JSON字符串，在解析为JSON对象。 JSON 对象的用法与js中的对象基本相同，唯一需要区别的是，JSON中的键，必须是字符串。 JSON 名称/值对 JSON 数据的书写格式是：名称/值...
HaaS UI小程序解决方案基础教学之四： JSAPI数据存储
HaaS技术社区的博客
01-18 1587
名词解释 AliOS Things： 阿里云智能IoT团队自研的物联网操作系统 HaaS：全称是Hardware as a Service，阿里云智能IoT团队基于AliOS Things系统推出的硬件即服务 HaaS UI：全称是Hardware as a Service User Interface，是源自AliOS Things操作系统上的一套应用&图形解决方案，支持C/C++和 JS两种开发语言 1、Storage JSAPI简介 Storage JSAPI是HaaS U...
JS cookie与web存储（localStorage与sessionStorage）
weixin_45543674的博客
12-10 696
cookie <script> document.cookie = 'a=1' console.log(document.cookie) // style=null; a=1 </script> 设置了cookie，请求会携带给服务端。 cookie的构成： 名字name 值value 域domain 路径path 过期时间expires 安全标志secure 设置了cookie后，只要请求的域和路径正确，就会自动携带cookie 框架中也许需要在配置中手动设置withCre
ES5 之 JS-Web-API
cjexe的博客
08-04 207
回顾JS基础知识 变量类型和计算 原型和原型链 闭包和作用域 异步和单线程 其他（如日期、Math、各种常用API） JS-Web-API JS基础知识： ECMA 262标准 JS-Web-API：W3C标准 W3C标准中关于JS的规定有 DOM操作 BOM操作 事件绑定 ajax请求 （包括http协议） 存储 window.alert (123)，浏览器需要做以下： 定一个wind...
一文搞懂JS-Web-API——DOM
热门推荐
江拥羡橙的博客
10-19 8万+
本章介绍 DOM 操作的知识点和题目。包括 DOM 结构，常用 DOM 操作，DOM 性能优化等。DOM 是网页结构的基础，学会 DOM 操作才可以做网页开发
JavaScript - webAPI - 本地存储
Henry_ID的博客
08-11 196
1.1-会话存储 - sessionStorage 1.sessionStorage相当于短命版的localStorage，其他用法完全一致 2.两者区别：HP值不同 ​ localStorage：永久存储（存在硬盘，HP值无限） ​ sessionStorage：临时存储（存在内存，HP值一条命，只要浏览器关闭就没有了） <!DOCTYPE html> <html lang="en"> <head>
JS-Web-API
周琛的点滴记录~
07-18 215
JS-Web-API 前端JS基础面试技巧 - - JS-Web-API 上 讲解 JS 在浏览器中具体应用的面试题。包括 DOM 操作，BOM 操作 ，事件绑定，ajax 和 存储 ，这些类别的题目。 从基础知识到 JS-Web-API 从基础知识 过渡 到 JS-Web-API 回顾 JS 基础知识 JS-Web-API 总结 回顾 JS 基础知识 特点：表面看来并不能哟用...
discord-api-docs:官方Discord API文档
04-10
降价语法该存储库使用特殊的markdown语法来帮助设置文档的最终Web版本的样式。H6标题H6标题应在表格和代码块上方使用，以正确标记它们。连结中可以通过使用井号（＃），加价标记文件名，加斜杠以及最后用破折号分隔...
arcgis-js-api：ArcGIS JavaScript的精简版
02-04
arcgis-js-api 与一起使用的缩小的，未版本。 产品特点 缩小的未版本。 您可以通过安装此并使用或创建自己的自定义版本。 使用说明 构建适用于JavaScript的ArcGIS API应用程序需要注册一个。 bower install arcgis...
pi-web-api-js-plotting-channels
04-30
pi-web-api-js-plotting-channels 一个JavaScript应用程序，允许用户搜索PI标记以创建实时更新趋势。 ＃＃入门 您可以从存储库中获取Visual Studio 2015解决方案和关联的文件。 该代码已通过PI Web API 2015 R3...
js-weather-api-london-web-060418
04-30
（注意，您应该要求我们存储在js/vendor目录中的Chart.JS版本） 需要weatherChart.js ，你需要jQuery和chart.js之线下方。 在init.js ，创建一个变量API_KEY ，并将其定义为Weather Undergro
记录一次前端页面崩溃的产生及处理
weixin_51123079的博客
05-30 507
记录一次前端页面崩溃的产生及处理
前端开发记录
最新发布
qq_25806839的博客
05-31 163
【代码】前端开发记录。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 516
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
【JS实战案例汇总——不定时更新版】
微木
05-30 336
练习JS的实用案例，倒计时算法、定时轮播图
lottie-web 在uni-app中如何使用
07-27
lottie-web 是一个开源的 JavaScript 库，用于在 Web 上播放动画。而 Uni-app 是一个基于 Vue.js 的跨平台开发框架，允许开发者使用 Vue 组件的方式开发多端应用。 要在 Uni-app 中使用 lottie-web，需要先在项目中引入 lottie-web 的 JavaScript 库。可以通过 npm 安装 lottie-web： 1. 打开项目目录，在终端中运行命令 `npm install lottie-web`，等待安装完成。 2. 安装完成后，在需要使用 lottie-web 的页面或组件中引入 lottie： ```javascript import lottie from 'lottie-web'; ``` 接下来，可以在 Vue 组件中使用 lottie-web 进行动画的播放： 1. 在组件的 `data` 方法中定义一个变量，用于存储 lottie-web 的实例： ```javascript data() { return { lottieInstance: null }; } ``` 2. 在组件的 `mounted` 生命周期钩子函数中，初始化 lottie-web 实例，加载动画文件，并播放： ```javascript mounted() { this.lottieInstance = lottie.loadAnimation({ container: this.$refs.lottieContainer, // 动画容器元素的引用 path: 'path/to/animation.json', // 动画文件的路径 renderer: 'svg', // 渲染器类型，可根据需要选择 loop: true, // 是否循环播放 autoplay: true // 是否自动播放 }); } ``` 3. 在组件的模板中指定一个容器元素，并通过 `ref` 属性引用它： ```html <template> <div ref="lottieContainer"></div> </template> ``` 这样，lottie-web 的动画就会在容器元素中显示出来，并根据配置的选项进行播放。 需要注意的是，保证 lottie-web 的 JavaScript 库已经正确安装，路径和文件名也要与实际情况一致，确保操作正确无误。如有需要，还可以根据 lottie-web 提供的 API 进行更多的动画控制和交互。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值