当前位置:千赢国际官网 > 千赢网页手机版登入 > 千赢国际官网Web前端开发大系概览,到底加密了

千赢国际官网Web前端开发大系概览,到底加密了

文章作者:千赢网页手机版登入 上传时间:2019-09-16

HTML5 web通知API介绍

2015/04/17 · HTML5 · 2 评论 · web通知

本文由 伯乐在线 - ElvisKang 翻译,周进林 校稿。未经许可,禁止转载!
英文出处:www.sevensignature.com。欢迎加入翻译组。

千赢国际官网 1

在使用网页版Gmail的时候,每当收到新邮件,屏幕的右下方都会弹出相应的提示框。借助HTML5提供的Notification API,我们也可以轻松实现这样的功能。

Web前端开发大系概览 (前端开发技术栈)

2015/08/12 · JavaScript · Web开发

本文作者: 伯乐在线 - 灵感之源 。未经作者许可,禁止转载!
欢迎加入伯乐在线 专栏作者。

HTTPS 到底加密了什么?

2018/07/03 · 基础技术 · HTTPS

原文出处: 云叔_又拍云   

关于 HTTP 和 HTTPS 这个老生常谈的话题,我们之前已经写过很多文章了,比如这篇《从HTTP到HTTPS再到HSTS》,详细讲解了 HTTP 和 HTTPS 的进化之路,对的没错,就是 HTTP 兽进化 HTTPS 兽。

千赢国际官网 2

那么今天我们主要聊一聊 HTTPS 到底加密了些什么内容。

先跟大家讲个故事,我初恋是在初中时谈的,我的后桌。那个时候没有手机这类的沟通工具,上课交流有三宝,脚踢屁股、笔戳后背以及传纸条,当然我只能是那个屁股和后背。

说实话传纸条真的很危险,尤其是这种早恋的纸条,被抓到就是一首《凉凉》。

于是我和我的小女朋友就商量一下加密这个小纸条上面的数据,这样就算被班主任抓到她也奈何不了我们!

我们用将英文字母和数字一一对应,组成一个密码本,然后在小纸条上写上数字,要将他翻译成对应的字母,在拼成拼音才能知道这串数字意思。

上面就是最初我坎坷的感情史。

后来等我长大了,才知道这是回不去的美好。如果给我一个机会,我愿意……啊呸,跑偏了,等长大了才知道,这个就是现在网站数据传输中的 HTTPS。

确保浏览器支持

如果你在特定版本的浏览器上进行开发,那么我建议你先到 caniuse 查看浏览器对Notification API的支持情况,避免你将宝贵时间浪费在了一个无法使用的API上。

前言

互联网建立50多年了,网站开发技术日新月异,但web前端始终离不开浏览器,最终还是HTML JavaScript CSS这3个核心,围绕这3个核心而开发出来大量技术框架/解决方案。

我从2000年初开始做网站开发,使用的技术不断迭代,一些消失了,更多的出现了。

最近写过  .NET技术大系概览 (迄今为止最全的.NET技术栈) ,相信很多网友感叹掌握的.NET技术远没有这个技术栈里面所描述的多。

多了 SSL 层的 HTTP 协议

简而言之,HTTPS 就是在 HTTP 下加入了 SSL 层,从而保护了交换数据隐私和完整性,提供对网站服务器身份认证的功能,简单来说它就是安全版的 HTTP。

现在随着技术的发展,TLS 得到了广泛的应用,关于 SSL 与 TLS 的差别,我们不用在意,只要知道 TLS 是 SSL 的升级版本就好。
千赢国际官网 3
一般来说,HTTPS 主要用途有三个:一是通过证书等信息确认网站的真实性;二是建立加密的信息通道;三是数据内容的完整性。
千赢国际官网 4

上文为又拍云官网,我们可以通过点击浏览器地址栏锁标志来查看网站认证之后的真实信息,SSL证书保证了网站的唯一性与真实性。

那么加密的信息通道又加密了哪些信息呢?

签发证书的 CA 中心会发布一种权威性的电子文档——数字证书,它可以通过加密技术(对称加密与非对称加密)对我们在网上传输的信息进行加密,比如我在 Pornhub 上输入:

账号:cbssfaw

密码:123djaosid

可是这个数据被黑客拦截盗窃了,那么加密后,黑客得到的数据可能就是这样的:

账号:çµø…≤¥ƒ∂ø†®∂˙∆¬

密码:∆ø¥§®†ƒ©®†©˚¬

千赢国际官网 5

最后一个就是验证数据的完整性,当数据包经过无数次路由器转发后会发生数据劫持,黑客将数据劫持后进行篡改,比如植入羞羞的小广告。开启HTTPS后黑客就无法对数据进行篡改,就算真的被篡改了,我们也可以检测出问题。

如何开始

JavaScript

var notification=new Notification(‘Notification Title',{ body:'Your Message' });

1
2
3
var notification=new Notification(‘Notification Title',{
    body:'Your Message'
});

上面的代码构造了一个简陋的通知栏。构造函数的第一个参数设定了通知栏的标题,而第二个参数则是一个option 对象,该对象可设置以下属性:

  • body :设置通知栏的正文内容。
  • dir :定义通知栏文本的显示方向,可设为auto(自动)、ltr(从左到右)、rtl(从右到左)。
  • lang :声明通知栏内文本所使用的语种。(译注:该属性的值必须属于BCP 47 language tag。)
  • tag:为通知栏分配一个ID值,便于检索、替换或移除通知栏。
  • icon :设置作为通知栏icon的图片的URL

爆栈三部曲

  •  Web前端开发大系概览 (前端开发技术栈) ,包含大约180个技术点
  •  数据库开发大系技术栈 (300多技术点)
  •  .NET技术大系概览 (迄今为止最全的.NET技术栈)

对称加密与非对称加密

对称加密

对称加密是指加密与解密的使用同一个密钥的加密算法。小编初中的时候传纸条使用了同一套加密密码,所以我用的加密算法就是对称加密算法。

目前常见的加密算法有:DES、AES、IDEA 等

非对称加密

非对称加密使用的是两个密钥,公钥与私钥,我们会使用公钥对网站账号密码等数据进行加密,再用私钥对数据进行解密。这个公钥会发给查看网站的所有人,而私钥是只有网站服务器自己拥有的。

目前常见非对称加密算法:RSA,DSA,DH等。

本文由千赢国际官网发布于千赢网页手机版登入,转载请注明出处:千赢国际官网Web前端开发大系概览,到底加密了

关键词: 千赢国际官网