Token登录认证

Cookie

  • Cookie的工作原理

由于HTTP是一种无状态的协议,服务器单从网络连接上无从知道客户身份。怎么办呢?就给客户端们颁发一个通行证吧,每人一个,无论谁访问都必须携带自己通行证。这样服务器就能从通行证上确认客户身份了。这就是。
cookie指的就是在浏览器里面存储的一种数据,仅仅是浏览器实现的一种数据存储功能。
cookie的保存时间,可以自己在程序中设置。如果没有设置保存时间,应该是一关闭浏览器,cookie就自动消失。

Cookie实际上是一小段的文本信息。客户端请求服务器,如果服务器需要记录该用户状态,就使用response向客户端浏览器颁发一个Cookie。客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时,浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie,以此来辨认用户状态。服务器还可以根据需要修改Cookie的内容。

注意Cookie功能需要浏览器的支持。如果浏览器不支持Cookie(如大部分手机中的浏览器)或者把Cookie禁用了,Cookie功能就会失效。不同的浏览器采用不同的方式保存CookieIE浏览器会以文本文件形式保存,一个文本文件保存一个Cookie

阅读更多...

如何做好技术 Team Leader?

简介

作为一个技术TL(Team Leader),除了自身技能,还会面临诸多团队管理上的困难和挑战。如何定义和明确团队的目标?怎样建立优秀的工程文化?让团队长期发挥战斗力和创新能力的核心是什么?本文作者基于四年的团队管理经验,分享他在招聘、目标管理、团队沟通和工程文化等方面的思考与总结,介绍相关的经验方法,并推荐几本关于体验、思考的书籍。希望对同学们有所启发。

阅读更多...

如何制定企业级代码规范与静态检查

前言

如何作出项目的亮点?

  1. 项目中遇到了什么问题?
  2. 解决问题的过程并且如何思考?
  3. 思考之后通过什么方式解决
  4. 最后这一个任务你学到了什么,给团队带来了什么价值,解决了哪些痛点。

就从我的题目说起,本篇文章告诉你针对定制代码规范和检查这个小需求如何做出亮点?看完本文后回顾上面提到的 4 点,感觉下。

本文目标

目标不是一次全部定出来的,在实践和调研过程中会添加一些

  1. 去掉项目中原有的 TSLint ,统一使用 ESLint,但是在 ESLint 中加入 TSLint 检测插件
  2. Prettier 支持的格式化规则全部使用 Prettier,不提供的使用 ESLint,以免冲突(个人认为 Prettier 提供的格式化规则可以满足开发者)。
  3. 代码保存时,支持自动 fix,只对自己控制范围内的 fix,范围外的内容依靠开发者配置或 vscode 自动配置。
  4. 格式化和 ESLint 纳入项目级 git 跟踪,所有开发者统一。
  5. 除了上面的规范与检查实现,了解一些原理,比如 rules 原理?为什么 PrettierESLint 冲突?Prettier 原理?
阅读更多...

useEffect引起的React Hooks深入了解

前言

参考文章 react源码useEffect 完整指南呕心沥血,一文看懂 react hooksreact官网

在进入正式阅读之前,最好先思考一下下面的问题:

  1. React Hooks真的有生命周期吗?
  2. React Hooks的函数里面定义的函数或者变量会被缓存吗,这样下次再调用组件的时候就可以不用重新声明了。
  3. 为什么我的useEffect有时候拿到了之前的值。
阅读更多...

【HTTP基础】HTTPS原理及WebSocket原理

由于HTTP没有加密机制,其传输的内容很容易泄漏,并且HTTP协议没法确认通信方,也无法保证接收到的报文在传输过程中是否被篡改,因此HTTPS是在HTTP协议的基础上提供了加密、认证和完整性保护的功能。HTTPS并非是应用层的一种新协议,只是HTTP通信接口部分用SSL和TLS协议代替而已,通常HTTP直接和传输层的TCP协议通信,当使用了SSL后,HTTP先和SSL协议通信,SSL再和TCP协议通信。

阅读更多...

前端 api 请求缓存的 5 种方案

在开发 web 应用程序时,性能都是必不可少的话题。对于webpack打包的单页面应用程序而言,我们可以采用很多方式来对性能进行优化,比方说 tree-shaking、模块懒加载、利用 extrens 网络cdn 加速这些常规的优化。甚至在vue-cli 项目中我们可以使用 –modern 指令生成新旧两份浏览器代码来对程序进行优化。

而事实上,缓存一定是提升web应用程序有效方法之一,尤其是用户受限于网速的情况下。提升系统的响应能力,降低网络的消耗。当然,内容越接近于用户,则缓存的速度就会越快,缓存的有效性则会越高。

以客户端而言,我们有很多缓存数据与资源的方法,例如 标准的浏览器缓存 以及 目前火热的 Service worker。但是,他们更适合静态内容的缓存。例如 html,js,css以及图片等文件。而缓存系统数据,我采用另外的方案。

那我现在就对我应用到项目中的各种 api 请求缓存方案,从简单到复杂依次介绍一下。

阅读更多...
  • Copyrights © 2017-2021 科瑞兹曼
  • 访问人数: | 浏览次数:

请我喝杯咖啡吧~

支付宝
微信