新型好玩的前端技术汇总

摘要: H5技术

Notification桌面通知

出处： 简单了解HTML5中的Web Notification桌面通知

适用场景：私信、在线提问、或者一些在线即时通讯工具我们总是希望第一时间知道对方有了新的反馈，这个时候，就需要页面给予即使的通知

兼容性：IE14以上及主流浏览器（"Notification" in window）

语法：window.Notification

Notification.requestPermission(callback); // 获取用户是否显示通知的决定，默认值其中 granted表示用户允许通知，
// denied表示用户嫌弃你，default表示用户目前还没有管你

例子：

HTTPS的一句话总结：

HTTPS要使客户端与服务器端的通信过程得到安全保证，必须使用的对称加密算法，但是协商对称加密算法的过程，需要使用非对称加密算法来保证安全，然而直接使用非对称加密的过程本身也不安全，会有中间人篡改公钥的可能性，所以客户端与服务器不直接使用公钥，而是使用数字证书签发机构颁发的证书来保证非对称加密过程本身的安全。这样通过这些机制协商出一个对称加密算法，就此双方使用该算法进行加密解密。从而解决了客户端与服务器端之间的通信安全问题。

好文章连接：一个故事让你彻底理解 Https 能不能用一句话总结HTTPS？ Https协议完全理解

WebWorker（一个JavaScript拥有多线程能力的API）

我们都知道JS是单线程脚本语言，这并不是弊端，更是符览器最适合的处理形式。不然也不会出现NODEJS这种单线程，非阻塞式 I/O的技术。这种技术在前端处理复杂数据计算或者要优化性能的时候效果显著。浏览器主线继续以单线程又上到下执行JS脚本，遇到延时操作就压到最后，当遇到webworker的时候，就会开辟一个子线程去处理有复杂算法的JS脚本，真正实现异步操作提高网页性能。当然也有不适用的场景，就是不能操作dom，是有道理的，我猜可以类似数据库锁的概念。

刚刚giscafer看到这里跟我推荐了一个名叫PWA的技术，专做离线网站，估计和这个有关系

由于要用node跑服务器，贴个github仓库 WebWorker-demo

Github Page指向自己的域名，自动解决部分http跨域问题

把自己的项目通过repository的setting部署在github服务器上，当用name.github.io/project，会出现项目https不能识别http域名地址的跨域问题（调用后端http的域名地址获取信息），只要通过github域名映射到自己的域名上即可解决，因为自己的域名也没有证书认证，故本域和外域都是http协议，加上github服务器内部对除协议外的域名做了反向代理或者其他操作，使得我们不会出现跨域问题。