一、前言 最近在用angular做商城购物车的功能模块,因为angular的watch监听,数据只要发生变化就能很方便的自动渲染页面。但随即出现的问题是,之前用户操作的样式都会被重置掉。 例如我勾选了几个商品准备结算,又修改了商品数量,这时候发起了请求,页面数据被渲染,打钩的商品全被恢复未选中。 想 ...
分类:
编程语言 时间:
2020-05-26 12:16:29
阅读次数:
62
1.简述浏览器端存储网页中的数据有三种存储方案:cookie、SessionStorage和LocalStorage。其中:SessionStorage和LocalStorage是H5新增的存储方案。而cookie经常同session一并提起,它们的主要区别: cookie:会话跟踪技术 客户端(浏 ...
分类:
其他好文 时间:
2020-05-23 16:43:26
阅读次数:
52
1. 对象的操作 - localStorage.a = "hello"; - localStorage.a = "world"; - console.log(localStorage.a); - delete localStorage.a; 2.自身的API(方法) 2.1设置 localStora ...
分类:
其他好文 时间:
2020-05-22 14:27:13
阅读次数:
52
1. 浏览器的组成 人机交互部分 (UI) 网络请求部分 (Socket) JavaScript引擎部分 (解析执行JavaScript) 渲染引擎部分 (渲染HTML, CSS等) 数据存储部分 (Cookie, HTML5中的本地存储LocalStorage/SessionStorage) 2. ...
分类:
Web程序 时间:
2020-05-21 19:07:33
阅读次数:
84
html5 新功能 简化语法 `` 语义化标签 注意兼容性 表单元素的升级 新增 canvas 标签 删除 标签 删除 标签 新增一些 API(主要是供 js 使用的) webstorage:localStorage、seessionStorage 本地存储解决方案 web socket:新的客户端 ...
分类:
Web程序 时间:
2020-05-21 14:49:36
阅读次数:
53
1.利用链接信息传值取值 传值:xxx.html?key=value 取值:var arg=window.location.search 优点:简单易行效率高; 缺点:适合单个条件数据,多个会取值困难;链接长度有限,不适合长数据 2.利用localStorage传值取值 传值:const db = ...
分类:
其他好文 时间:
2020-05-19 14:53:10
阅读次数:
55
基本概念 cookie:是网景公司的前雇员在1993年发明。它的主要用于保存登陆信息,比如登陆某个网站市场可以看到'记住密码’,这就是通过在cookie中存入一段辨别用户身份的数据来实现的。 sessionStorage:会话,是可以将一部分数据在当前会话中保存下来,刷新页面数据依旧存在。但是页面关 ...
分类:
其他好文 时间:
2020-05-19 11:05:40
阅读次数:
55
html5新增了在客户端存储数据的新方法:1.localStorage - 没有时间限制的数据存储;2.sessionStorage - 针对一个session的数据存储,当用户关闭浏览器窗口后,数据会被删除。 浏览器支持程度 注意到,IE8以及以上版本是支持localStorage和session ...
分类:
Web程序 时间:
2020-05-18 00:55:39
阅读次数:
59
【html】 H5新特性 localStorage 【css】 css:水平居中和垂直居中 css样式 背景色渐变 图片和文字一行垂直居中显示 添加滚动条并统一修改样式 【js】 javaScript 中的类 js中时间相关转化 【webpack】 前端高级进阶N: 在前端中如何更好地优化打包资源 ...
分类:
Web程序 时间:
2020-05-15 21:49:38
阅读次数:
68
cookie、Sessionstorage、Localstorage快速上手 先说区别 cookie: 数据大小不能超过4KB。 不管是否有需求,cookie数据都会在HTTP请求中携带,在浏览器和服务器中来回传递,占用资源。 可以在后端设置修改,数据仅在本地浏览器保存。 cookie数据可以设置路 ...
分类:
其他好文 时间:
2020-05-13 00:23:08
阅读次数:
73