最近想实现一下 SSO。
其中涉及前端到不同应用之间的 token 传递问题。
存储方式
html5标准中一个亮点就是提供了浏览器本地存储的功能。方式有两种:localStorage和 sessionStorage。
相对于cookie,他们具有存储空间大的特点,一般可以存储5M左右,而cookie一般只有4k。
区别
localStorage和 sessionStorage的主要区别是:
localStorage的生命周期是永久的,意思就是如果不主动清除,存储的数据将一直被保存。
最近想实现一下 SSO。
其中涉及前端到不同应用之间的 token 传递问题。
html5标准中一个亮点就是提供了浏览器本地存储的功能。方式有两种:localStorage和 sessionStorage。
相对于cookie,他们具有存储空间大的特点,一般可以存储5M左右,而cookie一般只有4k。
localStorage和 sessionStorage的主要区别是:
localStorage的生命周期是永久的,意思就是如果不主动清除,存储的数据将一直被保存。
| 属性 | 说明 |
|---|---|
| window.location.pathname | 设置或获取对象指定的文件名或路径。 |
| window.location.href | 设置或获取当前 URL |
| window.location.host | 设置或获取 location 或 URL 的 hostname 和 port 号码。 |
| window.location.port | 设置或获取与 URL 关联的端口号码 |
| window.location.protocol | 设置或获取 URL 的协议部分。 |
| window.location.hash | 设置或获取 href 属性中在井号“#”后面的分段。 |
| window.location.search | 设置或获取 href 属性中跟在问号后面的部分。 |
这里阿里的 iconfont 就不做介绍的,国内的开发者基本都知道,也都在用,现在我们来看看国外有哪些好用的图标库。
网址:https://www.flaticon.com/packs
格式和类型:PNG, SVG, EPS, PSD, and BASE 64, Marketplace
qiankun 是一个基于 single-spa 的 微前端 实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台,在经过一批线上应用的充分检验及打磨后,我们将其微前端内核抽取出来并开源,希望能同时帮助社区有类似需求的系统更方便的构建自己的微前端系统,同时也希望通过社区的帮助将 qiankun 打磨的更加成熟完善。
用于构建具有多个可以独立发布功能的团队的现代 Web 应用程序的技术、策略和方法。
Micro Frontends 一词于 2016 年底首次出现在 ThoughtWorks Technology Radar 中。它将微服务的概念扩展到前端世界。
当前的趋势是构建一个功能丰富且功能强大的浏览器应用程序,也就是单页应用程序,它位于微服务架构之上。随着时间的推移,前端层(通常由一个单独的团队开发)不断增长并且变得更加难以维护。这就是我们所说的前端单体。
微前端背后的想法是将网站或 Web 应用程序视为由独立团队拥有的功能组合。每个团队都有自己关心和专攻的不同业务或任务领域。团队是跨职能的,从数据库到用户界面,端到端地开发其功能。
$ yarn add qiankun # 或者 npm i qiankun -S
DOI 是「Digital Object Identifier」的简写,用来唯一标识网络环境下的各种物理和数字资源。
DOI 是一个永久性的标识号,可被视为数字资源的条形码或身份证。一个 DOI 由前缀和后缀两部分组成,中间用「/」分割。
所有的 DOI 前缀都是由「10.」开头然后接上登记机构代码。
DOI 后缀是一个在特定前缀下唯一的后缀,由登记机构分配并确保其唯一性,可以是任何字母数字码。
另一个有效的途径是百度学术,用法基本和谷歌学术一致,但是测试发现,百度学术更适合输入文献的标题进行搜索。