网络通信
7篇文章 · 0订阅
  • 前端必须懂的计算机网络知识—(跨域、代理、本地存储)
    浏览器只对网络请求有同源限制，同源就是协议、域名和端口号一致，不同源的客户端脚本在没有明确授权的情况下，不能读写对方XHR资源，反之不同源脚本读取对方XHR资源就是跨域。以http://www.a.com/test/index.html 的同源检测举例： 浏览器对script标…
    前端 百度 服务器
  • WebSocket：5分钟从入门到精通
    WebSocket的出现，使得浏览器具备了实时双向通信的能力。本文由浅入深，介绍了WebSocket如何建立连接、交换数据的细节，以及数据帧的格式。此外，还简要介绍了针对WebSocket的安全攻击，以及协议是如何抵御类似攻击的。 HTML5开始提供的一种浏览器与服务器进行全双…
    Node.js
    WebSocket：5分钟从入门到精通
  • 用简单的demo学习各种跨域
    因为学习跨域需要配置本地服务器，可能会比较麻烦，所以自己根据网上的博客写了大多数跨域的简单demo，可以自己在本地运行，而且不用配置服务器。自己对于跨域的理解刚开始也仅仅在于网上的博客文章，通过写这些可以本地运行的demo让我对跨域有了更直面的理解，希望这些demo对你们有帮助，
    Node.js JavaScript
    用简单的demo学习各种跨域
  • [译] 提高 10 倍性能：优化静态网站
    几个月前，我在国外旅行，想给朋友看我个人（静态）网站上的一个链接。我试着浏览我的网站，但花费的时间比我预期的要长。网站绝对没有任何动态内容--只有动画和一些响应式设计，而且内容始终保持不变。 我对结果感到震惊，DOMContentLoaded 要 4 s，整个页面加载要 6.8…
    掘金翻译计划 JavaScript HTTPS
    [译] 提高 10 倍性能：优化静态网站
  • HTTP从入门到放弃
    个人觉得只要了解请求首部及响应首部即可。其中响应首部中的range（可以做断点续传，会在下文提及），还有缓存（ETag），这些是必须要掌握的知识。 在上一篇的最后内容中，有提及req的一些属性，那么我们来看一下res有哪些方法吧。 它与writeHead的区别是：它不会真正的把…
    Node.js 前端 算法
  • http缓存实战(让你再也不会学过就忘)
    http缓存通俗来说: 当客户端向服务器请求资源时，不会直接向服务器获取资源(喂：服务器，给我一张最新的自拍图片)。而是先看下自己的存储里有没有上次保存的还在有效期内的资源。如果有的话，就省下了一笔运费(流量)。这里举一个简单的例子: 但是我们我们需要的文件a.js的内容往往并…
    JavaScript
    http缓存实战(让你再也不会学过就忘)
  • 前端必备 HTTP 技能之 Ajax 技术详解
    Ajax(Asynchronous JavaScript and XML) 是一系列 web 开发技术的集合，使用很多的 web 技术在客户端开发异步 web 应用。利用 Ajax，web 应用可以异步的发送数据获取数据，而不干扰现有页面的显示和行为。通过解耦数据接口层和展现层，Ajax 允许 web 页面或者其他扩展的 web 应用动态的改变数据而不用重新加载整个页面。实现通常选择 JSON 代替 XML，因为更接近 JavaScript。
    前端 HTTP
    前端必备 HTTP 技能之 Ajax 技术详解