AngularJS进阶(十五)Cookie ‘data‘ possibly not set or overflowed because it was too large_angular(1)

最新推荐文章于 2024-05-16 02:18:24 发布

2401_84617131

最新推荐文章于 2024-05-16 02:18:24 发布

阅读量333

点赞数 4

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84617131/article/details/138921194

版权

程序员专栏收录该内容

104 篇文章 0 订阅

订阅专栏

总结

我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

经过网络查询也没能获得明确答案，不过从提示可以看出，其可存储数据空间就是4K,而且其提供的方法只有put、get、remove三种，故得知更改其默认存储数据空间是不现实的事情。

2.从cookieStore获取数据后，系统自己释放存储空间，还是必须得手动释放?是不是类似于java的垃圾回收机制？

凭借直觉，cookieStore应该类似于java的垃圾回收机制，就算没有人工编码实现释放cookieStore所占用的存储空间，系统也会在其生命周期结束后释放其存储空间。最佳实践是:当从cookieStore中取出所需数据，不再需要cookieStore时，应收到释放其所占用的内存空间。这样才是合理的设计。

3.cookieStore与instance的区别？

如上述所分析，从内存占用的角度考虑，cookieStore中存储的数据置于内存之中，实实际际的占用内存空间。而instance类似于指针，只是其指向的是一个对象地址，其对象是可以存储任意内容、格式、大小的数据的，不受内存所限。

注:有关instance的详情请点击此处.

附:使用步骤

AngularJS 提供了很好的 $coo ki e 和$ cookieStore API 用来处理 cookies 。

这两个服务都能够很好的发挥HTML5 cookies，当HTML5 API可用时浏览器会选择使用HTML5提供的API，如果不可用则默认选择document.cookies。无论那种方式，你都可以选择使用相同的API来进行工作。

Step 1 - include cookies module

第一步加载JS文件，并且依赖 cookie module

<script src="http://code.angularjs.org/1.2.9/angular.min.js"></script>
<script src="http://code.angularjs.org/1.2.9/angular-cookies.min.js"></script>

创建 angular module

    var DemoApp = angular.module( 'DemoApp', ['ngCookies'] ).config( demoConfig );

Step 2 - Inject into controller

将cookie module 注入到 controller 中

DemoApp.controller('DemoController', function($cookieStore, $scope, $location, $routeParams, $http , $timeout ){ .. body here .. })

Step 3 - Using the $cookieStore

现在可以使用put、get 、remove方法操作 cookie , $cookieStore 可以直接存储对象到cookie中，它会使用angularjs 的 toJson/fromJson 自动序列化和反序列化

$cookieStore.put("name","my name");
$cookieStore.get("name") == "my name";
$cookieStore.remove("name");
$cookieStore.put("persion", {
            name: "my name",
            age: 18
});
$scope.person = $cookieStore.get("persion");


### 总结

秋招即将开始，校招的朋友普遍是缺少项目经历的，所以**底层逻辑，基础知识要掌握好！**

而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。



这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 **HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法**等高频考点**238道（含答案）**！  

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

资料截图 ：

![](https://img-blog.csdnimg.cn/img_convert/edeaa71cbc745698bdedcfe65be40387.png)

![](https://img-blog.csdnimg.cn/img_convert/981487b285a8b90918f35c830c299df8.png)

![](https://img-blog.csdnimg.cn/img_convert/9866daffbebcf87b44d9530a59427834.png)

**高级前端工程师必备资料包**  

![](https://img-blog.csdnimg.cn/img_convert/ba803e1b69e399b6739e3d33554d42a7.png)



30a59427834.png)

**高级前端工程师必备资料包**  

![](https://img-blog.csdnimg.cn/img_convert/ba803e1b69e399b6739e3d33554d42a7.png)